前端大世界

前端技术月报-1907

前端技术月报-1907 前端基础入门前端基础入门收集精选的前端技术文章容器化使用 Docker 构建前端应用 react APP容器化 ...

Posted by Cycle263 on July 4, 2019

Webpack之treeShaking分析之道

webpack原理机制系列

treeshaking tree shaking 字面可以理解为摇树，所做的优化就是，过滤不必要和未用到的打包。背景 Tree shaking一直是一个美丽而遥不可及的话题，它是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码。这个术语和概念实际上是兴起于 ES2015 模块打包工具 rollup。可以简单地理解为摇树，抖落掉枯萎无用的树叶。 s...

Posted by Cycle263 on March 21, 2019

webpack常见的优化手段汇总

treeshaking, scope hoisting等

webpack之性能优化 webpack的优化技巧，提升构建速度(并行编译、hash缓存、预编译)，减少构建包大小，加快页面加载速度（减少编译体积-treeShaking scopeHositing、hash缓存、分包机制）等。优化的相关概念构建时间：一次全量构建 = install ...

Posted by Cycle263 on March 9, 2019

ES6模块与Commonjs模块对比

模块化语法区分

ES6模块与Commonjs模块对比模块化规范：即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。 require vs import require/exports import/export ...

Posted by Cycle263 on February 3, 2019

react合成事件全面理解

react原理机制系列

react合成事件 React自己实现了一套高效的事件注册，存储，分发和重用逻辑，在DOM事件体系基础上做了很大改进，减少了内存消耗，简化了事件逻辑，并最大化的解决了IE等浏览器的不兼容问题。React并不是将click事件直接绑定在dom上面，而是采用事件冒泡的形式冒泡到document上面，然后React将事件封装给正式的函数处理运行和处理。react 默认事件代理的方式，实际上没有任...

Posted by Cycle263 on September 26, 2018

webpack4初次尝试

webpack配置系列

webpack4初次尝试 webpack以配置驱动，繁琐的配置也成为了webpack进一步发展的障碍，零配置的打包构建工具如雨后春笋。webpack4对配置要求降低了很多，甚至entry和output也非必配项。 mode属性即默认策略配置，分为开发和生产环境（development/production），常用的配置以及配置好默认值。默认值为prod...

Posted by Cycle263 on August 23, 2018

浅谈blob和arraybuffer

Blob vs ArrayBuffer vs TypeArray 二进制数组是JavaScript操作二进制数据的一个接口。(ArrayBuffer对象、TypedArray视图和DataView视图)。三者之间的关系可以理解为：Blob <-> ArrayBuffer <-> TypeArray <—> Array Blob对...

Posted by Cycle263 on June 6, 2018

初试chrome语音识别

语音识别语音一种机械波，是器官或物件震动引起周围空气压强变动而形成的一种纵波，是一种连续的一维信号，随纵轴时间变化而变化。音频属于波，属模拟信号，采样是把它变成离散的量，点越多（间隔是相同的），线就越平滑，越接近于最初的曲线。可以通过计算机技术采样成无数的连续信号点，信号越多语音精准度越高，还原的语音越真实自然。语音识别应用语...

Posted by Cycle263 on May 22, 2018

初试react-router4.0和BrowserRouter

React-router4 React-router4 本次采用单代码仓库模型架构（monorepo），这意味者这个仓库里面有若干相互独立的包。 react-router React Router 核心 react-router-dom 用于 DOM 绑定的 React Router，相比react-router多了这样的 DOM 类组件。...

Posted by Cycle263 on May 16, 2018

儿童心理（一）

儿童心理学系列

儿童心理 – 文化差异文化差异个人主义文化强调个人独立的文化。在这样的文化背景下，儿童从小被教育要独立，在社会中要自信，并努力实现自我的目标。任何没有实现自立的个体都会被认为是其社会化的失败。这样的文化盛行于欧美国家。从婴幼儿开始，母亲们就帮助有着高度依赖性的儿童获得身体和心理上的独立，他...

Posted by Cycle263 on May 14, 2018