月薪10-12k的前端人员应该具备怎样一种技术水平?
回复内容:
看了描述,又看了作品。手机上看的。加油吧,运气好13k,运气不好也有8k。北京。
当然,大公司你不太好进,除非是构建岗位。参考其他问题,前端面试题目,自测一下。
我浪构建8-12k js 10-13k 税前 初级水平。
-------------
换电脑看了一下代码的链接。。恩。。我修改一下我的答案。
你精通jquery,希望你能写出一个简单的query和一个简单的animation,简述一下事件委派原理,应该能算基础上的合格,我默认你对dom操作很熟悉了,其他和你说的那些你会的没一点关系。
框架的了解不是你面试的优势,只是说明你看过文档,写过demo,比如你最自信的作品,就如上面的链接,代码写的真的不敢恭维,只能算是个新手,来了做同事我可能暂时不会给你太复杂的任务,因为怕你搞出篓子。
最后,价位的问题也是你关心的问题。
小公司能达到我上面说的薪资水平,因为小公司缺干活的,而且一般没太厉害的人面试你,大公司真的要进,需要加油了,除非你有极好的运气。
-------------
最后说一下简单的分析,lz看来是不太服气。。没关系,就像你说的 有则改之无则加勉,共勉。
1,首先登陆界面,我看到的是3段js都是直接扔到页头header中的,正确做法应该是扔到页脚,这个属于基本常识,登陆进去后同理。
2,中午我进去得时候弹了个1,刚才进去又把我cookie弹出来了,不用说了有xss漏洞,不争的事实。
3,看下这个片段:



4,所有的标签都缺少必要的属性,比如img的onerror,比如alt和title,甚至a标签的href都不全。。
5,好了 说点js方面的,首先我没用过avalon。
就看下皮毛好了,看到你的common文件中有string的trim函数,我就觉得你这个方法周围应该有抄过来得代码,因为你用了原生的JSON解析了数据,而这里又对trim做了兼容,何苦?你到底是要兼容到什么版本的浏览器呢?
再说你的主页面这个connect函数,首先你因为js代码没放到页尾,而你又好像不知道document ready函数,所以你在body onload函数里加了connect。。这,太业余了吧,你可以说个人喜好,那么以后你怎么来维护body的onload呢?首先onload是等待页面所有资源加载完成才执行的,二来是你以后想要加载完毕执行的逻辑必然全部都要写到connect里了。。很混乱不是么。
再说实现:

