辰辰沉沉大辰沉_CSDN博客-前端架构,JS,机器学习领域博主

原创 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 &amp;amp;amp;amp;amp;amp;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

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

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

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

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

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

scale of measurement (测量尺度) χ\chiχ&amp;amp;amp;amp;lt;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