吴羿彤-CSDN博客

原创 javaScript数组(Array)处理函数简单总结

最近总结了几个常用的数组方法：大家喜欢可以收藏一下 1、前添加数组.unshift(参数，参数) 原数组会变化返回新长度 2、后添加数组.push(参数，参数) 原数组会变化返回新长度 3、前删除数组.shift(参数，参数) 原数组会变化返回删除元素 4、后删除数组.pop(参数，参数) 原数组会变化返回删除元素 5、数组任意...

2019-06-03 21:24:11 387

原创展平、拉平数组

展平数组数组中可以嵌套数组，要嵌套多少层都可以，比如[1, 2, [[3], 4]] 这样看起来很不爽，所以我们要把它展开，只留下一层数组: [1, 2, 3, 4] var arr = []; // 存放新数组 function hanle(s){ for(var i=0;i<s.length;i++){ //历遍数组 if(s[i] instanceof A...

2019-06-03 15:49:59 519

原创 web api 原生实现瀑布流效果

最近在整理js基础知识，接触到了几个常用的页面特效，其中觉得用原生js实现瀑布流的案例十分有趣，于是与大家分享一下。瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部实例：直接复制代码自己下载几个图片配置图片即可 <!doctype html> <html> &...

2019-06-01 22:29:21 390

原创 Vue 对象中动态添加的属性，不具备响应能力问题

做项目遇到Vue的“坑”。实例： HTML <div id="app"> <div> <div>姓名：{{info.uname}}</div> <div>年龄{{info.age}}</div> <div>自定义：{{info.abc}}</div> ...

2019-05-25 10:55:26 3655

原创使用js判断a是不是NaN 类型

首先先明白NaN 什么意思： NaN 意思：不是一个数组 isNaN ：函数用来确定一个值是否为NaN，如果给定值为 NaN则返回值为true；否则为false。 var a = 123; var b = '123'; var c = 'adc'; var d = 'a13'; var e = '1a3'; console.log(isNaN(a)) co...

2019-05-25 10:35:21 5873

原创 vue-cli+webpack搭建的vue开发环境配置打包文件路径

使用vue-cli+webpack搭建的vue开发环境修改默认打包文件路径配置

2019-05-25 10:27:45 393

原创 javaScript中this指向问题

普通函数中的this： ==> window 对象、对象方法中的this ==> 实例对象定时器中的this ==> window 构造函数中的this ==> 实例对象原型对象中的this ==> 实例对象事件中的this ==> 事件源 call、apply、bind ...

2019-05-24 10:13:31 145

1.颜色：新增 RGBA，HSLA 模式 2.文字阴影（text-shadow） 3.边框：圆角（border-radius）边框阴影： box-shadow 4.盒子模型：box-sizing 5.背景：background-size 设置背景图片的尺寸、background-origin 设置背景图片的原点、background-clip 设置背景图片的裁切区域，以”，”分隔可以设置多背...

2019-05-23 21:34:54 1230

原创 css清除浮动的5种方式

** 1、父级 div 定义 height 原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。简单、优点：代码少、容易掌握，但只适合高度固定的布局. 2、结尾处加空 div 标签 clear：both 原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动，让父级 div 能自动获取到高度，如果页面...

2019-05-23 21:20:24 199

原创 null 和undefined 的区别

null 和undefined 的区别 1、undefined 　表示"缺少值"，就是此处应该有一个值，但是还没有定义　典型用法是：　　（1）变量被声明了，但没有赋值时，就等于undefined。　　（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。　　（3）对象没有赋值的属性，该属性的值为undefined。　　（4）函数没有返回值时，默认返回undefined...

2019-05-23 21:07:26 3391

原创 javaScript对象的两种访问方式

1、obj.adc 2、obj[‘de’] = ‘tom’ 中括号访问属性有一种好处、可以是变量例如： var a = 'age' var obj = { name: 'lisi', age: 12, 13:'333' } console.log(obj['...

2019-05-23 21:02:21 363

原创防抖与节流总结

防抖与节流的简单应用：一次写的不好大家请指出谢谢！！！防抖函数防抖：在特定的时间内，没有再次触发特定条件，就执行一次任务。白话：例如搜索框 —> 用户一直输入，等停下来一段时间----->就执行一次任务实例：搜索框定义的事件 () { clearTimeout(定时器标识) 定时器标识 = setTimeout(() => { ...

2019-05-23 20:08:21 182