自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

辰辰沉沉大辰沉

自留地整理知识点

原创 Webpack4之SplitChunksPlugin规则

从Webpack3到Webpack4一个指标性的变化就是Webpack3的CommonsChunkPlugin被废弃了,取而代之的是Webpack4中的SplitChunksPlugin,这不仅仅是plugin名称的变化,也是分割chunk思想的变化。两种plugin的不同可以参照以下这篇文章:....

2018-08-23 15:30:45 14204 4

原创 React v15到v16.3, v16.4新生命周期总结以及使用场景

15 to 16 removed 生命周期 why remove: async rendering in React 16 what is async rendering (原理, 例子: new lifecycle vs old lifecycle) 16.3 to 16.4 chang...

2018-07-25 09:51:01 8067 0

原创 React16和Antd如何在IE9环境下忍辱偷生

项目使用React 16,但是要求兼容IE9,所以最近两周一直在搞IE9的兼容性问题。上一篇文章中遇到的Webpack4在IE9中的打包问题现在回头看看,只是开了一个“好“头。...

2018-05-24 09:53:45 13266 0

原创 也来谈谈JS的执行上下文与词法环境

JS 的执行上下文(execution context)和词法环境(Lexical environment)是很多前端er时不时听到,却不曾深入了解的知识点。似乎只具理论意义,也不会影响我们日常编程。事实上,**词法环境的原理与我们常常用到的很多知识点息息相关,比如变量提升,闭包(closure)...

2020-02-16 19:05:07 197 1

原创 let/const 的变量提升与暂时性死区

在面试或一些文章中提到 var 和 let/const 区别时,总说 var 有变量提升,let/const 不存在变量提升,这种说法是错误的. var 和 let/const 都有变量提升,但是 let/const 暂时性死区的存在要求调用该类变量前必须先经过显式赋值

2020-02-08 17:27:18 327 0

原创 Typescript 之 Mixin (混入)

Mixin

2019-12-03 13:54:44 413 0

翻译 如何在 React Component 之外获取 Redux Store

原文链接: Access the Redux Store Outside a React Component 你有过在 React 组件之外用到 Redux store 的需求吗 ? 问题有点奇怪甚至在某种程度上带一点反讽,store 是一个全局的数据,有时我却没有合适的方法去获取它! 在组件中...

2019-10-08 09:18:53 800 0

原创 margin: 0 auto 水平居中原理

在 CSS 居中布局界,这可以说是一个烂梗了。但如果继续追问其原理,很多人就语焉不详了。**网络中很多文章有两个问题:描述不全面或者延伸太广,难以聚焦,时间一长容易遗忘**。 所以写这篇文章的目的是在收敛知识扩展面的同时又能抓住要点,就算时间久了也可以从要点出发把整个原理。

2019-07-14 17:02:37 1279 0

原创 个人博客的Travis持续集成之路

前言 个人博客主要用于技术探索与试用,服务器是在阿里云上购买的,操作系统是 ubuntu 16.04. 痛点是每次有新的提交都要远程连接到阿里云服务器,首先从 git 上拉取最新代码,然后再进行打包构建。在有多次提交的情况下,反复登陆云服务器感觉有点不胜其烦,所以想搞一个自动化部署。 构建和测试的...

2019-07-05 13:03:49 531 0

翻译 Async-Await ≈ Generators + Promises

原文链接 Async-Await ≈ Generators + Promises 这篇文章主要向你阐述:为什么说 ES2017 中的 async 函数其实是 ES2016 中的特性 generator (生成器) 和 promise 之间的 “互动游戏”。 勘误:原文说 async 是 ES...

2019-06-18 22:38:18 639 0

原创 Promise的真正意义--不只为回调地狱

前言 前两天在吃饭时,同事忽然抛出一个问题,Promise 的真正意义是啥? 对话场景如下: 他:Promise 的意义是啥? 我:为解决回调地狱,增强了代码可读性,改善了代码结构 他:这是大家都知道的,仅仅是为了这个吗? Promise 解决了什么回调不能解决的问题,如果仅仅是为了回调地狱...

2019-06-01 16:17:18 857 0

原创 从Antd 源码到自我实现之 Menu 导航菜单

Antd Menu 简述 Menu 为页面和功能提供导航的菜单列表。 导航菜单是一个网站的灵魂,用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航,顶部导航提供全局性的类目和功能,侧边导航提供多级结构来收纳和排列网站架构。 核心功能点提取 ...