你可以说是你个人习惯问题,如果写公司代码,不会这样写,不会有这种问题。
可如果是我,我是不会把写成这样的东西,好意思贴到网上的。。我不往下看了。。下班了 吃饭了……
加油~ ^_^ 小爝 大神已经指出了一些问题,我也算前端入行一年,说下自己的意见,共勉。
我只看了下登录页面
1. 首先呢reset.css看了下,很简单,考虑下 *{margin:0;padding:0}有什么问题,可以了解下normal.css
2. 再看下index.css中,.考虑下form div和.form input 这样的写法,会带来什么问题
3. 实话说我是google后,才知道border: 0px none;可以这样写,但是border: 0px; none;是什么鬼?
4. 看了下.button-login-hover和.form input.focus是靠js实现的,为什么不用css中:hover和:focus的属性呢,
5. js方面小爝 大神指出了不少,就不说啦,最后说下工程方面的,代码不太干净,内联的css,js,可以尝试用grunt或者gulp对css和js合并压缩,个人项目还是做的完善些在放出来好,毕竟代表着个人对coding的态度。 好吧,非常厚颜无耻地回答一下吧(靠年底加薪迈过了11K的大关),本人在小公司,我所能深深体会到的就是,工资的好低不仅仅和技术水平有关,也和自己做事的态度自己解决问题的能力息息相关 大多数后端的同学刚接触前端的时候都有一个现象:太小看前端,以及太小看javascript以及css·········· 现在在北京,12k的前端很多啊,也不用懂太多东西,就比如我们公司,我20k,有同事7,8k,也有14,15k的。干的活是一样的,切图,我唯一多做的就是写个插件给他们用。js,jquery写个插件难吗,不难,就连我们的php工程师都能。问题是解决问题的思路效率,不是说你会什么多高端多新颖的技术。当然我是指针对不同公司各自情况。我如果去用一些新技术例如mvc mvvm框架而不用jquery,公司肯定不同意,而且我现在连优化页面都不用管,公司没给你去管。那个7k同事离职后也14k了,他会的多嘛,很少,一般的公司需要的是解决问题,不是技术多牛逼。说的有点乱,见谅。 哈哈 虽然我现在拿的是8,但是我很不要脸的说我觉得我可以拿10.
--------------正经点的
技术方面我觉得会移动端+PC端开发,各浏览器兼容是肯定要有的,也要了解移动端的特性,对性能的优化,SEO的习惯,加上2~3年的工作经验,熟练运用HTML5+CSS3,有意识的降低前端与后端的耦合。对JS的回调,闭包,阻止冒泡等一些常用的知识有不错的了解,这样有利于迅速扒别人的JS纳为己用,提升工作效率。
有一个好的发展规划(面试的时候也会用到
比如即便你现在不会angularjs、seajs、iojs
但你有一个清晰的思路,知道后面要学什么,知道前后端分离也许是一个趋势,知道canvas画布的性能很优秀,知道移动端微信平台开发的实时技术动态,面试官也会很乐意用你的。 吧 ?
我怕我一本正经的胡说八道,还是先匿了 年薪35万,你说的这些我都做不好,感觉压力好大。
关键我也是前端。
说说我会什么。
我只会js。这个我玩的精。公司用的好多jquery插件都是我写的。
我不会做css,更不用说浏览器兼容性了。
我只会在chrome下写代码。IE只用来跑下。 作为一个月薪30k+的前端的太太(文科女),我来说一下我先生的生活状态:
1、白天上班(有点废话),呵呵
2、晚上参加公司的分享和交流活动
3、通常10:30以后到家,略吃点东西,看技术论坛、书、知乎、code他说他想做的东西;期间微信不断跟同事或技术伙伴交流
4、2点后可能会上床睡觉(最高纪录是5:30)
5、周末会睡到早上11点,起床后继续捧着电脑、书,或code。难得会出去吃个饭、看个电影什么的
6、更多的周末是带着他手下的人跑各地参加技术论坛,做分享或听分享;如果仅周六的会,那周日会放松一下再回;如果两天的会,那就没放松
他从不说他精通什么,一直不断在学习,他说:这个行业,不学习就马上被淘汰。我很高兴他能做他喜欢的职业,并能为之努力!
LZ,你的工作生活又是怎样的呢? 工资多少除了自身能力,很大因素还跟运气有关系,所以,在自身提高了之后,工资不提升的话,选择跳槽吧,每多跳一次,就多一次测试运气的机会,哈哈.
当然,也不是短时间就跳,得自身能力有不断的提升. 按题主的描述你已经是一位比较优秀的前端开发人员了,至少在技术上。想给你一些建议也希望能帮助到其他人。
首先,薪资并不是一个非常好的衡量从业人员自身的技术水平的标准。经济实力雄厚的金融产业或者金融服务业的IT从业人员普遍薪资要高出其它行业的同类IT从业者。高薪资确实可以一定程度上吸引高质量的从业者但这也不是绝对的。以我的观察真正热爱代码的人多数会认为拥有一个http://apache.org的邮箱后缀要比在Morgan Stanley捣鼓算法要稍高端一些。当然不排除以上2个同时拥有。
题主问题里强调的是技术水平,当然,这是在一个优质开发人员整体品质当中不可或缺的非常重要的一个组成部分。什么都不会只知道胡邹的自称架构师的人在开发团队里得不到大家的信任大致也就是这个原因。但你题主若是经常关注前端产业的新闻就会发现这个领域的变化可以按周来计算。所以仅仅掌握一两枚看家徽章显然是不足够的。几年前大家还在疯狂地画各种凹凸有致的web2.0图标的时候,有谁会想到仅凭CSS就可以实现parallax这种简单美妙的效果。按题主的描述,最引以为豪的技术能力是ie6查错,这确实是一项罕有的玄学技能,题主也确实可以凭借这一独门绝技,各大尚未舍得花钱更新内部终端浏览器的大企业也会非常乐意地以合同工的身份聘用你,但我觉得总有一天ie6是要淡出市场的,就跟netscape一样,那个时候你的这个技能怎么办呢。时代变得很快,所以我觉得拥有掌握核心技术但又能跟紧潮流发展是尤为可贵的。
能给题主的建议是继续多花时间阅读,然后思考人生,想想10年以后的自己应该是从事怎样的工作。是还在每天埋头写代码做网站修漏洞,还是可以写文档做架构带团队,或者开公司搞产品骗vc。不管是哪样的未来,希望题主能保持一个愿意接受新鲜事物的态度。比如过去几个月在带前端开发团队里讨论最多的是dev-ops和agile/scrum, 用grunt做各种自动化,绑入casperjs把各种测试也自动化了。这样和客户产品狗大战999回合的时候哪怕打不过修改起来也稍稍容易了一些。当然还有各种前端优化的玄学技术,比如前端绑入各种用户体验分析插件之后还不能伤害页面载入时间和SEO,等等。
最后,总结一下。在我看来,我认为优秀的前端开发人员应该是了解核心技术,能写优质代码,聊技术潮流的时候可以停不下嘴,和团队里的比不上他的人能融洽相处谈笑风生,爱学习,爱生活。
希望能帮助你。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

H5 頁面製作是指使用 HTML5、CSS3 和 JavaScript 等技術,創建跨平台兼容的網頁。其核心在於瀏覽器解析代碼,渲染結構、樣式和交互功能。常見技術包括動畫效果、響應式設計和數據交互。為避免錯誤,應使用開發者工具調試;而性能優化和最佳實踐則包括圖像格式優化、減少請求和代碼規範等,以提高加載速度和代碼質量。

運行 H5 項目需要以下步驟:安裝 Web 服務器、Node.js、開發工具等必要工具。搭建開發環境,創建項目文件夾、初始化項目、編寫代碼。啟動開發服務器,使用命令行運行命令。在瀏覽器中預覽項目,輸入開發服務器 URL。發布項目,優化代碼、部署項目、設置 Web 服務器配置。

製作 H5 點擊圖標的步驟包括:在圖像編輯軟件中準備方形源圖像。在 H5 編輯器中添加交互性,設置點擊事件。創建覆蓋整個圖標的熱點。設置點擊事件的操作,如跳轉頁面或觸發動畫。導出 H5 文檔為 HTML、CSS 和 JavaScript 文件。將導出的文件部署到網站或其他平台。

H5 彈窗製作步驟:1. 確定觸發方式(點擊式、時間式、退出式、滾動式);2. 設計內容(標題、正文、行動按鈕);3. 設置樣式(大小、顏色、字體、背景);4. 實現代碼(HTML、CSS、JavaScript);5. 測試和部署。

"h5"和"HTML5"在大多數情況下是相同的,但它們在某些特定場景下可能有不同的含義。 1."HTML5"是W3C定義的標準,包含新標籤和API。 2."h5"通常是HTML5的簡稱,但在移動開發中可能指基於HTML5的框架。理解這些區別有助於在項目中準確使用這些術語。

H5通過語義化元素和ARIA屬性提升網頁的可訪問性和SEO效果。 1.使用、、等元素組織內容結構,提高SEO。 2.ARIA屬性如aria-label增強可訪問性,輔助技術用戶可順利使用網頁。

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

解決 H5 兼容問題的方法包括:使用響應式設計,允許網頁根據屏幕尺寸調整佈局。採用跨瀏覽器測試工具,在發布前測試兼容性。使用 Polyfill,為舊瀏覽器提供對新 API 的支持。遵循 Web 標準,使用有效的代碼和最佳實踐。使用 CSS 預處理器,簡化 CSS 代碼並提高可讀性。優化圖像,減小網頁大小並加快加載速度。啟用 HTTPS,確保網站的安全性。
