09 2019 档案
摘要:1,Redux 单一对象,单一store状态树的形式存储数据。 多个reducer来编辑action 通过action对象修改 store,共同维护一个根store。 redux就是纯函数,纯函数,纯函数,重要的事情说三遍。 纯函数作为reducer也就是action返回新的state,更新stat
阅读全文
摘要:什么是移动端通信? 有哪些是需要了解的开发背景知识? 怎么样开始一个移动端项目开发和调试呢? 看这篇文档记录,够入门 go > 1 IOS 和Android底层和js的交互原理 ios提供UIWebView 组件,是一个可加载网页的对象,提供类似浏览器的功能,可以通过js代码调用一些原生的功能,比如
阅读全文
摘要:1,加密的文件权限过高 sudo sudo chmod -R 777 ./ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ Permissions 0777 for '/Users/gaoyabing/.ssh/id_rsa' are too open.It i
阅读全文
摘要:1 、 defineProperty 重定义对象 JS原生es5版本提供对象重新定义的接口 defineProperty defineProperty 可以修改对象的访问器属性,对象属性值发生变化前后可以触发回调函数。 对象的访问器属性包括 2 种类型:数据描述符、 存取描述符 1.1 数据描述符v
阅读全文
摘要:遇到一个能抓包但是在structure和sequence显示的问题,各种找原因现做一下整理。 Mac上的配置过程: 1,添加本机的认证 help --> ssl proxying --> install charles root certificate 2,选中 Proxy --> macos Pr
阅读全文
摘要:1 网络协议背景概念 4层网络传输是基于udp基于端口 7层网络协议传输是基于tcp基于端口(tcp的复杂度很高很高..),并在tcp之上添加了会话层表示层应用层 upd协议面向报文,tcp协议 面上字节流。 啥是面向字节流呢? 2 TCP传输通信过程 tcp面向字节流,udp面向报文。那tcp的字
阅读全文
摘要:面试被大神问到 nextTick 回调的时候,就是挂载结束的时候,可以获取到准确的dom节点 实现的原理是什么?今天做一个总结回复大神。。 网上找了这个问题,找到几篇相关的文章看了之后发现和源码的实现是不一致的,然后记录下读码过程,方便以后翻阅再补充。 先看vue源码的 nextTick 方法(部分
阅读全文
摘要:React生命周期渲染示意 子组件不添加props,父shouldComponentUpdate返回true时: 子组件不添加props,父shouldComponentUpdate返回false时: 子组件添加props,并且改变props值,父shouldComponentUpdate返回fal
阅读全文
摘要:前端写样式使用预处理语言开发,是最有效的和方便维护 @mixin 混合 @extend 扩展 mixin 可以声明函数 并且会返回新的样式组合,相当于样式组合工具 可以声明多个重名的 mixin函数,参数可以不同,并且在调用的时候,会根据传入的参数个数匹配调用最合适的 mixin函数 mixin 中
阅读全文
摘要:1 常用css3的@ At规则有4种类 @document @import @supports @media 2 @import 的几种引入方式 @import 默认引入less方式读取,出css之外: example: @import "foo"; // foo.less 导入为less文件 @i
阅读全文
摘要:自定义文件组件类型 <template>、<script> 和 <style> style 可以指定预处理,scoped等 自定义模块 除了 三个基本模块以外,还可以添加自定义模块。 如果找到了一个自定义块,并且规则匹配成功会编译,否则默默不处理。 // webpack.config.js { mo
阅读全文
摘要:Input <input type="file" /> 标签 type= "file" 时 定义支持上传的文件类型:设置 accept accept="image/bmp,image/jpeg,image/jpg,image/png" 支持的类型参考这里 https://www.cnblogs.co
阅读全文
摘要:https://wenda.workerman.net/question/2966 http://www.rfcreader.com/#rfc6455_line2178 http://www.zhuyuntao.cn/%e5%9f%ba%e4%ba%8enode%e5%ae%9e%e7%8e%b0w
阅读全文
摘要:var d = { a: 1234, geta: function () { getaa = () => { console.log(this.a); function g() { console.log(this.a); } g(d); } getaa(); } }d.geta();// 1234
阅读全文
摘要:flex布局很好用,优点很多:静态流文件,空间概念,主流样式可以简单调整,同时支持bfc,空间可以动态分配,专业一维空间布局 这么多优点,所以要提倡使用弹性布局。 空间设置:flex的方向、定位这些可以再父节点设置。 内部单项设置:可扩展,可压缩,占比,剩余空间占比,独立对齐。这些需要在子节点设置。
阅读全文
摘要:React dom过程 不可变数据,Immutable 是在 数据结构参数变化 到 虚拟dom对象的阶段。 diff算法是在 旧的虚拟dom 到 新的虚拟dom的阶段。 从数据结构 -> 虚拟对象 -> 到虚拟dom树 -> 新的虚拟dom -> 渲染成真实dom -> 挂载 相比于一版树形结构对比
阅读全文
摘要:1, 为什么要用到不可变数据 ? 从React渲染组件性能考虑,使用旧数据创建新数据时,要保证旧数据同时可用, 并且没有变化的部分还可用,目的是尽量减少不必要的渲染和重绘。 如果是简单的赋值给一个新的变量,新旧对象只是名称不同,不进行深比较js认为数据不变。其次,也会带来引入对象浅拷贝的问题,造成不
阅读全文