搜索
首页web前端H5教程月薪10-12k的前端人员应该具备怎样一种技术水平?

回复内容:

看了描述,又看了作品。手机上看的。

加油吧,运气好13k,运气不好也有8k。北京。

当然,大公司你不太好进,除非是构建岗位。参考其他问题,前端面试题目,自测一下。

我浪构建8-12k js 10-13k 税前 初级水平。

-------------

换电脑看了一下代码的链接。。恩。。我修改一下我的答案。

你精通jquery,希望你能写出一个简单的query和一个简单的animation,简述一下事件委派原理,应该能算基础上的合格,我默认你对dom操作很熟悉了,其他和你说的那些你会的没一点关系。

框架的了解不是你面试的优势,只是说明你看过文档,写过demo,比如你最自信的作品,就如上面的链接,代码写的真的不敢恭维,只能算是个新手,来了做同事我可能暂时不会给你太复杂的任务,因为怕你搞出篓子。

最后,价位的问题也是你关心的问题。

小公司能达到我上面说的薪资水平,因为小公司缺干活的,而且一般没太厉害的人面试你,大公司真的要进,需要加油了,除非你有极好的运气。

-------------

最后说一下简单的分析,lz看来是不太服气。。没关系,就像你说的 有则改之无则加勉,共勉。

1,首先登陆界面,我看到的是3段js都是直接扔到页头header中的,正确做法应该是扔到页脚,这个属于基本常识,登陆进去后同理。

2,中午我进去得时候弹了个1,刚才进去又把我cookie弹出来了,不用说了有xss漏洞,不争的事实。

3,看下这个片段:
月薪10-12k的前端人员应该具备怎样一种技术水平?再看对应的html结构:
月薪10-12k的前端人员应该具备怎样一种技术水平?是否语义化不说,但是用div确实不妥,而且满眼貌似除了div就没别的标签了。
月薪10-12k的前端人员应该具备怎样一种技术水平?这部分同理,明显是按钮,为何要用div来做。虽然知道是js提交的,但是确实也不妥,很容易让人感觉混乱和不专业。
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里了。。很混乱不是么。

再说实现:
月薪10-12k的前端人员应该具备怎样一种技术水平?我真的 不想往下看了。

你可以说是你个人习惯问题,如果写公司代码,不会这样写,不会有这种问题。
可如果是我,我是不会把写成这样的东西,好意思贴到网上的。。我不往下看了。。下班了 吃饭了……

加油~ ^_^ 小爝 大神已经指出了一些问题,我也算前端入行一年,说下自己的意见,共勉。
我只看了下登录页面
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从业者。高薪资确实可以一定程度上吸引高质量的从业者但这也不是绝对的。以我的观察真正热爱代码的人多数会认为拥有一个apache.org的邮箱后缀要比在Morgan Stanley捣鼓算法要稍高端一些。当然不排除以上2个同时拥有。

题主问题里强调的是技术水平,当然,这是在一个优质开发人员整体品质当中不可或缺的非常重要的一个组成部分。什么都不会只知道胡邹的自称架构师的人在开发团队里得不到大家的信任大致也就是这个原因。但你题主若是经常关注前端产业的新闻就会发现这个领域的变化可以按周来计算。所以仅仅掌握一两枚看家徽章显然是不足够的。几年前大家还在疯狂地画各种凹凸有致的web2.0图标的时候,有谁会想到仅凭CSS就可以实现parallax这种简单美妙的效果。按题主的描述,最引以为豪的技术能力是ie6查错,这确实是一项罕有的玄学技能,题主也确实可以凭借这一独门绝技,各大尚未舍得花钱更新内部终端浏览器的大企业也会非常乐意地以合同工的身份聘用你,但我觉得总有一天ie6是要淡出市场的,就跟netscape一样,那个时候你的这个技能怎么办呢。时代变得很快,所以我觉得拥有掌握核心技术但又能跟紧潮流发展是尤为可贵的。

