zhangivon

  1.webpack简介    webpack是当下最热门的前端资源模块化管理和打包工具。简单来说，通过指定入口文件，按照依赖和规则，将许多松散的模块打包成符合环境部署的前端资源。   通过加载器（

什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件，本质上是界面加载过程中的过渡效果。 假如能在加…

最近一年多一直在做前端的一些测试，从小程序到店铺装修，基本都是纯前端的工作，刚开始从后端测试转为前端测试的时候，对前端东西茫然无感，而且团队内没有人做过纯前端的测试工作，只能一边踩坑一边总结经验，然后将容易出现问题的点形成体系、不断总结摸索，最终形成了目前的一套前端测试解决方案…

2019年6月4日，ES10正式draft已对外发布了。浏览器因版本的不同对Javascript标准会有兼容性问题，JavaScript的新的方法都不能使用。等到你能大批量使用的时候，版本早就迭代更多的很多新方法新属性了。那么如何保持队形，不掉队，能在stag3 or stag…

笔者从15年初识用node.js搭建Web前端，后又因老东家接了一些国内的外包项目，慢慢偏向了移动端。16年初有幸通过带我的技术大佬，偶然接触了前端框架并在公司推广那时候发展最成熟的Angular。对于我们这种从Web服务端搬迁过来做移动端的来说，Angular这个成熟的框架确…

欢迎来我的博客阅读：《Gulp 基础与原理》 Gulp 概述 Gulp 是基于 NodeJS 的项目，一个用作自动化构建的工具，业界一般用来建造前端的工作流。 它的核心原理其实很简单，最主要是通过各种 Transform Stream 来实现文件的处理，然后再进行输出。Tran…

我们都知道pwa是一个新技术.，依靠缓存，离线了还能正常跑，而且秒开。我把以前原生写的小游戏迁移到react，再迁移到webpack+react，最后再升级到pwa。具体介绍不多说，我们开始撸吧。 webpack攻略有很多，不啰嗦了，简单介绍一些重点。记住几个点：入口entry…

在webpack4之前，提取公共代码都是通过一个叫CommonsChunkPlugin的插件来办到的。到了4以后，内置了一个一模一样的功能，而且起了一个好听的名字叫“优化” 好了，就写到这里吧，想必大家也看累了吧，辛苦大家了，哈哈。