自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 禁止IOS H5的滑动回弹

我们在开发h5页面时不知道大家发现这个问题没,在水果机上,页面会有弹性,有时候我们滑动中间部分时,有时候header、footer部分会跟着动(在此之前疯狂百度过很多方法都没解决,水群的时候也看到很多人也遇到过这个问题,今天无意中发现一个库能解决这个问题)想禁止这个行为只要引入一个库就可以了github地址 <script src="./inobounce.js"></s...

2019-11-23 17:30:42 4774

转载 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 -&gt; 1vw = 3.75px -&gt; 13.33333vw = 50px = 1rem375设计图:1rem = 50px750设计图: 1rem = 100px&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset=...

2019-03-17 16:10:36 589

原创 像素

物理像素(physical pixel)物理像素又被称为设备像素,他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。设备独立像素(density-independent pixel)设备独立像素也称为密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素...

2019-03-17 15:13:43 401

原创 git常用命令

git init 把这个目录变成Git可以管理的仓库git add index.html 把文件添加搭配暂存区git commit -m &quot;描述提交的内容“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 2029

原创 常见的正则面试题

1.匹配xxyy模式var reg = /(\w)\1(\w)\2/g;2.the-first-name 变成theFirstName var str = &quot;the-first-name&quot; var reg = /-(\w)/g str.replace(reg,($,$1)=&amp;gt;{ return $1.toUpperCase() ...

2019-02-19 22:41:11 2539

原创 instanceof

看A对象的原型链上有没有B的原型A instanceof B

2019-02-19 15:43:40 110

原创 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 1233 1

原创 vue响应式系统的基本原理

Document

2019-02-19 10:48:41 208

原创 继承的几种方式

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 814

原创 原型链 +原型链上的坑

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;amp;gt; 隐式属性 __proto__4.对象如何查看对象的构造函数 --&amp;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

原创 首屏优化(图片懒加载+节流防抖结合)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &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

原创 按位与、按位或、按位异或、按位取反、按位左移、按位右移

位运算符比一般的算术运算符速度要快,而且可以实现一些算术运算符不能实现的功能。如果要开发高效率程序,位运算符是必不可少的。位运算符用来对二进制位进行操作,包括:按位与(&amp;)、按位或(|)、按位异或(^)、按位取反(~)、按位左移(&lt;&lt;)、按位右移(&gt;&gt;)。按位与(&amp;)按位与运算 按位与运算符“&amp;”是双目运算符。其功能是参与运算的两数各对应的二进位...

2019-02-16 15:06:48 15421 1

原创 vue scoped 深度作用选择器(解决vue修改ui框架样式)

私有作用域大概学了vue都知道,当 hi转换结果:&amp;amp;amp;amp;amp;lt;style&amp;amp;amp;amp;amp;gt;.example[data-v-f3f3eg9] { color: red;}&amp;amp;amp;amp;amp;lt;/style&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;template&a

2019-01-08 14:51:38 2773 1

原创 原生js实现多图上传并且能本地预览

html部分 &amp;lt;input type=&quot;file&quot; name=&quot;&quot; hidden id=&quot;upImg&quot; value=&quot;&quot; multiple&amp;gt; &amp;lt;div id=&quot;show_img&quot;&amp;gt; &amp;lt;/div&a

2018-11-14 16:41:26 1510 1

原创 封装的一些原生js兼容性的写法

获取滚动条的滚动距离 function getScrollOffset(){ if(window.pageXOffset){ return { x:window.pageXOffset, y:window.pageYOffset } }else{ return { ...

2018-11-08 23:38:39 278

原创 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 14371 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 2213

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除