前端总结

互联网的飞速发展和激烈竞争,用户体验成为了一个重要的关注点,导致前端开发成为一个热门职业,而前段技术也在不断的更新,不断的推陈出新。个人觉得前端开发入门相对容易,但还是需要系统的学习,打下坚实的基础,从而基础就是开发令用户满意的体验效果的基石。web是基于Internet的一个多媒体信息服务系统。

前端开发的必备技能

我觉得前端开发最应该掌握熟练的技能:

1、html语法、标签、语义。
2、Css:一、样式规范、书写规范;二、选择器;三、与html配合布局;四、常见浏览器的兼容;五、ss3(animation、gradient等等)。
3、Javascript语言、jq,对DOM、文档等的操作,方法的封装、功能插件化,node.js等的基础和常用api。
4、框架:Bootstrap等一系列的框架,提高项目效率和可扩展性。
在工作中只有熟练的掌握这些技能才能更好的完成项目、才能在项目中遇到新技术时更加快速的学习,并运用到项目中。
前端开发除了这些技能还有很多技能,前端是个庞大的技能树。
前端开发应掌握的工具
只有恰当的工具才能提升我们的工作效率,及学习效率。从而将中单放到工作中,学习中。

1、编译工具:Dreamweaver、webStorm、sublime Text等编译工具。
2、测试工具:手机端的微信web开发者工具。
3、浏览器:Google Chrome、mozilla firefox对各种标准很好的支持,同时自带调试功能,能有效的调试代码BUG,提升工作效率。
4、辅助工具:PhotoShop切图、编辑图片、取色等。
5、版本控制工具:git版本控制器分布式管理系统,可以创建多个分支,使大家分工明确,更方便讲前端组件化模块化。
6、本地服务器工具:XAMPP、WampServer 等。

开发总结

1、在过去的开发中让我认识到前端组件化,模块化的重要性。
2、书写规范:
1)html书写规范:html书写要符合语义。
2)Css样式书写规范:应用属性的精简写法提高观赏性和提高性能;使用多重选择器,提高可重用性;减少层级写法,少使用id,id是唯一标识。
3)命名面向属性和面向对象还命名。
4)使用标准的编码utf-8。
5)Js操作元素,使用的class,不添加任何样式,只做操作。同时命名也必须规范如js-**-**、js-**_**等等。
3、调试工具:chrome dev tools:前端开发调试利器,着重注意几个功能:
1)console
2)elements:元素样式调整
3)network:查看每个请求,非常重要,前后端联调必备
4)timeline:分析渲染、js执行等等各个阶段,性能优化利器
5)emulation:模拟移动端环境,mobile页面开发必备
使用jQuery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
Jq里面封装了很多方法可以直接使用:如文档操作html()、属性操作attr()、css操作css()、自定义动画效果操作animate()等。
极大的提升我们前端开发过程。
使用swiper
Swiper是一款强大的动画效果插件,兼容pc、手机。
前端开发应掌握的工具
只有恰当的工具才能提升我们的工作效率,及学习效率。从而将中单放到工作中,学习中。
1、编译工具:Dreamweaver、webStorm、sublime Text等编译工具。
2、测试工具:手机端的微信web开发者工具。
3、浏览器:Google Chrome、mozilla firefox对各种标准很好的支持,同时自带调试功能,能有效的调试代码BUG,提升工作效率。
4、辅助工具:PhotoShop切图、编辑图片、取色等。
5、版本控制工具:git版本控制器分布式管理系统,可以创建多个分支,使大家分工明确,更方便讲前端组件化模块化。
6、本地服务器工具:XAMPP、WampServer 等。
开发总结
1、在过去的开发中让我认识到前端组件化,模块化的重要性。
2、书写规范:
1)html书写规范:html书写要符合语义。
2)Css样式书写规范:应用属性的精简写法提高观赏性和提高性能;使用多重选择器,提高可重用性;减少层级写法,少使用id,id是唯一标识。
3)命名面向属性和面向对象还命名。
4)使用标准的编码utf-8。
5)Js操作元素,使用的class,不添加任何样式,只做操作。同时命名也必须规范如js-**-**、js-**_**等等。
3、调试工具:chrome dev tools:前端开发调试利器,着重注意几个功能:
1)console
2)elements:元素样式调整
3)network:查看每个请求,非常重要,前后端联调必备
4)timeline:分析渲染、js执行等等各个阶段,性能优化利器
5)emulation:模拟移动端环境,mobile页面开发必备
使用jQuery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
Jq里面封装了很多方法可以直接使用:如文档操作html()、属性操作attr()、css操作css()、自定义动画效果操作animate()等。
极大的提升我们前端开发过程。
使用swiper
Swiper是一款强大的动画效果插件,兼容pc、手机。
Fork me on GitHub