2019-05-24 09:36:11 1844 0

原创 React 实现 Modal 思路简述

Modal 简述 模态对话框。需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用 Modal 在当前页面正中打开一个浮层,承载相应的操作。 另外当需要一个简洁的确认框询问用户时,可以使用 Modal.confirm() 等语法糖方法。 Modal 是组件库中开发的第一个组件, 做这个组...

2019-05-14 09:13:03 1330 0

原创 从Antd 源码到自我实现之 Grid 栅格系统

前言

2019-04-23 09:54:24 1702 1

原创 从Antd 源码到自我实现之 Form表单

前言 Antd 中的组件大部分基于蚂蚁金服的组件库 react-component。antd 与 react-component 都是开源项目,阅读其源码可以给我们带来很多收益,比如: 了解各式各样的组件背后的实现思想 怎样去实现一个对开发和用户都友好的组件,即简单易用,便于扩展。 学习一些我们...

2019-04-20 22:48:36 1850 0

原创 从系统报错角度看 React 组件的的受控与非受控

defaultValue 只在初始加载的时候起作用,只有,defaultValue将不会更新,因为它的用法是设置初始默认值,如果有需要更新可以使用 value That’s not how defaultValue works. If you use defaultValue, that mean...

2019-04-17 09:24:28 1408 0

翻译 你其实不必为React表单受控还是非受控而纠结

这两天在浏览 React 官方文档关于非受控组件部分时,官方推荐了一篇文章: Controlled and uncontrolled form inputs in React don’t have to be complicated。写的简洁清晰,所以想着翻译过来,希望能为纠结的朋友们提供一点参考...

2019-04-16 17:06:55 1032 0

原创 HTML Attributes 与 DOM Properties

前言

2019-04-08 22:30:33 1018 0

原创 优达学城机器学习之--聚类(Cluster)

前言 这章讲的其实是非监督学习。大多数情况下从现实世界获取的数据并不附有标记,通过非监督学习仍然可以从这些数据中有所收获。 最基本的聚类算法,也是目前使用最多的聚类算法叫做K-均值(K-Means)。 文章目录如下: 聚类简单应用 假设John和Katie都喜欢收藏电影并为它们划分等级,从非...

2019-03-29 09:29:44 1180 0

翻译 TDD和BDD的区别 (TDD vs BDD)

