随笔分类 - 技术博客
摘要：jsx的原理 利用react.createElement创建元素进行渲染 行内样式 {{}}：第一层js模板，第二层是对象 className：引入样式 refs 利用ref访问dom元素 做到类似于输入框清除 `` `hand=()= { this.inputDom.current.focus()
阅读全文
摘要：知乎有对react、知识整理 生命周期： 首次实例化：getDefaultProps getInitialState componentWillMount render componentDidMount 实例化完成后的更新：getInitialState componentWillMount re
阅读全文
摘要：https://www.cnblogs.com/Angies/p/7508907.html dispatch：含有异步操作，例如向后台提交数据，写法： this.store.commit('mut
阅读全文
摘要：var arr=['momo','yanzi','ziwei'] var obj={ 'host':'www.baidu', 'port':'12345', 'node':'selector' } Mock.mock('http://www.bai.com',{ 'firstName|3':'fei
阅读全文
摘要：生命周期 生命周期即是组件从实例化到渲染到最终从页面中销毁，整个过程就是生命周期，在这生命周期中，我们有许多可以调用的事件，也俗称为钩子函数 生命周期的3个状态： Mounting:将组件插入到DOM中 Updating:将数据更新到DOM中 Unmounting:将组件移除DOM中 生命周期中的钩
阅读全文
摘要：React插槽 组建中写入内容，这些内容可以被识别和控制。React需要自己开发支持插槽功能。 原理： 组件中写入的HTML，可以传入到props中。 组件中的HTML内容直接全部插入 class ParentCom extends React.Component{ render(){ consol
阅读全文
摘要：Props 父传递给子组件数据，单向流动，不能子传递给父。 props的传值，可以是任意的类型。 Props可以设置默认值 HelloMessage.defaultProps = { name:”老陈”，msg：“helloworld” } 注意：props可以传递函数，props可以传递父元素的函
阅读全文
摘要：React 构建用户界面的JavaScript库，主要用于构建UI界面。Instagram，2013年开源。 特点： 1、声明式的设计 2、高效，采用虚拟DOM来实现DOM的渲染，最大限度的减少DOM的操作。 3、灵活，跟其他库灵活搭配使用。 4、JSX，俗称JS里面写HTML，JavaScript
阅读全文
摘要：https://blog.csdn.net/weixin_43764814/article/details/101315585
阅读全文
摘要：在以下两个情况下需要用到Vue.nextTick() 1、Vue声明周期的created() 钩子函数进行的DOM操作一定要放在Vue.nextTick() 的回调函数中，因为created() 执行的时候DOM实际上并未进行任何渲染，此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代
阅读全文
摘要：200成功 300重定向 400请求错误 400参数错误 401要验证 403请求被拒绝 500服务器错误 502网关
阅读全文
摘要：var 0 1 2 3 复制代码 回到顶部 二、let变量 ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景，在ES6之前，大部分人会选择使用闭包来解决这个问题，今天我们使用ES6提供的let来解决这个问题。 代码大同小异，只需将上例子代码for循环中的var改为let，即
阅读全文
摘要：什么是闭包： 如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就叫闭包。 var a = 5 function xx(){ console.log(a) } //5 闭包的用途有些什么： 1.模仿块级作用域 所谓块级作用域就是指在循环中定义的变量，一旦循环结束，变量也随之销毁，
阅读全文
摘要：1、join() join，就是把数组转换成字符串，然后给他规定个连接字符，默认的是逗号( ，) 书写格式：join(" ")，括号里面写字符串 ("要加引号"), var arr = [1,2,3]; console.log(arr.join()); // 1,2,3 console.log(ar
阅读全文
摘要：keep alive缓存里面两个组件第一次加载什么周期是created，再次切换页面进去生命周期activate，页面切换离开调用activated的
阅读全文
摘要：1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案： css 里增加通配符 { margin: 0; padding: 0; }2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案：设置display:i
阅读全文
摘要：https://segmentfault.com/a/1190000016344599
阅读全文
摘要：fu:text align:center zi:vertical align:center fu: display: flex; justify content: center; align items: center; align items:center transform:translate(
阅读全文
