- 博客(19)
- 收藏
- 关注
RSS订阅原创 手淘面试总结
componentWillMount有用过吗？初始化数据在render中需要用到的数据，比如权限设置componentDidMount在render之后并不会立即被调用，而是等到所有的子组件都渲染完成后才会被调用，componentWillMount既可以在服务器端被调用，也可以在浏览器端被调用，而componentDidMount只能在浏览器端被调用componentWillMount不执行ajax的原因？react16版本之后采用了fiber架构，只有componenntDidMount是
2020-05-20 11:59:11
179
原创 0503笔记总结
防抖和节流函数的使用作用：降低函数的执行频率防抖的应用场景window.onload = function() { var div1 = document.getElementById("div1"); var i = 0; var sid; div1.onmousemove = function() { clearTimeout(sid); sid = setTimeout...
2020-05-20 11:58:57
422
原创 React.16版本当中ref的使用方式
Ref String(最不被推荐的一种方式，即将被废弃)class test extends Component { render() { return ( <div> <span ref="StringRef">content</span> </div> ); } compone...
2020-04-25 12:06:51
775
原创 vue中同时使用动画和过渡效果
<link rel="stylesheet" href="./animate.css"><style> .fade-enter, .fade-leave-to { opacity: 0; } .fade-enter-active, .fade-leave-active { transition: opacity 3s; }</sty...
2020-04-24 16:00:48
194
原创 Vue中CSS过渡动画的实现
执行过程：vue自动给div标签添加类样式，执行顺序：进入时：fade-enter、fade-enter-activefade-enter-to,同时销毁fade-enter销毁fade-enter-to和fade-enter-active离开时fade-leave、fade-leave-activefade-leave-to，同时销毁fade-leave销毁fade-leave-...
2020-04-24 15:28:46
245
转载 react源码学习
2.21.react中组件首字母要大写，否则react会把它作为一个html标签对待babel处理前的源码:<Div></Div><div></div>babel处理后的代码React.createElement(Div, null);React.createElement("div", null);2.31、ReactEl...
2020-04-24 15:01:33
142
原创 v-once和动态组件
动态组件component的内容会根据type的内容显示， type代表一个组件<component :is="type"></component>v-once当一个组件设置了v-once，当这个组件第一次被渲染时，会同时被存放在内存中，下一次再渲染时，会直接从内存中取出，在动态组件中使用可以提高渲染性能....
2020-04-23 21:08:35
94
原创 vue中的作用域插槽
<div id="app"> <Child> <template slot-scope="props"> <h3>{{props.item}}</h3> </template> </Child></div>Vue.component("Ch...
2020-04-23 20:58:50
115
原创 vue中的Bus/总线/发布订阅/观察者模式
Vue.prototype.bus = new Vue(); Vue.component("child",{ template: '<div @click="handleClick">{{selfContent}}</div>', props: { content: String }, data() ...
2020-04-23 20:38:57
302
原创 vue中组件参数校验几个重点
<div id="app"> <test content="123"></test></div>Vue.component("test",{ template: '<div>{{content}}</div>', props:{ content: { type: String, ...
2020-04-23 17:56:54
131
原创 vue中set方法的使用
改变数组var app = new Vue({ el: '#app', data: { person:["tom", "jarry", "susan"] }, methods: { handleArr: function() { this.$set(this.person, 1, "jack");...
2020-04-23 17:32:09
319
原创 去哪网项目笔记总结
h5中的一个小bug-tbody中只能使用tr标签用vue中的is解决<div id="app"> <table> <tbody> <tr is="row"></tr> <tr is="row"></tr> <tr is="row">...
2020-04-23 17:17:48
161
原创 .bezierEasingMixin(); ^ Inline JavaScript is not enabled. Is it set in your options?
## 在实现antd自定义主题配置时，webpack配置报错原因竟然是less版本过高导致，降到3.0以下即可
2020-04-12 19:08:14
3852
原创 简书项目开发笔记-4-redux
1.store是唯一的2.只有store能改变自己的内容（reducer可以接收state，但是绝对不能修改state）3.reducer是一个纯函数附：纯函数：固定的输入，固定的输出，不会有任何的副作用...
2020-04-08 11:21:46
144
原创 简书项目开发笔记5-immutable的使用
简介immutable是facebook团队历时三年开发的一个库，利用immutable生成的对象，内容，不可更改使用返回新值时：import { fromJS } from 'immutable';const initialState = fromJS({ focused: false});const reducer = (state = initialState, act...
2020-04-08 11:20:40
255
原创 简书项目开发笔记总结-3-React CSS过渡动画的使用
1.借助CSS3中transition实现`2.animation.hide{ animation:hide-item 2s ease-in forwards}@keyframes hide-item { 0% { opacity:1, color:#090 } 50% { opacity:0.5, color:#09f } 100% { opacity:...
2020-04-05 17:22:03
142
原创 简述项目开发笔记总结-1
简书项目开发笔记总结一、react中render()函数什么时候执行？1.当页面挂载的时候2.当自身属性或者状态发生改变的时候3.当父组件重新render时 二、shouldComponentUpdate()作用？当父组件重新render(),而自身需要显示的内容没有变化时，可以在shouldComponentUpdate()中进行判断，返回false,这样可以提升react的...
2020-04-05 14:14:18
230
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人