原生js
mystraight
这个作者很懒,什么都没留下…
展开
-
自动放烟花 (对象+原型+构造函数)
自动放烟花 (对象+原型+构造函数)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>烟花+原型+构造函数</title></head> <style> *{ margin: 0; padding: 0;原创 2016-08-10 23:03:10 · 878 阅读 · 0 评论 -
去重js
## 关于js中去重的函数包装(方法一)##原创 2016-08-10 22:47:11 · 261 阅读 · 0 评论 -
js面向对象(原生)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // function A(name) { this.name = name; } A.prototype.sho原创 2017-03-30 18:03:12 · 186 阅读 · 0 评论 -
js面向对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body></body> <script> //封装 /*function Cat(name,color){ this.name = name; this原创 2017-04-01 10:24:05 · 163 阅读 · 0 评论 -
拖拽(可以封装成指令的形式 angular )
//父元素的宽高,不让其脱离宽高 //link:function (scope,ele,attr) {ele.parent (可以拿父元素的宽高)} $scope.widths = $(".box").width(); $scope. heights = $(".box").height(); function draggleBefo原创 2017-08-31 11:53:01 · 1242 阅读 · 0 评论 -
移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input的解决方案
移动页面写定位时不用fixed定位 const brand = navigator.userAgent.indexOf(‘Android’) if (brand > -1) { const maxHeight = document.body.clientHeight window.addEventListener(‘resize’, function () { const原创 2017-11-11 11:01:12 · 2277 阅读 · 0 评论 -
better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
import BScroll from 'better-scroll' export default { props: { /** * 1 滚动的时候会派发scroll事件,会截流。 * 2 滚动的时候实时派发scroll事件,不会截流。 * 3 除了实时派发scroll事件,在swipe的情况下仍然能实时派发scroll事件原创 2017-11-13 00:16:32 · 1966 阅读 · 0 评论 -
双向绑定原理(如vue)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Two-way-data-binding</title></head><body> &am转载 2018-04-16 10:10:36 · 247 阅读 · 0 评论 -
js canvas 动态生成图片,以及将base64转换成file对象
export default class DrawIamge { // 随机生成RGBA颜色 randomRgbaColor (min, max) { let r = min + Math.round(Math.random() * 1000) % (max - min) // 随机生成256以内r值 let g = min + Math.round(Math.random...原创 2018-05-12 00:16:16 · 10664 阅读 · 0 评论