前言 如果你关注软件开发最佳实践方面的话题,你肯定听说过测试驱动开发(TDD - Test Driven Development) 和行为驱动开发(BDD - Behavior Driven Development)。这篇文章会为你阐述这两种模式的含义并举例,同时对二者进行比较。 测试驱动开发 (...

2019-03-27 20:56:46 1819 1

原创 AWorkflow : 一个用于快速构建各种关系图的库

AWorkflow是什么 Aworkflow旨在向用户提供一个可自定义模版的js流程图。 AWorkflow github地址 在线demo 默认模版:http://zhoushengfe.com/flow/dist/index.html 动画:http://zhoushengfe.com/flo...

2019-03-22 09:51:52 1409 0

原创 从vue-cli 2.x 到 vue-cli 3.0 体验

vue.config.js style scoped import

2019-03-06 13:25:34 1950 0

原创 优达学城机器学习之--决策树(Decision Trees)

前言 决策树(Decision tress)是继朴素贝叶斯(NB),向量机(SVM)之后的另一种监督分类算法(supervised classification algorithm)。 决策树已经有几十年的历史,稳定性非常好。 和支持向量机类似,决策树也可以使用核技巧,将线性决策面转换为非线性...

2019-02-26 09:20:13 1400 0

原创 React 16.7 Fiber源码解读 (二)之运行流程

Fiber Debugger Fiber Debugger是React官方的一个图形化展示fiber运行过程的动态demo. 点击Edit按钮,可将以下代码复制到编辑框,点击运行Run即可查看 log('Render &lt...

2019-02-01 16:53:14 1810 0

原创 React 16.7 Fiber源码解读 (一)之数据结构

React Fiber提出有一段时间了,关于它的文章汗牛充栋,从React 16.0 到React 16.4 (项目使用版本) 再到最新的 React 16.7,尽管大致框架没变,但是实现细节一直在变,在不同时间点发布的React Fiber源码间切换难免会有错乱。因此决定对Fiber运行框架基于...

2019-01-30 18:28:22 2208 0

原创 优达学城机器学习之--支持向量机(SVM)

前言 SVM是支持向量机的简称(Support Vector Machine) 文章目录如下: 简述 简述 简单的来说,支持向量机所做的就是去寻找两类数据之间的分割线(seperatin line),或者称为超平面(hyperplane)。 假设我们有两类数据,支持向量机就是把这些点作...

2019-01-16 09:49:37 1607 0

原创 优达学城机器学习之--朴素贝叶斯

前言 通过漫长的先修课程,终于来到了真正的机器学习。 从散点图到决策面 机器学习算法做的事情是定义了一个所谓的决策面(decision surface)。决策面通常位于两个不同类之间的某个位置上。当我们使用决策面,那么判断标记所属的分类就简单多了。可将决策面泛化为区分数据的不同类型,可以对...

2018-12-26 09:40:33 1858 0

原创 玩转Lighthouse—全方位提高网站各项指标的实践

前言

2018-12-19 20:10:09 3495 3

原创 步步提高网站体验系列之——PWA(Notification 消息通知)

前言 接上篇步步提高网站体验系列之——PWA(Manifest)。这次通过消息通知Notification,当CSDN博客有更新时,用户进入个人网站会收到一个提醒。 首先要明确一点,消息通知(Notification)不是推送(Push)。与通知相比,PWA的推送机制有更复杂的依赖与更差的兼容...

2018-12-18 20:04:18 2115 0

原创 步步提高网站体验系列之——PWA(Manifest)

前言 接上篇步步提高网站体验系列之——PWA(Service Worker)。,这次通过manifest.json来实现将网站添加到主屏幕,当有新文章上线时通过Notification(通知)提醒用户。 这两种交互方式的共同目的其实只有一个:吸引并留住用户。 文章目录如下: manifest...

2018-12-18 14:43:09 1884 0

原创 步步提高网站体验系列之——PWA(Service Worker)

前言

2018-12-14 13:35:42 2068 0

原创 步步提高网站体验系列之——骨架屏

最近

2018-12-10 19:33:53 2124 0

转载 30分钟精通React新特性--React Hooks

你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗? ——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。 你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗? ——拥有了Hooks,生命周期钩子函数可以先丢一边了。 你在还在为组件中...

2018-11-21 20:26:45 2354 0

原创 Udacity课程脉络-统计学基础(七)- 卡方检验

scale of measurement (测量尺度) χ\chiχ<sup2 ordinaral data ratio data… goodness of fit/test for independency 泰坦尼克

2018-11-20 09:48:14 1941 0

原创 CSS方言之webkit私有属性

webkit-box flex webkit-box text-align: center webkit-box -webkit-line-clamp other useful webkit css other unuseful webkit css: p { display: block; ...

2018-11-04 00:05:07 3270 0

原创 Udacity课程脉络-统计学基础(六)-线性回归 Regression

前言

2018-10-08 09:22:27 2280 0

原创 Udacity课程脉络-统计学基础(五)-相关性 Corelation

前言

2018-09-29 09:41:42 2386 0

原创 Udacity课程脉络-统计学基础(四)-F分布

前言 优达学城从这期开始,忽然没有中文字幕了。。只好自己尽量翻译了。 目录如下: 提出背景 提出背景 之前学习的t分布都是基于两个样本进行显著性检验。如果我们有很多样本呢,想要知道它们之间是否存在显著性差异。但是我们不可能两两的去对比,这时就需要新的统计方法: O...

2018-09-20 09:36:10 2349 0

原创 Udacity课程脉络-统计学基础(三)- t分布

前言 接着上一篇t分布,主要内容有: 相依样本 vs 独立样本 独立样本 (Independent sample) 独立样本t统计量 相依样本 vs 独立样本 相依样本或重复测量,这个概念指的是为同一人提供两种条件,看看他们对这两种条件的反应。这两种条件可以是对照组和...

2018-09-06 20:33:16 2475 0

原创 自制土枪-Webpack4 GitInfoPlugin

前言 之前项目在开发阶段为了提高效率,方便QA快速验证,我们直接从本地构建项目打包部署,跳过了线上验证阶段。同时也带来一个问题,项目是由其他人部署,而部署时间不定。当我们把改动提交后打包后,会将QA开的Issue标记为Fixed。由于部署的延迟,QA往往验证失败,开发人员又不得不去重新定...

2018-08-29 18:47:28 2647 0

提示
确定要删除当前文章?
取消 删除