在外网看到davidshariff这篇关于前端应该学习的内容，给了我很大的启发，也明确了哪些知识是我们应该着重去学习和关注的。所以花了些时间翻译出来，希望给曾经在前端浩瀚学海里面迷茫找不到方向的人一些参考。文中有翻译不够准确的地方欢迎指正 ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

Vue 的 computed 经常会用到，其中包含以下两个重点： 1、 computed 的计算结果会进行缓存； 2、只有在响应式依赖发生改变时才会重新计算结果。 接下从源码的出发，看看能不能验证这两个重点。为了能更好理解 computed ...

本章主要演示VUE项目引入ElementUI 、Vuex、 axios、Mock.js及一些公共变量的配置 本章需要在上一章的基础上安装以下组件，绿色为新增组件 image.png 也可异步github至项目自行对照package.jso ...

React服务端渲染-next.js 前端项目大方向上可以分为两种模式：前台渲染和服务端渲染。 前台渲染-SPA应用是一个主要阵营，如果说有什么缺点，那就是SEO不好。因为默认的HTML文档只包含一个根节点，实质内容由JS渲染。并且，首屏渲 ...

为了提升下用户体验，讲下项目中这个骨架屏的处理吧。 项目相关：vue-mall 1、骨架屏 骨架屏就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构，这样可以让用户有个更好的体验感。 把网速调低点，以我们的mall项目的首 ...

<p>3月已经过去了，年前准备跳槽涨薪的朋友们是不是都绞尽脑汁地期待着在这批队列中脱颖而出？2020年的“金三银四”可能不如想象般火热。前端在飞速发展，但市场却在逐渐冷却。</p><p>公司招前端的面试考量点也悄然改变。但是不用慌，我来细细 ...

<h1>前言</h1><p>Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、W ...