- 博客(30)
- 收藏
- 关注
原创 websocket
一 . http与webSocket比较HTTPHTTP 是基于请求响应式的,即通信只能由客户端发起,服务端做出响应,无状态,无连接。无状态:每次连接只处理一个请求,请求结束后断开连接。无连接:对于事务处理没有记忆能力,服务器不知道客户端是什么状态。以往实现即时通讯的手段:轮询:客户端定时向服务器发送 Ajax 请求,服务器接到请求后马上返回响应信息并关闭连接。长轮询:客户端向服务器发送 Ajax 请求,服务器接到请求后 hold 住连接,直到有新消息才返回响应信息并关闭连...
2022-03-28 20:46:29
3444
原创 v-if与v-show的区别以及使用
v-if与v-show都可以实现元素在页面的显示与隐藏v-if是直接将元素在dom树上删除点,所以一般会更消耗性能,而v-show是设置元素的opciity为0,视觉上看不到,因而v-show适合频繁操作的元素。
2021-09-22 16:55:57
263
原创 vue的生命周期
beforeCreated() vue的实例已经创建,不过data数据观测与event还有watch等还没有启用created:data,event,computed等已经被回调,不过$el,也就是数据还没有挂载到页面上,$el属性还是空的beforeMounted:render函数首次被调用Mounted:el被新生成的vm.$el替换,已经完成了挂载beforeUpdate:在数据发生变化时调用,不过这时还没有改变,仍然可以在这时改变状态,不会产生重新渲染update:页面重新发生.
2021-09-15 17:03:39
145
原创 vue中组件通讯的一些办法
1.父子组件的传递props跟$emiteventBus$attrs与$listener $attrs可以将父组件的参数传到孙子组件,不过是没有props到子组件的;$listener可以在孙子组件中用$emit触发父组件的事件vuex
2021-09-15 15:58:59
125
原创 css页面布局(一处固定,其余地方滚动)
方法一:固定的地方fixed定位,并设置background::#fffposition:fixed;top:0,left:0;background:#fff;z-index:1000"这样子这块区域就不动了,其余地方正常css方法二:地方的地方设置高度,eg:height: 90%;overflow-y:auto;...
2021-08-15 17:56:55
973
原创 Object.defineProperty()
https://www.bilibili.com/video/BV12z4y1U7no?p=4&spm_id_from=pageDriver
2021-07-20 18:09:05
82
原创 事件冒泡与事件捕获
绑定在一个dom元素的事件,会一直往其先辈元素传递,有的浏览器甚至到window。正因为此,就出现了事件委托(公司前台拿快递例子)事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。事件委托的好处:减少dom元素的操作,因而也就减少了重排重绘的次数,提高了网页的性能事件委托的例子:https://www.cnblogs.com/liugang-vip/p/5616484.htmljs阻止事件冒泡,用e.stopPropagation()事件捕获与事件冒泡相反,
2021-07-17 16:42:44
114
原创 position与float布局
position有static、absolute、realtive,fixed,默认为staticabsolute会脱离文档流,为绝对定位,一般是相对于最近的已定位的父元素的定位,可一直查找到body元素,realtive不会脱离文档流,相对于自己本身的定位,本身占据的位置不会变fixed:固定定位,相对于浏览器窗口等float浮动有left和right,会脱离文档流因而会出现父元素消失的情况http://www.divcss5.com/jiqiao/j406.shtml
2021-07-15 21:56:56
108
原创 eventLoop
setTimeout(() => { console.log(1)}, 0);var p=new Promise(resolve=>{ setTimeout(() => { console.log(2) resolve() }, 0);})p.then(()=>{ console.log(3)})p.then(()=>{ console.log(4)})console.log(5)// 5 1 2 3 4set.
2021-07-09 16:19:08
81
原创 css垂直居中
一、多行文字垂直居中1.父元素设置display:table,子元素设置display: table-cell;vertical-align: middle;.middle-box{ display: table; /*重点*/ height: 300px;border: 1px solid #000; } /*重点:table-cell布局*/ .middle-inner{ display: table-cell;
2021-06-03 20:49:16
75
原创 JavaScript中call,apply,bind方法的总结
JavaScript中call,apply,bind方法的总结https://www.cnblogs.com/pssp/p/5215621.html
2021-06-02 18:26:19
179
1
原创 js中this指向
js中this指向this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象1.如果函数里有this,但是没有被他的上一级对象调用,this指向windowfunction a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window}a();2.如果一个函数中有this,这个函数有被上
2021-06-02 18:16:10
102
原创 js中构造函数的理解
js中构造函数的理解https://blog.youkuaiyun.com/sinat_21742529/article/details/83659459一、构造函数的运行机制(1) 当以 new 关键字调用时,会创建一个新的内存空间,标记为 Animal 的实例。(2)函数体内部的 this 指向该内存(3) 执行函数体内的代码通过上面的讲解,你就可以知道,给 this 添加属性,就相当于给实例添加属性。(4) 默认返回 thisthis指向问题看https://www.cnblogs.com/pss
2021-06-02 15:56:26
104
原创 promise等的理解
https://blog.youkuaiyun.com/m0_46597922/article/details/107598739https://blog.youkuaiyun.com/qq_34645412/article/details/81170576
2021-05-30 15:24:44
82
原创 vue之...mapActions的使用
https://blog.youkuaiyun.com/waillyer/article/details/108823417?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
2021-05-26 21:27:56
565
原创 Vue中使用Bus.js进行非父子组件通信
https://blog.youkuaiyun.com/qq_34305040/article/details/91490726
2021-05-10 10:42:57
87
原创 vue使用element-resize-detector监听元素宽度变化
vue使用element-resize-detector监听元素宽度变化https://blog.youkuaiyun.com/Ag_wenbi/article/details/103047779
2021-04-19 18:44:44
324
原创 element表单中一个el-form-item下多个form-item项校验(循环校验)
element表单中一个el-form-item下多个form-item项校验(循环校验)https://blog.youkuaiyun.com/l508742729/article/details/108286071
2021-04-16 17:37:51
816
原创 el-form 里套el-form-item
el-form 里套el-form-item名称类型<el-radio-groupv-model=“item.accordingType”style=“width:326px;margin-left:20px”@change=“accordingTypeChange(index)”>{{item.name}}数值单位下拉框内容请输入下拉框内容,各选项用“;”隔开检查员是否可增加此项内容数量是否<spa
2021-04-16 16:05:32
778
原创 es6中 set和map的使用
es6中 set和map的使用https://blog.youkuaiyun.com/kkwant/article/details/103810861
2021-04-14 11:39:11
117
原创 Vue进阶之路之$set的理解
Vue进阶之路之$set的理解https://blog.youkuaiyun.com/marko_zheng/article/details/90409065
2021-04-14 11:29:17
99
原创 在vue-element-admin项目中Post 请求带参数 报请求超时
在vue-element-admin项目中Post 请求带参数 报请求超时https://blog.youkuaiyun.com/tyoubinn/article/details/109314161
2021-03-09 19:55:51
210
转载 vue_cli3中axios封装、配置不同开发环境变量
https://www.jianshu.com/p/e40709390301?utm_campaign=haruki
2021-02-24 14:21:33
170
原创 关于数组中foreach() 、map()、filter()、reduce() 、 some()、every()的总结。
关于数组中foreach() 、map()、filter()、reduce() 、 some()、every()的总结。1.foreach()var arr = [1,2,3,4];arr.foreach((item,index,arr)=>{console.log(item); //结果为1,2,3,4});//foreach遍历数组,无返回值,不改变原数组,仅仅只是遍历,常用于注册组件、指令等等。2.map()var arr = [1,2,3,4];arr.map((item
2020-11-25 18:13:25
187
原创 el-select中的v-model与change事件
el-select中的v-model与change事件change事件绑定在el-select,可以在触发到el-select上就触发change事件,然后请求数据给option
2020-11-25 11:36:35
1445
原创 利用后台数据动态生成table
利用后台数据动态生成tablecheckData:[{name:‘1、是否执《食品流通许可证》’,row:5,‘ischeck’:1,label:‘是’,unlabel:‘否’},{name:‘2、是否进行本年度健康体检并培训’,‘ischeck’:2,label:‘是’,unlabel:‘否’,row:0},{name:‘3、“五防”设施是否完善’,‘ischeck’:2,label:‘是’,unlabel:‘否’,row:0},{name:‘4、是否执行进货查验制度’,‘ischeck’:1,
2020-11-24 16:11:43
387
原创 el-table 分页多选
<el-table:data="consultationMen"@select="selectChange"@select-all="selectAll"ref="multipleTable":header-cell-style="{background:'rgba(245,247,250,1)'}">data(){selectDataArrL...
2020-07-30 17:25:23
1957
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人