- 博客(30)
- 收藏
- 关注
RSS订阅原创 websocket
一 . http与webSocket比较HTTPHTTP 是基于请求响应式的，即通信只能由客户端发起，服务端做出响应，无状态，无连接。无状态：每次连接只处理一个请求，请求结束后断开连接。无连接：对于事务处理没有记忆能力，服务器不知道客户端是什么状态。以往实现即时通讯的手段：轮询：客户端定时向服务器发送 Ajax 请求，服务器接到请求后马上返回响应信息并关闭连接。长轮询：客户端向服务器发送 Ajax 请求，服务器接到请求后 hold 住连接，直到有新消息才返回响应信息并关闭连...
2022-03-28 20:46:29
3247
原创 v-if与v-show的区别以及使用
v-if与v-show都可以实现元素在页面的显示与隐藏v-if是直接将元素在dom树上删除点，所以一般会更消耗性能，而v-show是设置元素的opciity为0,视觉上看不到，因而v-show适合频繁操作的元素。
2021-09-22 16:55:57
219
原创 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
106
原创 vue中组件通讯的一些办法
1.父子组件的传递props跟$emiteventBus$attrs与$listener $attrs可以将父组件的参数传到孙子组件，不过是没有props到子组件的；$listener可以在孙子组件中用$emit触发父组件的事件vuex
2021-09-15 15:58:59
99
原创 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
893
原创 Object.defineProperty()
https://www.bilibili.com/video/BV12z4y1U7no?p=4&spm_id_from=pageDriver
2021-07-20 18:09:05
64
原创 事件冒泡与事件捕获
绑定在一个dom元素的事件，会一直往其先辈元素传递，有的浏览器甚至到window。正因为此，就出现了事件委托（公司前台拿快递例子）事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。事件委托的好处：减少dom元素的操作，因而也就减少了重排重绘的次数，提高了网页的性能事件委托的例子：https://www.cnblogs.com/liugang-vip/p/5616484.htmljs阻止事件冒泡，用e.stopPropagation()事件捕获与事件冒泡相反，
2021-07-17 16:42:44
97
原创 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
89
原创 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
55
原创 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
56
原创 JavaScript中call,apply,bind方法的总结
JavaScript中call,apply,bind方法的总结https://www.cnblogs.com/pssp/p/5215621.html
2021-06-02 18:26:19
103
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
83
原创 js中构造函数的理解
js中构造函数的理解https://blog.csdn.net/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
82
原创 promise等的理解
https://blog.csdn.net/m0_46597922/article/details/107598739https://blog.csdn.net/qq_34645412/article/details/81170576
2021-05-30 15:24:44
47
原创 vue之...mapActions的使用
https://blog.csdn.net/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
538
原创 Vue中使用Bus.js进行非父子组件通信
https://blog.csdn.net/qq_34305040/article/details/91490726
2021-05-10 10:42:57
66
原创 vue使用element-resize-detector监听元素宽度变化
vue使用element-resize-detector监听元素宽度变化https://blog.csdn.net/Ag_wenbi/article/details/103047779
2021-04-19 18:44:44
280
原创 element表单中一个el-form-item下多个form-item项校验（循环校验）
element表单中一个el-form-item下多个form-item项校验（循环校验）https://blog.csdn.net/l508742729/article/details/108286071
2021-04-16 17:37:51
757
原创 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
680
原创 es6中 set和map的使用
es6中 set和map的使用https://blog.csdn.net/kkwant/article/details/103810861
2021-04-14 11:39:11
99
原创 Vue进阶之路之$set的理解
Vue进阶之路之$set的理解https://blog.csdn.net/marko_zheng/article/details/90409065
2021-04-14 11:29:17
76
原创 在vue-element-admin项目中Post 请求带参数 报请求超时
在vue-element-admin项目中Post 请求带参数 报请求超时https://blog.csdn.net/tyoubinn/article/details/109314161
2021-03-09 19:55:51
189
转载 vue_cli3中axios封装、配置不同开发环境变量
https://www.jianshu.com/p/e40709390301?utm_campaign=haruki
2021-02-24 14:21:33
148
原创 关于数组中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
153
原创 el-select中的v-model与change事件
el-select中的v-model与change事件change事件绑定在el-select,可以在触发到el-select上就触发change事件，然后请求数据给option
2020-11-25 11:36:35
1351
原创 利用后台数据动态生成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
363
原创 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
1771
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人