随笔分类 - js
摘要：在这之前，先搞清楚下面这个问题： function Father(){} Father.prototype.name = 'father'; Father.prototype.children = []; const child1 = new Father(); console.log('get1
阅读全文
摘要：Object.defineProperty 这个方法大家耳熟能详，可以对 对象的属性进行添加或修改的操作。即可以进行 数据劫持 。vue就是通过这个方法来劫持数据的。 平时我们创建对象的时候，一般通过对象字面量的方式创建： var student = { name:"小明", age:10 } 对象
阅读全文
摘要：函数防抖和函数节流都是老生常谈的问题了。这两种方式都能优化 js 的性能。有些人可能会搞混两个的概念。所以，我以自己的理解，来解释这两个概念的含义。并且列举在小程序中这两个方法的使用。 函数防抖： 英文 debounce 有防反跳的意思，大致就是指防止重复触发。 那么，函数防抖，真正的含义是：延迟函
阅读全文
摘要：先介绍每个的语法： 1. bind（） 语法：fn.bind(thisObj[, arg1[, arg2[, ...]]]) fn：是想要改变this指向的函数 thisObj：表示fn中this指针指向的新对象。可选。 作用：改变this指向，并返回一个函数。 后面的参数：看似复杂，实际上就相当于
阅读全文
摘要：函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 怎么理解指向呢，我认为指向就是等于。例如直接在js中输入下面的等式： console.log(this window);//true 情况不同，this指向的对象也不同。例如： 1. 函数
阅读全文
摘要：先上个图： 布局很简单，左右超过屏幕的部分自行滚动。 1. html 2.css 说明重要点： （1） container设置绝对定位top和bottom都要设置，再设置padding-top就能除开头部返回栏铺满整个屏幕。 （2） 左右两个盒子设置overflow-y:auto和高度100%，这样
阅读全文
摘要：常用的JS DOM操作与jQuery的对比 jQuery用多了，还是需要来熟练熟练原生JS的操作，不然写JS都快离不开jQuery了 目录 "1. 获取DOM" "2. 创建DOM" "3. 添加DOM" "4. 删除DOM" "5. 添加class" "6. 是否存在class" "7. 删除cl
阅读全文
摘要：闲来无聊，看到百度图片hover的时候提示框的效果，遂想试一试自己能否实现。 百度图片hover的效果： 需求： 1. 当鼠标从图片上部移入的时候，提示框从上部移到正常位置。从上部移出的时候，提示框从正常位置移到上部。 2. 当鼠标从图片左部移入的时候，提示框从左部移到正常位置。从左部移出的时候，提
阅读全文
摘要：最近遇到一个轮播需求： 1. ajax请求服务器，返回json，判断json数据里每一项中isFix属性是0还是1，0表示不轮播，1表示需要轮播。 2. 当isFix属性为0的时候，表示该图片不轮播，相反，isFix为1的时候，表示该图片需要轮播 3. 屏幕最多容纳6个图片，并且每个图片都有边距。不
阅读全文
摘要：效果图： 1.HTML： 2.JS： 可以自行设定每次增加的大小 问题：1。要是需要用背景图片中的数字替换当前显示的数字，并且有上下滚动的效果怎么做？ background-position 2。实现了问题1的效果之后，如果要最大的位数最先停止动画，后面的位数依次停止怎么做？或者开始动画的时候，最后
阅读全文
摘要：效果如图： 实现思路：定时器每隔x秒生成宽高、下落速度（即动画执行时间）、left随机的div。 1.CSS： 2.JS: 本来最开始想计算雨滴left和下落高度的最大值，以免出现滚动条，但是后来想直接body加个overflow：hidden不是更好么，省去多余的代码，效果还一样。 除了用JS实现
阅读全文
摘要：先上效果图： 录出来有点卡顿的赶脚，实际上还是挺顺畅的。 1.HTML: 2.CSS: 3.JS: 这里只是简单的效果，由此可引发多个问题： 1）如果多个方块出现，页面会不会卡顿呢？ 2）如果要实现多个方块碰撞之后改变运动的位置，这个怎么做呢？ 3）方块的初始位置能不能随机呢？ 4）多个方块的速度怎
阅读全文
摘要：接上一篇原型（1） 自我理解 以下是我自己对自定义函数，内置构造函数Object()、Function()，原型prototype与__proto__它们的联系的理解： Js里有许多内置的构造函数，例如：Object（），Function（），Date（）,Array（）等 1. 每个对象都有一个_
阅读全文
摘要：什么是原型？ 每一个js对象都和另外一个对象关联，这另外个对象就是“原型” js权威指南。。。。哈？？？这就叫原型啊？？？excuse me？？？ 只要创建了一个新函数，就会为该函数创建一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实
阅读全文
摘要：先上个pc端和手机端的图： 说明：上面的属性，都是in这个div的属性值。我是点击的in这个div的左上角，所以pageX、pageY是40。 HTML： css: 备注：out这个div的overflow：hidden属性是必须加上去的，因为如果不加，那么in这个div设置的margin-top效
阅读全文
摘要：一。HTML 二。CSS 1.获取宽高： jq：$("div").height()； js:document.getElementsByTagName("ul")[0].getElementsByTagName("li")[0].offsetHeight； mui:获取第一个li高度就是mui("u
阅读全文
摘要：代码： 代码可放置的位置: 注意点：1.这段代码最好放在head里面，或者是当前页面的所有内容之前。如果放在文档的后面或者body后面都会因为加载顺序的问题导致不能达到预期的效果。 2. window.stop ? window.stop() : document.execCommand("Stop
阅读全文
摘要：1.第一种方法是用H5来实现的 HTML： JQ： 说明：1）外部加个label是为了把让用户点击的时候在范围内的都会触发input 2）H5 input file上传图片，调用API:<input type="file" accept="image/*;capture=camera">直接调用相机
阅读全文
浙公网安备 33010602011771号