- 博客(19)
- 收藏
- 关注
原创 ElementUI中的table根据条件判断一列是否显示
因为ElementUI不支持v-show,直接在要隐藏的一列v-if=‘判断条件’就好
2019-12-11 17:42:54
10094
原创 elementUI中的日期选择器(DatePicker)根据返回时间禁用
elementUI的日期选择器中的disabledDate属性可以设置禁用时间,但是有的时候会出现当后台返回的不是时间段而是时间点时,禁用方法如下↓//首先设置想要禁用的时间 data() { return { value2: '', pickerOptions: {}, dateParam:[ "2019-12-08 00:00:00", "2...
2019-12-03 16:42:58
2036
3
原创 常用正则(含密码和邮箱校验)
一、校验数字的表达式1. 数字:^[0-9]*$2. n位的数字:^\d{n}$3. 至少n位的数字:^\d{n,}$4. m-n位的数字:^\d{m,n}$5. 零和非零开头的数字:^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数:^(\-)?\d+(\...
2019-11-05 17:45:53
306
原创 关于vue修饰符.sync
vue是单项数据流,所以要对他进行双向数据绑定的时候需要用到.sync修饰符,最常用的是visible.sync在子组件里写:this.$emit(‘update:visible’, visible), 使用update:my-prop-name 的模式触发事件父组件里:<components :visible="isVisible" @update:visible="val=>...
2019-10-24 18:06:47
1833
原创 预加载和懒加载的区别
懒加载当访问一个页面的时候,先把img元素背景图片路径替换成一张占位图,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。图片懒加载的原理:a)懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位,把正真的路径存在元素的“data-url”属性里,页面加载完成后,根据scrollTop判断图片是否在用户的视野内,如果在,则将data- u...
2019-09-07 11:01:29
792
原创 css实现盒子居中的几种方法
废话不多说直接上代码第一种:#box{ width: 100px; height: 100px; background: pink; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }第二种 #box{ width: 100px; height: 100px; ...
2019-08-29 12:00:25
1264
转载 数据扁平化
什么是扁平化数组的扁平化,就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。举个例子,假设有个名为 flatten 的函数可以做到数组扁平化,效果就会如下:var arr = [1, [2, [3, 4]]];console.log(flatten(arr)) // [1, 2, 3, 4]一、递归我们最一开始能想到的莫过于循环数组元素,如果还是一个数...
2019-08-20 15:59:09
6688
原创 跨域及其解决方式
一、什么情况下会产生跨域产生跨域的情况有三种:不同协议,不同域名,不同端口,以及域名和ip地址的访问都会产生跨域二、跨域解决方案跨域是浏览器的做出的限制,和后端没关系1.jsonp实现原理:利用动态创建script标签请求后端接口地址,然后传递callback参数,后端接收到后经过数据处理,返回callback中的参数就是json2.代理前端代理在vue中主要是通过vue脚手架中的c...
2019-08-15 20:10:18
181
原创 url到页面加载完成中发生了什么
1、DNS解析2、TCP连接3、发送HTTP请求4、服务器处理请求并返回数据5、浏览器解析渲染页面6、连接结束注:输入了一个域名,域名要通过DNS解析找到这个域名对应的服务器地址,通过TCP请求连接服务,通过web服务器(apache)返回数据,浏览器根据返回数据构建dom树,通过css渲染解析引擎将页面渲染出来,关闭TCP链接...
2019-08-08 20:33:52
110
原创 CSS hack
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。CSS Hack大致有3种表现形式1、CSS类内部Hack2、选择器Hack3、HTML头部引用(if IE)HackCSS Hack主要针对类内部Hack:比如 IE6能识别下划线"“和星号” * “,IE7能识别星号” * “,但不能识别下划线”",而f...
2019-08-07 15:55:09
231
原创 Vue组件中data为什么必须是函数
因为一个组件是可以共享的,但是他们的data是私有的,所以每一个都要return一个新的data对象,返回一个唯一的对象,不能和其他组件共用一个对象<script> export default { data() { return { // 返回一个唯一的对象,不要和其他组件共用一个对象进行返回 ...
2019-08-05 16:26:48
128
原创 http状态码整理
开头是1代表临时响应并需要请求者继续执行操作的状态代码开头是二表示成功处理请求开头是三表示要完成请求,还需要进一步操作,通常用来重定向(常见的状态码有:1、301(永久移动)请求的网页已经永久移动到新位置,服务器返回此响应时会自动将请求者转移到新的位置。2、302(临时移动)服务器目前从不同的位置的网页响应请求,但请求者应该继续使用原有位置来进行以后的请求。3、303(未修改)自从上次...
2019-08-05 16:16:35
152
原创 vue中 key 值的作用
什么是key值key值:用于 管理可复用的元素。因为Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做使 Vue 变得非常快,但是这样也不总是符合实际需求。2.2.0+ 的版本里,当在组件中使用 v-for 时,key 是必须的。//例如,如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'...
2019-08-03 11:16:45
15300
原创 浅谈js数组内置遍历方法
一、forEach这个方法是为了取代for循环遍历数组的,返回值为undefinedlet arrinfo=[4,3,3,6,4,7,86]arrinfo.forEach((item,index,arr)=>{ //遍历逻辑})其中:item:代码遍历的每一项index:代表遍历每一项的索引arr:代表数组本身二、filter是一个过滤遍历器的方法,如果返回条件为tr...
2019-08-03 10:56:46
191
原创 浅谈JS面向对象
JS面向对象主要基于function来实现的,通过function来模拟类,通过prototype来实现类方法的共享,跟其他语言有着本质的不同,自从有了ES6后,把面向对象类的继承实现更新后端语言实现了,通过class来实现类,通过extends来继承父类,其实ES6类的实现本质是一个语法糖,不过对于开发简单了许多。...
2019-08-02 21:13:01
83
原创 JS常用dom操作方法
查找 :getElementByidgetElementByTagNamequertSelectorquerySelectAll插入:appendChlid,insertBefore删除:removeChild克隆:cloneNode设置和获取属性:setAttribute(“属性名”,“值”),getAttribute(“属性名”)...
2019-08-02 20:55:24
198
原创 简单的js原生事件绑定的三种方法
众所周知js原生绑定事件主要分三种一、html事件处理程序二、DOM0级事件处理程序三、DOM2级事件处理程序其中第一个已经被pass了,因为耦合度太高不好维护第二个是DOM0级事件,目前在pc端用的比较广泛,主要是先获取DOM元素,然后直接给DOM元素添加事件例如:var btn=document.getElementById("id")btn.onclick=function(...
2019-08-02 20:18:33
644
原创 笔记:js继承(含es6方法)
js继承实现方式主要分为es5和es6,先说一下es5的继承方法_(:з」∠)_首先es5的继承主要是通过prototype来实现,具体有三种方法举个栗子:比方说有两个类A和B,问B怎么样继承A第一种:原型链继承,也就是B.prototype=new A()第二种:借用构造函数继承function B(name,age){ A.call(this,name,age)}第三种:组合...
2019-08-02 17:21:16
299
原创 什么是闭包
闭包闭包通俗一点说就是打通了一条在函数外部访问函数内部作用域的通道。正常情况下函数外部是访问不到函数内部的作用域变量的。表象判断是不是闭包,只需要看嵌套函数内部函数被return,内部函数调用外层函数的局部变量闭包的优缺点优点:可以隔离作用域,不造成全局污染缺点:由于闭包长期驻留内存,可能会导致内存泄漏如何解决内存泄漏将暴露在外部的闭包变量设置为null适用场景封装组件,for循...
2019-08-02 16:58:59
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人