技术文档
71篇文章 · 0订阅
  • Webpack经典入门
    之前你可能已经听说过这个叫webpack的很酷的工具，如果你没仔细了解过这个工具，你可能会有些困惑，因为有人说它像 Gulp 之类的构建工具，也有人说它像 Browserify 之类的模块管理工具，如果你有去仔细地了解一下，你可能还是会不明白到底是怎么一回事，因为官网上把web…
    Webpack
  • 来，聊一聊性能优化
    不管是应付前端面试还是改进产品体验，性能优化都是躲不开的话题。这里我们就简单聊一聊性能优化。 重要页面(首页)静态化。服务端提前渲染后首页生成静态页面，用户访问首页直接返回静态页面，不需要像其他页面那样还需加载 css、js 再获取数据渲染展示 所谓的体验快就是让用户觉得网站的…
    CSS JavaScript 前端
  • 聊聊浏览器的渲染机制
    参考了几篇质量比较高的文章，在结合自己的实例测试和理解，重新整理的一下浏览器的渲染的一些小细节
    前端
    聊聊浏览器的渲染机制
  • [译] CSS 继承深度解析
    CSS 里经典的层叠和继承概念到底怎么该怎么使用最好，本文深度解析，欢迎大家一起交流！
    掘金翻译计划 前端 CSS
    [译] CSS 继承深度解析
  • Vue 应用性能优化指南
    得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…
    Vue.js 前端 Webpack
    Vue 应用性能优化指南
  • Parceljs和Webpack在React项目上打包速度对比
    最近这几天前端圈子估计都被Parceljs刷屏了。Parceljs主要特点为： 在Parcejs的官方网站上给出了与其它的打包工具的构建速度的对比结果，但是并没有给出测试的项目地址，所以花了点时间在React上做了下面的测试。 两个项目都非常小，一共只有4个组件。引入了reac…
    JavaScript ECMAScript 6 Webpack
  • this 其实很简单
    this关键字是JavaScript中最复杂的机制之一，它不是一个特殊的关键字，被自动定义在所有的函数作用域中。 通常新手都会认为this就是指向函数本身，至于为什么在函数中引用他自己呢，可能就是因为递归这种情况的存在吧。但是这里，我想说，this并不是指向函数本身的 通过运行…
    JavaScript
    this 其实很简单
  • 你不知道的Console
    相信很多Web开发者跟我一样有个习惯，经常会不自觉的打开感兴趣网站的控制台（Console)。很多公司会在控制台中打印一些招聘或者安全警告的信息。作为一位开发者，当然更多的关心的是这些效果是如何实现的。今天我们不妨来重写认识下 Console 这个 API 对象。 Javasc…
  • CSS-in-JS，向Web组件化再迈一大步
    CSS-in-JS是什么，看到这个词就能大概猜到是在JavaScript里写CSS，那为什么要在JavaScript里写CSS呢，像之前一样写在css文件里哪里不好么？
    CSS
    CSS-in-JS，向Web组件化再迈一大步
  • CSS 自定义属性（变量）
    变量名区分大小写，变量值可以是颜色、字符串、多个值的组合。 在 JS 中可以通过 getPropertyValue() 和 setProperty() 来获取和修改 CSS 变量值。
    CSS 前端 JavaScript