摘要： 在Linux （CentOS）系统下，打包带prerender-spa-plugin 这个预渲染插件的内容，出现如下报错 Error: Failed to launch chrome! /mnt/workspace/xxx/node_modules/puppeteer/.local-chromium 阅读全文

摘要： 前言 在前端开发项目中，我们可能会遇到很多频繁重复的工作，尤其是是测试环境的缺陷修复与发版。手动部署多台服务器，也是一个体力活。而且很多公司规模并不是那么大，可能没有专门的团队来做这件事。这个时候我们就需要一个自动化的工具，来提高我们的效率。最典型的工具就是Jenkins。 接下来，我们讲探究一下怎 阅读全文

摘要： 一、前言 现在web前端的开发，对于MVVM框架的运用，那是信手拈来，用的飞起。一个xxx-cli工具，就能初始化一套模板，再填充业务代码，打包部署即可。但是会用，是一个方面，大家有没有底层深入思考一下，这些框架核心的技术突破点在哪里？解决了哪些问题？作为一个爱主动学习的童鞋，我们得花点小时间稍微去 阅读全文

摘要： 前言 随着移动互联网技术的发展，前端在整个项目体系建设中扮演的角色，所处的位置也越来越重要。越来越多的项目和系统，对前端开发人员的技能要求也越来越高，同时团队中前端工程师的人数的日益壮大，每个人代码风格也不一样，在协同开发和后续维护过程中，可能会带来一些问题。假如由你是该团队负责人，或这说由你来负责 阅读全文

摘要： 前言 关于react性能优化，在react 16这个版本，官方推出fiber，在框架层面优化了react性能上面的问题。由于这个太过于庞大，我们今天围绕子自组件更新策略，从两个及其微小的方面来谈react性能优化。 其主要目的就是防止不必要的子组件渲染更新。 子组件何时更新？ 首先我们看个例子,父组 阅读全文

摘要： 前言 React Hooks 是React 16.7.0-alpha 版本推出的新特性。从 16.8.0 开始，React更稳定的支持了这一新特性。 它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 注意：React 16.8.0 是第一个支持 Hook 的版 阅读全文

摘要： 关键点：不卡顿，交互流畅 一、最传统、最简单粗暴的方式 chrome浏览器（版本 74.0.3729.169（正式版本） （64 位））控制台运行结果如下 也就是说，渲染包含十万条记录，每一条数据仅仅只有图片和文字的简单组合，就要花费将近17秒。页面渲染完成之前，估计用户早已不耐烦，关掉该页面了。这 阅读全文

摘要： 零、前言 webpack升级的时候，会碰到各种个样的问题，大多数网上都能查到解决方案最简单的方案。 思路如下： 1、把css-loader，xxxloader等依赖都升级到最新 2、根据webpack4修改webpack.confg .js文件，要注意哪些配置废弃，哪些配置修改移动。 3、dev环境 阅读全文

摘要： [[prototype]]简介 javascript 中每一个对象都会有一个特殊的内置属性[[prototype]]，这个就是对其他对象对引用。有了这个作为基础去关联其他对象，就能理解继承机制。Chrome浏览器下，我们可以通过xxObj.__proto__去访问这个[[prototype]] 注意 阅读全文

摘要： 想简单等运行一段js代码，以前可能会新建一个html 里面包含script标签，或者引入一个js，然后chrome浏览器打开。这样很麻烦。 想再console控制台写，也不方便，换行处理麻烦。 基于在线开源的codeopen.io，https://codesandbox.io 之类的又太重。 那么可 阅读全文