
Javascript
夜猫的兔子
这个作者很懒,什么都没留下…
展开
-
#JavaScript# 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面: 例1 obj.objAge; //17 obj.myFun() //小张年龄undefined 例2 shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window ;...原创 2020-04-29 12:35:03 · 263 阅读 · 0 评论 -
时间格式转换
formatDate(date){//设置时间转换格式vary=date.getFullYear();//获取年varm=date.getMonth()+1;//获取月m=m<10?'0'+m:m;//判断月是否大于10vard=date.getDate();//获取日...原创 2020-04-13 14:46:12 · 206 阅读 · 0 评论 -
颜色值转化rgba
colorRgba=(sHex, alpha = 0.15) => { // 十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/ /* 16进制颜色转为RGB格式 */ let sColor = sHex.toLowerCase() if (sColor && ...原创 2019-11-04 11:28:26 · 2227 阅读 · 0 评论 -
Promise
在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现:function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 10...原创 2018-11-14 14:10:36 · 204 阅读 · 0 评论 -
JS判断是IOS还是Android,判断是否微信浏览器
//userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值var u = navigator.userAgent;//Android终端var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //iOS终端var isiOS = !!u.match(/\...原创 2019-02-28 10:54:27 · 1106 阅读 · 0 评论 -
React 项目通过操作DOM水平滚动-垂直间歇性滚动
当给 HTML 元素添加ref属性时,ref回调接收了底层的 DOM 元素作为参数React 组件在加载时将 DOM 元素传入ref的回调函数,在卸载时则会传入null。ref回调会在componentDidMount或componentDidUpdate这些生命周期回调之前执行。页面布局:水平滚动垂直滚动运行一套布局代码,通过this.state.type 判断,...原创 2019-04-04 14:58:55 · 1576 阅读 · 1 评论 -
js 判断Object对象是否为空
1.常见的就是用 for...in... 遍历属性,如果为真则“不是空对象”,否则是空对象for( var value in obj){}2.通过 JSON.stringify() 方法判断: JOSN.stringify() 方法用于将 JavaScript 转换为 JSON 字符串。 JOSN.stringify(obj) === '{}'不能用toString(),因...原创 2019-09-29 17:21:36 · 383 阅读 · 0 评论 -
js 手写分页
效果:原型是angular编写的一下为angular1.X语法HTML: <div class="pull-left flex-r"> <div class="prev"><a href ng-click="prev()">上一页</a></div> <ul class="...原创 2019-09-29 18:05:47 · 632 阅读 · 0 评论 -
Object.assign()方法的用法
1.合并多个对象2.克隆对象(浅);3.为对象添加多个方法定义方法:insertRprm(data) { let params = Object.assign({}, { pagename: 'new_wechat', eventtype:'tap', side: 'C', }, data) }使...原创 2018-11-14 13:49:13 · 1771 阅读 · 2 评论 -
深拷贝浅拷贝
https://www.cnblogs.com/echolun/p/7889848.html转载 2018-10-18 18:29:32 · 160 阅读 · 0 评论 -
#javascript#判断类型的方法
1.判断类型的方法1.typeof alert(typeof a);2.instanceof alert(a instanceof Array);3.constructor a.constructor === Array4.prototype Object.prototype.toString.call(a) === '[object String]'5...原创 2018-08-14 10:44:58 · 232 阅读 · 0 评论 -
#JavaScript#对象属性赋值
var util = require('../../utils/util.js')var app = getApp();Page({ // RESTFul API JSON // SOAP XML //粒度 不是 力度 data: { inTheaters: {}, comingSoon: {}, top250: {}, searchResul...原创 2018-07-26 10:58:38 · 1200 阅读 · 0 评论 -
#JavaScript#substring()和slice()和splice()和split()和substr()的区别
一、substring()是截取字符串Stringvar s = 'hello, world';s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello';s.substring(7); // 从索引7开始到结束,返回'world';二、slice()是截取数组或字符串Array 和Stringvar arr = ['A', 'B', 'C...原创 2018-07-26 11:50:42 · 218 阅读 · 0 评论 -
#JavaScript#从数组中删除指定值(不是指定位置)的元素实现代码
<script type="text/javascript"> Array.pArray.prototype.indexOf = function(val) { //prototype 给数组添加属性 for (var i = 0; i < this.length; i++) { //this是指向数组,this.length指的数组类元素的数量 ...原创 2018-07-27 16:04:04 · 455 阅读 · 0 评论 -
#JavaScript#数组
#1.Array.of() 返回由所有参数组成的数组,不考虑参数的数量或类型,如果没有参数就返回一个空数组 (ES6新增)#2.Array.from()从一个类数组或可迭代对象中创建一个新的数组 (ES6新增)1.数组合并去重//数组合并去重function combine(){ let arr = [].concat.apply([], arguments); //没有...原创 2018-08-22 18:18:38 · 171 阅读 · 0 评论 -
#JavaScript#apply和call
1.applyapply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.Function.apply(obj,args)方法能接收两个参数obj:这个对象将代替Function类里this对象args:这个是数组,它将作为参数传给Function(args-->arguments)all:和apply的意思一样,只不过是参数列表不一样.Function.cal...原创 2018-08-08 15:17:44 · 170 阅读 · 0 评论 -
有趣的API: history pushState/popstate 无刷新跳转
history.pushState(state, title, url) : 无刷新的向浏览器 历史最前方 加入一条记录。 state(any) 需要保存的数据,这个数据在触发popstate事件时保存在event.state上。 title(string): Firefox 目前忽略了這個參數,雖然他以後有可能會採用。如果以後改變了這個作法,傳送空白的字...原创 2018-08-20 10:37:54 · 1026 阅读 · 0 评论 -
#JavaScript#js的原型继承
1. f.__proto__ === f[的构造函数].prototype === F.prototype2. F.prototype.__proto__ === (F.prototype)[的构造函数].prototype === Object.prototype 3. f.constructor === F4. F.__proto__ === F[的构造...原创 2018-08-23 14:57:20 · 216 阅读 · 0 评论 -
#JavaScript#构造函数-封装继承
构造函数-封装所谓"构造函数",其实就是一个普通函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。比如,猫的原型对象现在可以这样写,function Cat(name,color){ this.name=name; this.color=color; }我们现在就可以生成实例对象了。v...原创 2018-07-16 16:17:36 · 312 阅读 · 0 评论