能给题主的建议是继续多花时间阅读,然后思考人生,想想10年以后的自己应该是从事怎样的工作。是还在每天埋头写代码做网站修漏洞,还是可以写文档做架构带团队,或者开公司搞产品骗vc。不管是哪样的未来,希望题主能保持一个愿意接受新鲜事物的态度。比如过去几个月在带前端开发团队里讨论最多的是dev-ops和agile/scrum, 用grunt做各种自动化,绑入casperjs把各种测试也自动化了。这样和客户产品狗大战999回合的时候哪怕打不过修改起来也稍稍容易了一些。当然还有各种前端优化的玄学技术,比如前端绑入各种用户体验分析插件之后还不能伤害页面载入时间和SEO,等等。

最后,总结一下。在我看来,我认为优秀的前端开发人员应该是了解核心技术,能写优质代码,聊技术潮流的时候可以停不下嘴,和团队里的比不上他的人能融洽相处谈笑风生,爱学习,爱生活。

希望能帮助你。
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
H5:网络开发的新功能和功能H5:网络开发的新功能和功能Apr 29, 2025 am 12:07 AM

H5带来了多项新功能和能力,极大提升了网页的互动性和开发效率。1.语义化标签如、增强了SEO。2.多媒体支持通过和标签简化了音视频播放。3.Canvas绘图提供了动态图形绘制工具。4.本地存储通过localStorage和sessionStorage简化了数据存储。5.地理位置API便于开发基于位置的服务。

H5:HTML5的关键改进H5:HTML5的关键改进Apr 28, 2025 am 12:26 AM

HTML5带来了五个关键改进:1.语义化标签提升了代码清晰度和SEO效果;2.多媒体支持简化了视频和音频嵌入;3.表单增强简化了验证;4.离线与本地存储提高了用户体验;5.画布与图形功能增强了网页的可视化效果。

HTML5:标准及其对Web开发的影响HTML5:标准及其对Web开发的影响Apr 27, 2025 am 12:12 AM

HTML5的核心特性包括语义化标签、多媒体支持、离线存储与本地存储、表单增强。1.语义化标签如、等,提升代码可读性和SEO效果。2.和标签简化多媒体嵌入。3.离线存储和本地存储如ApplicationCache和LocalStorage,支持无网络运行和数据存储。4.表单增强引入新输入类型和验证属性,简化处理和验证。

H5代码示例:实际应用和教程H5代码示例:实际应用和教程Apr 25, 2025 am 12:10 AM

H5提供了多种新特性和功能,极大地增强了前端开发的能力。1.多媒体支持:通过和元素嵌入媒体,无需插件。2.画布(Canvas):使用元素动态渲染2D图形和动画。3.本地存储:通过localStorage和sessionStorage实现数据持久化存储,提升用户体验。

H5和HTML5之间的连接:相似性和差异H5和HTML5之间的连接:相似性和差异Apr 24, 2025 am 12:01 AM

H5和HTML5是不同的概念:HTML5是HTML的一个版本,包含新元素和API;H5是基于HTML5的移动应用开发框架。HTML5通过浏览器解析和渲染代码,H5应用则需要容器运行并通过JavaScript与原生代码交互。

H5代码的基础:密钥元素及其目的H5代码的基础:密钥元素及其目的Apr 23, 2025 am 12:09 AM

HTML5的关键元素包括、、、、、等,用于构建现代网页。1.定义头部内容,2.用于导航链接,3.表示独立文章内容,4.组织页面内容,5.展示侧边栏内容,6.定义页脚,这些元素增强了网页的结构和功能性。

HTML5和H5:了解常见用法HTML5和H5:了解常见用法Apr 22, 2025 am 12:01 AM

HTML5和H5没有区别,H5是HTML5的简称。1.HTML5是HTML的第五个版本,增强了网页的多媒体和交互功能。2.H5常用于指代基于HTML5的移动网页或应用,适用于各种移动设备。

HTML5:现代网络的基础(H5)HTML5:现代网络的基础(H5)Apr 21, 2025 am 12:05 AM

HTML5是超文本标记语言的最新版本,由W3C标准化。HTML5引入了新的语义化标签、多媒体支持和表单增强,提升了网页结构、用户体验和SEO效果。HTML5引入了新的语义化标签,如、、、等,使网页结构更清晰,SEO效果更好。HTML5支持多媒体元素和,无需第三方插件,提升了用户体验和加载速度。HTML5增强了表单功能,引入了新的输入类型如、等,提高了用户体验和表单验证效率。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能