Qz Blog

Talk is cheap,show me the code

react状态管理

“Yeah It’s on. ” Redux 网页链接 Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。 Redux 除了和 React 一起用外，还支持其它界面库。它体小精悍（只有2kB）且没有任何依赖。应用中所有的 state 都以一个对象树的形式储存在...

Posted by Qz on January 18, 2018

react-router相关

“Yeah It’s on. ” 正文 BrowserRouter 一个使用了 HTML5 history API 的高阶路由组件，保证你的 UI 界面和 URL 保持同步。此组件拥有以下属性： basename: string 作用：为所有位置添加一个基准URL 使用场景：假如你需要把页面部署到服务器的二级目录，你可以使用 basename 设置到此目录。 <Bro...

Posted by Qz on January 15, 2018

常用网站

“Yeah It’s on. ” 学习 node学习 https://yunnysunny.gitbooks.io/nodebook/content/ 前端大牛blog http://www.zhangxinxu.com/ 印记中文(翻译的文档) https://www.docschina.org/ vue SSR https://ssr.vuejs.org/zh/...

Posted by Qz on January 7, 2018

React相关

“Yeah It’s on. ” 基础 https://doc.react-china.org/ 这里只写一些比较重要的基础知识，查看更多知识请移步react官网受控组件与非受控组件受控组件 https://zh-hans.legacy.reactjs.org/docs/forms.html#controlled-components 受控组件是指表单元素的值由Rea...

Posted by Qz on January 7, 2018

MongoDB相关

“Yeah It’s on. ” 正文网页链接 NoSQL 简介 NoSQL(NoSQL = Not Only SQL )，意即”不仅仅是SQL”。在现代的计算系统上每天网络上都会产生庞大的数据量。这些数据有很大一部分是由关系数据库管理系统（RDMBS）来处理。 NoSQL 是一项全新的数据库革命性运动，早期就有人提出，发展至2009年趋势越发高涨。NoSQL的拥护者们提...

Posted by Qz on January 5, 2018

Vue原理

“Yeah It’s on. ” 正文这里存放vue全家桶相关的原理分析响应式原理网页链接现在是时候深入一下了Vue 的一个最明显的特性就是其不太引人注意的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以回避一些常见的问题。如何追踪变化当你把一个普...

Posted by Qz on December 22, 2017

短小精悍的js基础代码

“Yeah It’s on. ” 正文 https://mp.weixin.qq.com/s/MMUQWlDOqpLLWDy9F-RZ7A https://www.30secondsofcode.org/list Object 对象浅复制 function extend(dst, obj) { for (var i in obj) { ...

Posted by Qz on December 17, 2017

Property和Attribute的区别

“Yeah It’s on. ” 正文网页链接 property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。 property是DOM中的属性，是JavaScript里的对象； Attribute就是dom节点自带的属性，例如html中常用的i...

Posted by Qz on December 17, 2017

webpack相关

“Yeah It’s on. ” 基础网页链接 webpack从入门到工程实践 https://webpack.toobug.net/zh-cn/ 深入理解 webpack 文件打包机制 Webpack设计理念什么是Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展...

Posted by Qz on December 12, 2017

padding-top(percentage)实现响应式背景图片

“Yeah It’s on. ” 正文网页链接处理响应式布局中背景图片的简单方法是等比例缩放背景图片。我们知道宽度设为百分比的 <img> 元素，其高度会随着宽度的变化自动调整，且其宽高比不变。如果想在背景图片中实现同样的效果，我们必须先解决如何保持HTML元素的宽高比。固定宽高比我们将用到一个保持元素宽高比的技巧：将图片设置成背景图片时，需要保持宽高...

Posted by Qz on November 29, 2017

欢迎来到渣臻的Blog(｡・`ω´･)

♫ ♪