Visual Studio Code
也就是VS Code,微软开发的一个免费、开源、跨平台的代码编辑器,轻巧灵活,运行速度快,占用内存少,在Web开发中经常会用到,使用的个人和公司也非常多,支持常见的自动补全、代码高亮、语法提示、Git等功能,插件扩展非常丰富,生态环境良好,对于Web开发来说,是一个非常不错的选择:
Sublime Text
这也是一个非常不错的代码编辑器,在Web开发中也经常会用到,可以跨平台使用,原则上是不免费的,网上有相关版本注册码,所以在使用上影响不大,基本功能和前面的VS Code差不多,轻便灵活,文本编辑功能强大,支持语言众多,智能补全、语法提示、代码高亮等功能也都不错,插件扩展也行,对于Web开发来说,也是一个非常不错的工具:
Atom
这也是一个免费、开源、跨平台的代码编辑器,由GitHub设计研发,基于Electron技术,基本功能和前面两个软件差不多,代码高亮、语法提示、自动补全、Git等功能都能很好支持,插件扩展也非常丰富,唯一不足就是启动速度慢,偶尔还会出现内存占用率高的问题,但对于Web开发来说,也是一个不错的选择:
HBuilder
这是一个专门用于Web开发的国产工具,轻巧、极速、界面柔绿,目前支持来说,只支持Windows和Mac系统,语法提示、自动补全、Markdown等功能都非常不错,还提供云打包功能,可以直接将大家开发的网页打包为手机APP(安卓、苹果等),使用起来非常方便,对于Web开发来说,也是一个非常不错的选择:
WebStorm
这是一个重量级的Web开发工具,非常专业,Jetbrains公司的产品,在团队协作的大型项目开发中经常会用到,语法检查、自动补全、代码高亮、Git等功能都非常不错,插件扩展也非常丰富,除此之外,还支持代码重构、单元测试、代码检测和快速修复等功能,对于Web开发来说,是一个非常不错的工具:
目前,就分享这5个不错的Web开发工具吧,对于日常Web开发来说,完全够用了,当然,还有许多其他的Web开发工具,像Notepad++,DW,IDEA等也都不错,选择适合自己的一款就行,网上也有相关教程和资料,非常丰富详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言补充。
选择器body > div只操作body下级的div。div1 + div2只选择div1 同级 随后 相邻最近 的div2div1 ~ p 选择div1下所有的p属性选择器
1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分:<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。
子代选择器时效果图:
后代选择器时效果图:
对于一些没有编程经验的人来说,一开始就学习 web 前端可能会让你觉得比较困难。
因为你的能力还处在初始阶段,你根本不知道你缺少哪方面的知识。
所以,在正式学习之初,你非常有必要先了解一下前端的能力模型。
前端工程师,都需要掌握哪些能力呢?
简单粗暴点,只需要掌握这张图里的能力就行了。
开个玩笑,新手的话,还是要循序渐进。
LV1:学会制作静态页面(Web + Mobile)
HTML、HTML5:
理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点。
CSS:
基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型
LV2:学会制作动态页面
JavaScript :
基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象
(有了这三个,你基本可以写一些简单的页面了,但是仍然需要学一些经典的库和框架。)
经典库:比如 jQuery,YUI2,YUI3
经典框架:比如 Bootstrap
LV3:前后端分离,打造 Web App
Vue.js/AngularJS2/React
Node.js,使用 Express/Koa 配合 MongoDB/Redis 涉足到后端领域
自动化测试
其他:
熟悉 Git 与 Shell 的使用
学习路径
1.入门 HTML + CSS
这里推荐一本书,Head First HTML与CSS(第2版)。从原理到方法都介绍得很详细,通俗易懂,活泼有趣。html和css入门力荐。学完大概 1-2 个周。
2.JavaScript + jQuery
JS:看 w3school 教程,花 2-3 天,但 w3school 教程有点过时,看完只能了解个基础,深入学习的话,推荐看《JavaScript 权威指南》,《JavaScript 高级程序设计》。两部都是大部头。看完还需要在去网上找 ES6 资料学习,推荐 ECMAScript 6入门,深入浅出ES6。
jQuery 的话,去官方文档看即可。
熟练掌握大概需要1个月。
3.Vue.js/Angular 2/React
Vue.js:查看官方中文文档大约需要 3 天左右。Vue 上手容易,但没有其他前端框架使用基础的人只看官方文档难以理解 Vue 高级用法以及在生产环境中的运用。目前 Vue 社区还比较小,除官方文档外难以找到优秀资料。
4.webpack & 测试
webpack 是目前应用最广泛的前端模块管理工具,功能强大。
测试相关的框架多且杂,大多是社区产物,较难系统学习。
以上的这些资源足够你学习几个月的,但它们不会带你走得更远。
但是,如果你已经学了这么多,你已经有足够的能力去继续前端的学习,直到你可以完美胜任一个前端工程师的要求。
最后留一点小的建议
你会经常地遇到 bug 和其它一些问题。这可能会让人沮丧,但你要尽量保持冷静,并系统地去思考。记住实践是解决问题的最佳方法。
大家采集的是石头,但是必须时刻展望未来的大教堂。
持续做一些小改进,慢慢地你就会惊奇地发现你的经验得到了怎么样的发展,你的技能得到了怎样的提升。
如果觉得《css基础选择器有几种如何使用 如何选择优秀的web开发工具 – CSS – 前端 slider css3》对你有帮助,请点赞、收藏,并留下你的观点哦!