后端程序员开发页面一点心得

好久写前端，最近一个项目要写点界面，使用vue写了下，10多年前写过，多年前还是看javascript高级编程那本绿书，非常好，不知道现在还有没有新版本。简单使用后和以前比较了下，希望对别人有一定用途

 

要成为前端大师，请将github相关的问题都给懂了，这个项目非常全

https://github.com/haizlin/fe-interview

 

1、前端知识

1.1 基础知识

我认为前端的知识包括： html  css   js

其中

html中主要是dom和事件怎么响应，冒泡的这些原理；另外一个就是布局

css并没有特别多的难度，但是各种属性也很繁琐

js中重要的是是：面向对象、闭包、基本的数据类型，还有一些新的特性比如:Promise。js面向对象，分析下axios封装XMLHttpRequet基本上就会有不小的长进，js在整个开发中尤其重要，新的结构都基于js上进行的处理

 

1.2 框架关系

js新的框架和js关系：

JavaScript是一种(最好的)编程语言, 主要作为前端开发中用来增加网页的动态功能,比如操作DOM, 读取用户输入, 动画效果等

NodeJs 是基于JavaScript的,可以做为后台开发的语言. 提供了很多系统级的API，如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计

ReactJS为Facebook开发的,更多的像一个JS的库.主要是在前端Web开发中, 对MVC中的V进行操作.

React Native它基于开源框架ReacJS，并可用来开发iOS和Android原生应用, 主要为移动端服务.   

vue.js 开源的View层的框架

 

1.3 新特性和标准

MDN标准，主要Es6

HTML5相关的一些标准

现在很多项目使用项目也可以用webpack模块化，es6转码babel， less，jade这些，都是用node实现的编译。比如:vue.js

 

其实前端相关的技术还是非常多的，IOS和andriod开发还出来了flutter

 

1.4 Node.js问题

Node.js 是前端工程化的重要支柱之一，本质上是为了使用js可以开发后端系统，最后js开发打包都使用它了。目前NodeJS大多被用于前端开发的开发环境，它的包生态系统，npm，是目前世界上最大的开源库生态系统。
node.js也有自己的后端开发框架

 

1.5、总体评价

现在的调试工具和开发环境真好，前端开发有福了。

现在的框架也比较nice，以前jquery，自己在document查找节点，设置innerHtml太难了

 

学习前端一个不错的网站

https://segmentfault.com/

 

2、运行环境

html的话chrome运行环境+vscode非常不错

js的话，单纯的一个可运行的环境极好，当前直接在node.js下熟悉js是非常棒

 

 

3、相关可参考资源

VUE的事件监听处理： https://www.cnblogs.com/mrsdong/p/12144375.html
avaScript 运行机制详解：再谈Event Loop   
 http://www.ruanyifeng.com/blog/2014/10/event-loop.html
Vue.nextTick 的原理和用途
 https://segmentfault.com/a/1190000012861862 
Vue 在内部尝试对异步队列使用原生的 Promise.then 和 MessageChannel 方法，如果执行环境不支持，会采用 setTimeout(fn, 0) 代替。

vue中的computed和watch
https://segmentfault.com/a/1190000012948175?utm_source=tag-newest

Vue的组件为什么要export default
https://www.cnblogs.com/win-and-coffee/p/10186649.html

axios链式处理：
https://blog.csdn.net/weixin_39703839/article/details/102839078
https://blog.csdn.net/weixin_42448623/article/details/104773280?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight
 

axios封装XMLHttpRequest
https://segmentfault.com/a/1190000021944305
js原型链相关处理
https://github.com/maxzhang/maxzhang.github.com/issues/5

node解释js文件：
https://www.jianshu.com/p/802cdf66bebb

js中难点的专栏：
https://blog.csdn.net/cc18868876837/article/details/96303296