认识大前端html+css+js

认识大前端：前端就是将效果图生成网页，利用html+css+js等技术。

       若是把前端比做一台汽车，那么html就是车的骨架，css就是完整的车的模型，而js就充当着车的发动机...

建议：   刚刚开始学的话，html，css，js时间要合理分配；博主的时间的分配是这样html2天，css7天，js基础3天，博主的仅供参考，具体时间还要看你本身的学习进度。

作前端没一个好的浏览器是不行的：

                   

建议每一个人都下一个火狐或者谷歌，博主用着还不错，不要忘记把它设置成默认浏览器。

有了一个好的浏览器，就必须有个好的开发工具：

                                                     

                                                                                                   Dw  历史悠久，设计师使用。

                                                                                        Sublime   轻量级    有不少好用的插件。

                                                                                            Webstorm  重量级    太过智能。

刚刚入行的话，先使用第二个sublime，简便轻巧，到熟悉以后就建议使用WebStrom了，博主在下面附下网盘地址，须要的自行下载：

sublime:连接: https://pan.baidu.com/s/1o8hx0Iu 密码: wqbu    没有安装条件，按要求安装便可！

WebStrom：连接：  https://pan.baidu.com/s/1dFNDopr  密码：vsah  这个是安装的压缩包

                     连接：  https://pan.baidu.com/s/1i5b2aUD  密码： x9tg  这个是安装教程

 

sublime的快捷键：

              

Html:xt+tab

Html结构代码

                    

tab	补全标签代码
Ctrl+shift+d	快速复制一行
Ctrl+shiif+k	快速删除一行
Ctrl+鼠标左键单击	集体输入
Ctrl+h	查找替换
Ctrl+f	查找
Ctrl+/	注释
Ctrl+L	快速选择一行
Ctrl+shift+↑（↓）	快速上移（下移）一行
F11	全屏

 知道以上几点快捷键就差很少了，若是还想知道更多的快捷键就看，sublime快捷键使用： http://blog.csdn.netdetails/11530751

WebStrom的快捷键：

      ctrl+c        复制
      ctrl+v        粘贴
      ctrl+x        剪切一行或删除一行
      ctrl+d        复制本行到下一行
      ctrl+z        退回以前操做
      ctrl+shift+z    已经作好的退回以后的下一步
      ctrl+a        全选
      ctrl+/         注释行
      ctrl+shift+/    注释选定区域
      ctrl+g        查找行号
      ctrl+shift+up/down    上下移动代码
      table        补齐代码
      ctrl+f        查找文本

html+css+js：

 

补充：学习资料百度网盘地址,须要的朋友自取

连接: https://pan.baidu.com/s/1qOZm348vori1SrQE_0bTzw 提取码: e5ca 

 

附加：http://www.ofmonkey.com/   （程序员在线工具）

 

附上我作的一个页面的小样：

   因为太占文本，我就取了一小部分，想要获取源代码，请在文章下面留言！

  

 

 

博主的知识产权，写着也辛苦是吧，转载请注明出处：http://www.cnblogs.com/hejun

 

 

 

       博主学了不少年，一直想找个记录本身学习过程的地方，就忽然想注册一个博客，把本身想写的东西给写进去，能帮本身留有一个属于本身的地方，也但愿能帮助到须要帮助的人，因为是第一次写，写的很差的地方请多担待一下，仍是须要咱们共同进步，博主有什么错误的地方，也但愿网友们指出，博主才能更正本身的错误，以为博主写的还能够的，关注一下博主，之后博主有什么更新的地方，还须要你们检阅，查找错误，也但愿能有帮助到大家的地方,谢谢！

 

附加：http://www.jq22.com/   最新的jq插件库

    http://www.lvyestudy.com/  学习地址

附加：

bootstrap , Element-UI，Mint-UI , Ant-Design,animate.css等组件库； 

 

附加：

 http://mes.gitwms.com/    帐号：administrator 密码000000

         

 项目上线清理缓存：在服务器端作了更新，浏览器使用的还是缓存在本地的js文件，除非强制清缓存（ctrl+F5)。可是用户并不会去清理缓存，因此前端须要来清理缓存：

1.添加随机数：

document.write("<link rel='stylesheet' href='css/index.css?random=" + Math.random() + "' />");
document.write("<script type='text/javascript' src='js/index.js?random=" + Math.random() + "'></s" + "cript>");

2.加上版本号：

<link rel="stylesheet" href="css/index.css?v=1.0.0" />

 

前端UI库推荐（pc和移动）

 

1. pc 端

 

1. elementUI （生态强大，样式生硬）
2. iview （推荐，组件丰富）
3. bootStrap
4. layUI
5. easyUi

 

2. 移动端

 

1. mintUI
2. ant-design
3. vonic 
4. vux
5. Muse-ui
6. VantUI

博客园公开api地址：http://openapi.cnblogs.com/