- 博客(30)
- 收藏
- 关注
RSS订阅原创 禁止IOS H5的滑动回弹
我们在开发h5页面时不知道大家发现这个问题没，在水果机上，页面会有弹性，有时候我们滑动中间部分时，有时候header、footer部分会跟着动(在此之前疯狂百度过很多方法都没解决，水群的时候也看到很多人也遇到过这个问题，今天无意中发现一个库能解决这个问题)想禁止这个行为只要引入一个库就可以了github地址 <script src="./inobounce.js"></s...
2019-11-23 17:30:42
4775
转载 canvas学习笔记（一）
canvas 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。例如，它可以用于绘制图形，制作照片，创建动画，甚至可以进行实时视频处理或渲染。<canvas width="600" height="400" id="canvas"></canvas>注意: 如果你绘制出来的图像是扭曲的, 尝试用width和height属性为<can...
2019-03-24 22:04:57
293
原创 vw＋rem 适配移动端
换算针对ip6100vw ＝ 375px －> 1vw ＝ 3.75px －> 13.33333vw ＝ 50px ＝ 1rem375设计图：1rem = 50px750设计图： 1rem = 100px<!DOCTYPE html><html lang="en"><head> <meta charset=...
2019-03-17 16:10:36
589
原创 像素
物理像素(physical pixel)物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。设备独立像素(density-independent pixel)设备独立像素也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素...
2019-03-17 15:13:43
403
原创 git常用命令
git init 把这个目录变成Git可以管理的仓库git add index.html 把文件添加搭配暂存区git commit -m "描述提交的内容“git status 查看仓库当前的状态git diff index.html 查看修改的内容git log 查看提交的历史记录git log --pretty=oneline 查看简单的历史记录git reset --har...
2019-03-12 12:49:03
137
原创 闭包的作用
1.实现公有变量 function test(){ var num = 100; function a(){ num++; console.log(num) } function b(){ num--; console.log(num) } return [a,b]...
2019-02-26 11:14:04
131
原创 扁平结构整理成树形结构(js)
我们平时做动态渲染多级导航时,我们从后台获取到的数据都是扁平结构的,所以我们要整理成树形结构以便于遍历 var arr = [ { node_id:1, parent_id:0, name:'aaa' }, { node_id:2, ...
2019-02-22 13:34:16
2030
原创 常见的正则面试题
1.匹配xxyy模式var reg = /(\w)\1(\w)\2/g;2.the-first-name 变成theFirstName var str = "the-first-name" var reg = /-(\w)/g str.replace(reg,($,$1)=&gt;{ return $1.toUpperCase() ...
2019-02-19 22:41:11
2541
原创 for in 遍历对象时取值为什么只能用[]不能用点
var obj = { name:'12', age:123, sex:'male' } for( var prop in obj){ console.log(obj.prop) }当我用obj.prop取值的时候,最后发现全是undefined然后我们在obj里面加一个...
2019-02-19 15:22:58
1234
1
原创 继承的几种方式
1.传统继承 －－》原型链缺点：过多的继承链没用的属性 Grand.prototype.lastName = '张三'; function Grand(){ } var grand = new Geand(); Father.prototype = grand; function Father(){ this.nam...
2019-02-18 23:24:12
280
原创 call的一些用法
function Person(name,age){ this.name = name; this.age = age; } var student = new Person('sunny',12); var obj = {}; Person.call(obj) //obj = {name:'sunny',age...
2019-02-18 22:27:04
816
原创 原型链 +原型链上的坑
Grand.prototype.lastName = '张三'; function Grand(){ } var grand = new Geand(); Father.prototype = grand; function Father(){ this.name = '王五'; } var father = new Father(); Son.prototype =...
2019-02-18 21:06:51
159
原创 原型 ＋ 原型上的坑
1.定义:原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先.通过该构造函数产生的对象,可以继承该原型的属性和方法.原型也是对象2.利用原型特点和概念,可以提取公共属性3.对象如何查看原型 --&amp;amp;gt; 隐式属性 __proto__4.对象如何查看对象的构造函数 --&amp;amp;gt; constructor...
2019-02-18 17:43:07
107
原创 包装类
包装类var num = 4;num.len = 3; //隐式进行 new Number(4).len = 3; deleteconsole.log(num.len) //隐式进行 new Number(4).len undefined
2019-02-18 16:36:14
96
原创 构造函数内部原理
1.在函数体最前面隐式的加上this = {}2.执行this.xxx = xxx;3.隐式的返回thisfunction Person(){ //在函数体最前面隐式的加上this = {} //var this = {} //执行this.xxx = xxx; this,name ="张三" //隐式的返回this //return this;}var person = n...
2019-02-18 16:10:13
379
原创 立即执行函数的多种写法
//立即执行函数 (function(){}())//w3c建议第一种 (function(){})() //只有表达式才能被执行符号执行 function test(){}()//报错 var test2 = function (){}()//正确 !function test1(){}...
2019-02-18 13:27:54
1015
转载 作用域、作用域链
function a(){ function b(){ var b = 234; } var a = 123; b() } var glob = 100; a();取材于腾讯课堂渡一教育js课程
2019-02-17 21:55:14
137
原创 首屏优化(图片懒加载+节流防抖结合)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2019-02-17 14:37:25
756
原创 前端面试题
1.括号优先级高,先赋值(window.foo || (window.foo = 'bar))window.foo //bar2.第一个人10岁,第二个人比第一个大2岁,以此递推,使用递归的方法,计算一下第六个人多大. function test(n){ if(n == 1){ return 10 } return...
2019-02-16 17:51:00
257
1
转载 js预编译环节 变量声明提升 函数声明整体提升
预编译四部曲1.创建AO对象2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined3.将实参和形参统一4.在函数体里面找函数声明,值赋予函数体function fn(a){ console.log(a) //function a(){} var a = 123; console.log(a)//123 function a(){...
2019-02-16 16:46:25
265
原创 按位与、按位或、按位异或、按位取反、按位左移、按位右移
位运算符比一般的算术运算符速度要快，而且可以实现一些算术运算符不能实现的功能。如果要开发高效率程序，位运算符是必不可少的。位运算符用来对二进制位进行操作，包括：按位与（&）、按位或（|）、按位异或（^）、按位取反（~）、按位左移（<<）、按位右移（>>）。按位与（&）按位与运算 按位与运算符“&”是双目运算符。其功能是参与运算的两数各对应的二进位...
2019-02-16 15:06:48
15447
1
原创 vue scoped 深度作用选择器(解决vue修改ui框架样式)
私有作用域大概学了vue都知道,当 hi转换结果：&amp;amp;amp;amp;lt;style&amp;amp;amp;amp;gt;.example[data-v-f3f3eg9] { color: red;}&amp;amp;amp;amp;lt;/style&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;template&a
2019-01-08 14:51:38
2773
1
原创 原生js实现多图上传并且能本地预览
html部分 &lt;input type="file" name="" hidden id="upImg" value="" multiple&gt; &lt;div id="show_img"&gt; &lt;/div&a
2018-11-14 16:41:26
1511
1
原创 封装的一些原生js兼容性的写法
获取滚动条的滚动距离 function getScrollOffset(){ if(window.pageXOffset){ return { x:window.pageXOffset, y:window.pageYOffset } }else{ return { ...
2018-11-08 23:38:39
279
原创 vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量
你可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。如果当时没有选好，内置的 webpack 仍然会被预配置为可以完成所有的处理。你也可以手动安装相应的 webpack loader：# Sassnpm install -D sass-loader node-sass# Lessnpm install -D less-loader less# Stylusnp...
2018-11-05 11:14:55
14372
1
原创 三目运算符多个条件判断的写法
function test(a){ return a == 10 ? 10 :(a ==20 ? 20 :'未知') } console.log(test(11111))//未知 console.log(test(10))//10 console.log(test(20))//20
2018-10-31 13:45:07
30631
原创 处理对象数组时，根据某个属性名相同，求某一项的和。
当我们从后台得到数据格式如下，我们需要求每个用户money的和，就可以这样做。 var arry = [ {user_id:1,money:100}, {user_id:2,money:33}, {user_id:1,money:12}, {user_id:3,money:21}, ...
2018-10-31 13:38:59
1951
原创 sort()方法的排序规则与实际应用
var arr =[6,2,3,7,6,5,10] arr.sort() console.log(arr)//[10, 2, 3, 5, 6, 6, 7] 从控制台看出,数组会按照字符的Unicode进行排序,这并不是我们想要的结果 sort()给我们提供了一个接口:arr.sort(function(a,b){}) //升序 ...
2018-10-31 12:40:33
2215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人