前端学习总结

 

目录

一、html

二、css

三、js

四、框架

五、自动化组件工具

六、编辑器

七、网页优化

八、后端

九、数据库

十、UI

十一、快速建博客                

十二、学习网站

---

工作两年来很少静下来总结所学的知识，这篇文章主要记录工作中使用的前端技术，不定期更新。

 

一、html

二、css

            css预处理器：sass

 

            安装sass步骤：

                    安装cnpm：npm install -g cnpm

                1. 打开cmd，安装 cnpm  install  –  g  node-sass

                2. 查看是否安装成功 node-sass –v

                3. 监测某个css文件

                        node-sass  -w  index.scss  index.css  --output-style  expanded

          4.监测完成之后再index.scss中写代码会在index.css中生成相应的代码

                       注： 清空cmd窗口中的命令  cls

 

三、js

 

        推荐图书  javascript权威指南

       

 

        1、获取传递数据 

                (1)ajax

                (2)form表单

四、框架

        bootstrap响应式框架，可与它组合使用datatables，用来处理数据表格。

        layui提供给后端工程师使用的前端框架，主要处理表格，界面漂亮，上手简单。

        

五、自动化组件工具

        1、webpack

        2、gulp

六、编辑器

        sublime   （安装插件：1、汉化）

        webstrom

七、网页优化

        推荐图书  图解HTTP

        

        1、http和https区别

                

八、后端

        nodeJS

九、数据库

        mysql

        postgres

        redis

十、UI

        工具：ps  处理位图。主要用来切图，测量网页元素的尺寸。 （做海报（尺寸：）、易拉宝（尺寸一般：80*200cm））  

                  ai  处理矢量图。（做画册、名片（尺寸一般：））

        素材常用网站：

十一、快速建博客                

        1、hexo

        2、wordpress

十二、学习网站

        视频：

        1、慕课网

        文章：

        1、csdn

        解决问题搜索：首选社区，其次是github

虽然主要工作是前端，但是后端和数据库还是要了解一点的。对整个项目的进度是会有帮助的。