mrzzcn / mrzzcn.github.io Goto Github PK

https://mrzzcn.github.io/2018/11/17/1/

https://mrzzcn.github.io/2018/12/28/bfc/

1. 含义 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 下列方式会创建块格式化上下文： 根元素或包含根元素的元素 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 fixed） 行内

https://mrzzcn.github.io/2019/04/27/host-yapi-with-heroku-and-mongodb-atlas/#more

0. 背景前端开发过程中，与后端约定接口标准之后，双方同时开始开发，可能会出现后端没有 Ready，但是前端已经需要使用接口的情况。这时候就需要 Fake 接口。有几种方式： 优点 缺点 1. 项目中使用 Fake Promise 方便快速 不能模拟真实网络请求，对代码有侵入，需要在 webpack 中配置路径替换或手动切换文件 2. 项目中使用 mockjs 等服务端方式启动

https://mrzzcn.github.io/2019/01/11/HTTP-Security-Headers/

原文：Hardening Website Security – Part 1: HTTP Security Headers 简介感觉每周都会出现新的个人信息被盗事件，原因是某一家公司网站被黑了。 大部分攻击都是通过社会工程学诱骗某些用户主动提交一些信息，黑客借助这些信息获取更高权限并最终获取个人资料。 如果你想要在21世纪运营一个安全的网站，你需要遵循一些安全准则，我会写一个系列专

https://mrzzcn.github.io/2018/04/27/core-js-es/

ECMAScript 5 (ES5)：ECMAScript 的第五版修订，于 2009 年完成标准化。这个规范在所有现代浏览器中都相当完全的实现了。 ECMAScript 6 (ES2015/ES6) / ECMAScript 2015 (ES2015)：ECMAScript 的第六版修订，于 2015 年完成标准化。这个标准被部分实现于大部分现代浏览器。可以查阅这张兼容性表来查看不同浏览器

comments

https://mrzzcn.github.io/2015/05/24/JavaScript-The-Good-Parts/

第一次写读书笔记，一是加深自己的印象，二来方便以后查阅，毕竟纸张没有搜索功能。如果你也喜欢这篇文章欢迎转载，但本文代码版权属于《JavaScript语言精粹》，小部分代码扩充是为了演示代码效果。

https://mrzzcn.github.io/2019/04/13/Front-end-Development-1/

参考：https://www.valentinog.com/blog/webpack-tutorial Webpack 4 更新不短时间了，简单做个整理。 本文演示基于仓库：https://github.com/mrzzcn/webpack-playground 1. 完全 0 配置的模块化打包利器习惯了webpack.config.js的同学可能不知道这个变化，Webpack 4 默认不

https://mrzzcn.github.io/2019/07/20/react-redux-1-connect/

0 缘起之前有次面试被问起 connect 方法是如何把 store 的 state 传递到 Component 的，当时没有回答到点子上，拖到现在终于强迫自己坐下来搞清楚这个事情。 1 API先看看官方文档关于 connect() 方法的说明：Connect · React Redux | 中文版 大概翻译一下：connect() 方法把一个 React 组件绑定到 Redux store 上。

https://mrzzcn.github.io/2015/11/17/git-flow/

简单整理一下多人同一远程仓库git工作流模式。 1. 初始化本地仓库12345// 已有项目git clone [email protected]:mrzzcn/mrzzcn.github.io.git// 新建项目git init

https://mrzzcn.github.io/2018/11/17/arrow-function-in-class-property/

Javascript 新增了 arrow function 和 class，这两者的概念可参考：arrow function，类。React 里面的方法想要在JSX中使用，必须手动绑定 this，有些人会在这儿使用箭头函数简写掉 this.method = this.method.bind(this); 这行代码，本文作者对这种写法进行了分析，原文在此：Arrow Functions in Cl

blog comments

https://mrzzcn.github.io/2018/04/27/1/