- 博客(72)
- 收藏
- 关注
RSS订阅
原创 Webpack4之SplitChunksPlugin规则
从Webpack3到Webpack4一个指标性的变化就是Webpack3的CommonsChunkPlugin被废弃了，取而代之的是Webpack4中的SplitChunksPlugin，这不仅仅是plugin名称的变化，也是分割chunk思想的变化。两种plugin的不同可以参照以下这篇文章：...
2018-08-23 15:30:45
19500
4
原创 React v15到v16.3, v16.4新生命周期总结以及使用场景
15 to 16 removed 生命周期why remove: async rendering in React 16what is async rendering (原理, 例子: new lifecycle vs old lifecycle)16.3 to 16.4 changed 生命周期 http://projects.wojtekmaj.pl/react-lifecycl...
2018-07-25 09:51:01
10173
原创 React16和Antd如何在IE9环境下忍辱偷生
项目使用React 16，但是要求兼容IE9，所以最近两周一直在搞IE9的兼容性问题。上一篇文章中遇到的Webpack4在IE9中的打包问题现在回头看看，只是开了一个“好“头。...
2018-05-24 09:53:45
16245
原创 也来谈谈JS的执行上下文与词法环境
JS 的执行上下文(execution context)和词法环境(Lexical environment)是很多前端er时不时听到，却不曾深入了解的知识点。似乎只具理论意义，也不会影响我们日常编程。事实上，**词法环境的原理与我们常常用到的很多知识点息息相关，比如变量提升，闭包(closure)，作用域链(scope)，箭头函数的原理等等**。这些看似散乱甚至很多同学需要背诵的知识点，其实根本上都是JS词法规则的外化与延伸。
2020-02-16 19:05:07
1221
2
原创 let/const 的变量提升与暂时性死区
在面试或一些文章中提到 var 和 let/const 区别时，总说 var 有变量提升，let/const 不存在变量提升，这种说法是错误的. var 和 let/const 都有变量提升，但是 let/const 暂时性死区的存在要求调用该类变量前必须先经过显式赋值
2020-02-08 17:27:18
2475
2
翻译 如何在 React Component 之外获取 Redux Store
原文链接: Access the Redux Store Outside a React Component你有过在 React 组件之外用到 Redux store 的需求吗 ?问题有点奇怪甚至在某种程度上带一点反讽，store 是一个全局的数据，有时我却没有合适的方法去获取它！在组件中调用 connect 方法获取 store 是 react-redux 的标准用法，但是在组件之外的...
2019-10-08 09:18:53
6201
原创 margin: 0 auto 水平居中原理
在 CSS 居中布局界，这可以说是一个烂梗了。但如果继续追问其原理，很多人就语焉不详了。**网络中很多文章有两个问题：描述不全面或者延伸太广，难以聚焦，时间一长容易遗忘**。所以写这篇文章的目的是在收敛知识扩展面的同时又能抓住要点，就算时间久了也可以从要点出发把整个原理。
2019-07-14 17:02:37
6311
原创 个人博客的Travis持续集成之路
前言个人博客主要用于技术探索与试用，服务器是在阿里云上购买的，操作系统是 ubuntu 16.04. 痛点是每次有新的提交都要远程连接到阿里云服务器，首先从 git 上拉取最新代码，然后再进行打包构建。在有多次提交的情况下，反复登陆云服务器感觉有点不胜其烦，所以想搞一个自动化部署。构建和测试的自动化工具层出不穷。Travis CI 就是这类工具之中，市场份额最大的一个。包括我们公司的持续集成工...
2019-07-05 13:03:49
793
翻译 Async-Await ≈ Generators + Promises
原文链接 Async-Await ≈ Generators + Promises这篇文章主要向你阐述：为什么说 ES2017 中的 async 函数其实是 ES2016 中的特性 generator (生成器) 和 promise 之间的 “互动游戏”。勘误：原文说 async 是 ES2017 的特性，而 generator 和 promise 是 ES2016 的特性。事实上，as...
2019-06-18 22:38:18
993
原创 Promise的真正意义--不只为回调地狱
前言前两天在吃饭时，同事忽然抛出一个问题，Promise 的真正意义是啥？ 对话场景如下：他：Promise 的意义是啥？我：为解决回调地狱，增强了代码可读性，改善了代码结构他：这是大家都知道的，仅仅是为了这个吗？ Promise 解决了什么回调不能解决的问题，如果仅仅是为了回调地狱和可读性，Promise从社区走向ES6标准这么长的历程是不是有点小题大作？我：宿主(浏览器，V8...
2019-06-01 16:17:18
1583
1
原创 从Antd 源码到自我实现之 Menu 导航菜单
Antd Menu 简述Menu 为页面和功能提供导航的菜单列表。导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。核心功能点提取...
2019-05-24 09:36:11
6133
3
原创 React 实现 Modal 思路简述
Modal 简述模态对话框。需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。另外当需要一个简洁的确认框询问用户时，可以使用 Modal.confirm() 等语法糖方法。Modal 是组件库中开发的第一个组件， 做这个组件时的想法是先自实现后再和 Antd 做个对比，看看与大神的差距。核心功能点提取根据 Antd M...
2019-05-14 09:13:03
3513
原创 从Antd 源码到自我实现之 Form表单
前言Antd 中的组件大部分基于蚂蚁金服的组件库 react-component。antd 与 react-component 都是开源项目，阅读其源码可以给我们带来很多收益，比如：了解各式各样的组件背后的实现思想怎样去实现一个对开发和用户都友好的组件，即简单易用，便于扩展。学习一些我们在写业务代码时不太会用到的 React 高级用法但是阅读过 Antd 源码就会发现，代码量巨大而且...
2019-04-20 22:48:36
3908
原创 从系统报错角度看 React 组件的的受控与非受控
defaultValue 只在初始加载的时候起作用，只有，defaultValue将不会更新，因为它的用法是设置初始默认值，如果有需要更新可以使用 valueThat’s not how defaultValue works. If you use defaultValue, that means “I only want to set it programmatically once, an...
2019-04-17 09:24:28
2498
翻译 你其实不必为React表单受控还是非受控而纠结
这两天在浏览 React 官方文档关于非受控组件部分时，官方推荐了一篇文章: Controlled and uncontrolled form inputs in React don’t have to be complicated。写的简洁清晰，所以想着翻译过来，希望能为纠结的朋友们提供一点参考你也许读过很多文章中说: "我们应该避免使用 setState "，但是几乎又有同样数量的文章...
2019-04-16 17:06:55
1552
原创 优达学城机器学习之--聚类(Cluster)
前言这章讲的其实是非监督学习。大多数情况下从现实世界获取的数据并不附有标记，通过非监督学习仍然可以从这些数据中有所收获。最基本的聚类算法，也是目前使用最多的聚类算法叫做K-均值(K-Means)。文章目录如下：聚类简单应用假设John和Katie都喜欢收藏电影并为它们划分等级，从非常差到非常好。John偏好动作片，Katie偏好文艺片，如下图所示，无需了解电影的细节信息，我们就可...
2019-03-29 09:29:44
1847
翻译 TDD和BDD的区别 (TDD vs BDD)
前言如果你关注软件开发最佳实践方面的话题，你肯定听说过测试驱动开发(TDD - Test Driven Development) 和行为驱动开发(BDD - Behavior Driven Development)。这篇文章会为你阐述这两种模式的含义并举例，同时对二者进行比较。测试驱动开发 (TDD)当我第一次听到TDD这个词，从字面上理解，觉得很简单，就是用于驱动软件开发的测试。这没有错...
2019-03-27 20:56:46
6657
1
原创 AWorkflow : 一个用于快速构建各种关系图的库
AWorkflow是什么Aworkflow旨在向用户提供一个可自定义模版的js流程图。AWorkflow github地址在线demo默认模版：http://zhoushengfe.com/flow/dist/index.html动画：http://zhoushengfe.com/flow/dist/demo/animate/index.html自动排列：http://zhoushen...
2019-03-22 09:51:52
2124
原创 优达学城机器学习之--决策树(Decision Trees)
前言决策树(Decision tress)是继朴素贝叶斯(NB)，向量机(SVM)之后的另一种监督分类算法(supervised classification algorithm)。决策树已经有几十年的历史，稳定性非常好。和支持向量机类似，决策树也可以使用核技巧，将线性决策面转换为非线性的决策面。前置知识可线性分离的数据有一个人喜欢冲浪，帆板冲浪需要满足两个条件，要有风，要...
2019-02-26 09:20:13
1875
原创 React 16.7 Fiber源码解读 （二）之运行流程
Fiber DebuggerFiber Debugger是React官方的一个图形化展示fiber运行过程的动态demo.点击Edit按钮，可将以下代码复制到编辑框，点击运行Run即可查看log('Render <div>Hello</div&am
2019-02-01 16:53:14
2468
原创 React 16.7 Fiber源码解读 （一）之数据结构
React Fiber提出有一段时间了，关于它的文章汗牛充栋，从React 16.0 到React 16.4 (项目使用版本) 再到最新的 React 16.7，尽管大致框架没变，但是实现细节一直在变，在不同时间点发布的React Fiber源码间切换难免会有错乱。因此决定对Fiber运行框架基于最新React 16.7做一个大致的梳理
2019-01-30 18:28:22
3411
原创 优达学城机器学习之--支持向量机(SVM)
前言SVM是支持向量机的简称(Support Vector Machine)文章目录如下：简述简述简单的来说，支持向量机所做的就是去寻找两类数据之间的分割线(seperatin line)，或者称为超平面(hyperplane)。假设我们有两类数据，支持向量机就是把这些点作为输入数据，输出一条线将这些数据分类。选择分隔线为什么选择中间这条线作为分隔线？与其他线相...
2019-01-16 09:49:37
1941
原创 优达学城机器学习之--朴素贝叶斯
前言通过漫长的先修课程，终于来到了真正的机器学习。从散点图到决策面机器学习算法做的事情是定义了一个所谓的决策面(decision surface)。决策面通常位于两个不同类之间的某个位置上。当我们使用决策面，那么判断标记所属的分类就简单多了。可将决策面泛化为区分数据的不同类型，可以对之前从未出现的数据点进行分类。当决策面是一条直线时，我们称它为线性决策面。机器学习算法所做的是根据...
2018-12-26 09:40:33
2268
原创 步步提高网站体验系列之——PWA（Notification 消息通知）
前言接上篇步步提高网站体验系列之——PWA（Manifest）。这次通过消息通知Notification，当CSDN博客有更新时，用户进入个人网站会收到一个提醒。首先要明确一点，消息通知(Notification)不是推送(Push)。与通知相比，PWA的推送机制有更复杂的依赖与更差的兼容性，当然效果也更加的牛逼。本文只讲消息通知，推送等实现好了再发文文章目录如下：Notificat...
2018-12-18 20:04:18
2874
原创 步步提高网站体验系列之——PWA（Manifest）
前言接上篇步步提高网站体验系列之——PWA（Service Worker）。，这次通过manifest.json来实现将网站添加到主屏幕，当有新文章上线时通过Notification（通知）提醒用户。 这两种交互方式的共同目的其实只有一个：吸引并留住用户。文章目录如下：manifest.json简介兼容性依赖实现manifest.json简介PWA 提供了 ma...
2018-12-18 14:43:09
2398
1
转载 30分钟精通React新特性--React Hooks
你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？——拥有了Hooks，生命周期钩子函数可以先丢一边了。你在还在为组件中的this指向而晕头转向吗？——既然Class都丢掉了，哪里还有this？你的人生第一次不再需要面对...
2018-11-21 20:26:45
2817
原创 Udacity课程脉络-统计学基础（七）- 卡方检验
scale of measurement (测量尺度)χ\chiχ<sup2ordinaral data ratio data…goodness of fit/test for independency泰坦尼克
2018-11-20 09:48:14
2624
原创 CSS方言之webkit私有属性
webkit-box flexwebkit-box text-align: centerwebkit-box -webkit-line-clampother useful webkit cssother unuseful webkit css:p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1...
2018-11-04 00:05:07
4510
原创 Udacity课程脉络-统计学基础（四）-F分布
前言优达学城从这期开始，忽然没有中文字幕了。。只好自己尽量翻译了。目录如下：提出背景提出背景之前学习的t分布都是基于两个样本进行显著性检验。如果我们有很多样本呢，想要知道它们之间是否存在显著性差异。但是我们不可能两两的去对比，这时就需要新的统计方法: One Way ANOVA.基本思路如下：...
2018-09-20 09:36:10
2812
原创 Udacity课程脉络-统计学基础（三）- t分布
前言接着上一篇t分布，主要内容有：相依样本 vs 独立样本独立样本 (Independent sample) 独立样本t统计量 相依样本 vs 独立样本相依样本或重复测量，这个概念指的是为同一人提供两种条件，看看他们对这两种条件的反应。这两种条件可以是对照组和处理组，或者两种处理类型，或者可以是纵向研究，在某个时间点测量某个变量，然后在另一个时间点再次测量该变...
2018-09-06 20:33:16
2828
原创 自制土枪-Webpack4 GitInfoPlugin
前言之前项目在开发阶段为了提高效率，方便QA快速验证，我们直接从本地构建项目打包部署，跳过了线上验证阶段。同时也带来一个问题，项目是由其他人部署，而部署时间不定。当我们把改动提交后打包后，会将QA开的Issue标记为Fixed。由于部署的延迟，QA往往验证失败，开发人员又不得不去重新定位问题，因为除了没有部署成功，修复失败也是有可能的。这样会耗费很多时间来沟通。为了解决这个痛点，花...
2018-08-29 18:47:28
3405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人