wade3po

线程，对于后端的人来讲是很熟悉的，对于前端，却基本不会注意到。我们都知道JavaScript是单线程的，也就是说，同一个时间只能做一件事。说是为了避免复杂性，所以JavaScript从诞生就是单线程，将来也不会改变。 因为是单线程，我们开发的时候经常是有一个方法报错了，那么下面…

ajax，每一个前端开发都用过，都知道它一般是异步的，也能同步使用。websocket，没开发过实时监听数据的项目一般不会用过。 我们都知道聊天是需要长连接的，一般使用websocket，那么在一些场景下我们不想使用比较耗费资源的长连接，又想实现数据监听，这时候我们就会使用aj…

做前端也不是很久，也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目，所以对于前端的架构我并没有一个清晰的认识。只是最近看着新公司的项目，实在有感而发，忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了，所以前端项目都是前端自己搭建，整个项目的结构都把握…

在JavaScript中操作数据的时候，基础数据类型还好，不管是我们怎么赋值修改都不会有什么问题，但是如果我们操作的是数组或者Object，那很容易出现修改了一个值就会把所有的都给变了，这就是浅拷贝。 我们明明想只是修改对象或者数组中的另一个，为什么两个都改变了。这就涉及深拷贝…

作为前端，静态页面很考验一个css的功底，看一些大牛视频书写基础静态页面的时候，非常舒服，因为整个页面布局的结构非常好，不仅语义化，每一个块之间也分的很清楚。今天就讲讲页面布局怎么去划分结构。 整个页面看起来东西很多很复杂，其实不是的，只要你划分好了模块，然后一个一个去开发，整…

Vue作为单页面应用的框架，路由是必不可少的。现在也很多引入vuejs去使用，今天只说脚手架创建的项目的路由。 我们先看一下，脚手架建好项目之后路由的结构，是一个json，path就是路径，就是浏览器输入的路径，name是这个组件的名字，在路由传参的时候param可以用到。 c…

我们一直在写HTML，关注的一直是界面和功能，很少考虑整个HTML的渲染过程。也是，在开发过程中确实不需要关注这方面，但是知道和理解HTML的渲染过程，对于HTML的一些性能有很好的认识。 HTML解析过程：构建DOM树、构建CSSOM树、根据DOM树和CSSOM树构建rend…

Css对于浮动的定义：使元素脱离了文档流，按照指定方向移动，直到碰到包含框或另一个浮动框为止。 本人现在虽然已经不用浮动了，都用弹性布局flex，但是不可否认，浮动是在弹性布局出现之前使用最多的。而清除浮动有哪些方法，哪些方法又是推荐的。 子元素浮动了，那么给父元素设置属性ov…

对于前端性能来说，图片是一个过不去的坎，又想能页面美观，又想页面响应速度快，那么这时候就有了两个技术，图片懒加载和预加载。在这边我只介绍一些方法和原理，不具体把方法的代码贴出来。 懒加载：在需要显示图片的时候才去加载图片。 预加载：在还没显示的时候就加载图片。 在说预加载和懒加…