js
文章平均质量分 76
渣渣枫!
路漫漫其修远兮,吾将上下而求索
展开
-
深入浅出之ES6(一)
Babel 转码器es6 -> es5Babel 的配置文件是.babelrc,该文件用来设置转码规则和插件,基本格式如下{ "presets": [], "plugins": []}polyfillBabel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API,比如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)原创 2021-05-28 14:29:06 · 290 阅读 · 0 评论 -
JS回归基础之DOM
1. 节点层次DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记。每个节点都拥有各自的特点、数据和方法。1.1 Node类型DOM1 级 定义了一个 Node 接口,该接口将由 DOM 中的所有节点类型实现。每个节点都有一个 nodeType 属性,表示节点类型,节点类型由在 Node 类型中定义的下列12 个数值常量来表示,如下所示:Node.ELEMENT_NODE(1)Node.ATTRIB原创 2021-01-24 15:07:02 · 208 阅读 · 0 评论 -
JS回归基础之BOM
JS 浏览器对象模型BOM(Browser Object Model )1. window对象客户端 JavaScript 顶层对象。每当 <body> 或 <frameset> 标签出现时,window 对象就会被自动创建1.1 全局作用域var age = 29; window.color = "red"; //在 IE < 9 时抛出错误,在其他所有浏览器中都返回 false delete window.age; //在 IE < 9 时抛出错误,在原创 2021-01-21 17:23:46 · 230 阅读 · 1 评论 -
JS回归基础之闭包
闭包原创 2020-12-26 18:31:44 · 144 阅读 · 0 评论 -
JS回归基础之面向对象(OOP)
1. 理解对象1.1 属性类型ES5中定义了只有内部才用的特性(attribute),描述了属性(property)的各种特征,不能直接访问,为了表示特性是内部值,放在了两对方括号中,例如[[Enumerable]],ECMAScript中有两种属性:数据属性和访问器属性1.1.1 数据属性[[Configurable]]: 表示能否通过delete删除属性从而重新定义属性,默认true。[[Enumerable]]: 表示能否用过for-in循环返回属性,默认true。[[Writable]原创 2021-01-04 10:51:29 · 183 阅读 · 1 评论 -
JS回归基础之Object的属性和方法
Object的属性和方法Object自带一个prototype的属性,即Object.prototype,Object.prototype本身也是一个对象,也会有一些属性和方法。属性prototype构造函数有一个prototype属性,指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。(经常使用原型对象来实现继承)constructor原型对象有一个constructor属性,指向该原型对象对应的构造函数proto这个东西并不是标准的原型,它是一些浏览器提供的一原创 2020-12-25 18:23:27 · 286 阅读 · 0 评论 -
JS回归基础之执行上下文/作用域链
最近在研究 JavaScript 基础性的东西,但是看到对于执行上下文的解释我发现有两种,一种是执行上下文包含:variable object(变量对象)、scope(作用域)、this value(this 值),另外一个种是包含:lexical environment(词法环境)、variable environment(变量环境)、this value(this 值)。后面我查阅了不少博客以及 ES3 和 ES5 的规范才了解到,第一种是 ES3 的规范,经典书籍《JavaScript 高级程序设计原创 2020-12-24 10:09:34 · 187 阅读 · 2 评论 -
JS回归基础之this
最近看了很多篇关于this的文章,总结一下吧,这样才能印象深刻。函数的this在调用时绑定的,完全取决于函数的调用位置(也就是函数的调用方法)。为了搞清楚this的指向是什么,必须知道相关函数是如何调用的。全局上下文非严格模式和严格模式中this都是指向顶层对象(浏览器中是window)this === window // true函数上下文普通函数调用模式对象中的函数(方法)调用模式call、apply、bind 调用模式构造函数调用模式原型链中的调用模式箭头函数调用模式DOM原创 2020-12-20 18:08:45 · 334 阅读 · 4 评论 -
总结下工作中常用的数据处理操作
场景:求一个二维数组中某个key值的和,比如合计价格,数量等数据格式:[{x: 1}, {x:2}, {x:3}]--------------------->1+2+3=6方法一: 原生function sum(arr) { var len = arr.length; if(len == 0){ return 0; } else if (len == 1){ return arr[0]; } else { return arr[0] + sum(arr.s原创 2020-06-18 21:14:58 · 307 阅读 · 1 评论 -
总结常用的正则表达式(未完待续。。。)
手机号: (+86|0086)?s*1[3-8]\d{9}身份证号: \d{15}(\d{2}[0-9Xx])?字母、数字、下划线组成,字母开头,4-16位: /^[a-zA-z]\w{3,15}$/11位数字,以1开头: /^1\d{10}$/电话号码: /^0\d{2,3}-?\d{7,8}$/邮箱: /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/...原创 2019-08-24 11:29:57 · 248 阅读 · 0 评论 -
数据自动补零
后台传过来1当不足4位数时,前面用零填充。 PreFixInterge(num, n) { //num代表传入的数字,n代表要保留的字符的长度 return (Array(n).join(0) + num).slice(-n); }...原创 2019-06-19 15:27:43 · 622 阅读 · 0 评论 -
利用js实现列表向上无限滚动
先来一张效果图html<div class="transdata1"> <ul class="tody-table-header2"> <li>商品</li> <li>数量(kg)</li> <li>单价(元)</li> ...原创 2019-06-19 15:33:46 · 9074 阅读 · 1 评论 -
练习一下登录
周日没事干,去公司敲会代码~~~~~~~,O(∩_∩)O,学无止境,除了奋斗,别无选择!需要下载一个base64.js插件,密码加密与解密 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title>...原创 2019-07-07 17:12:18 · 241 阅读 · 0 评论 -
小程序中tab快速切换时的防抖与节流
今天测试在测试小程序时,提了一个bug,真机测试的时候,快速点击tab切换时,会出现下面的swiper-item中的内容快速闪烁,无法停止的情况。想了很久也上网查了大量资料,最后突然想起来好像与防抖和节流有关,于是…函数防抖:英文 debounce 有防反跳的意思,大致就是指防止重复触发。那么,函数防抖,真正的含义是:延迟函数执行。即不管debounce函数触发了多久,只在最后一次触发de...原创 2019-08-03 14:53:51 · 1948 阅读 · 0 评论 -
封装localStorage设置失效时间
storage.js:var Storage = { //设置缓存 setItem(params){ let obj = { name:'', value:'', expires:"", startTime:new Date().getTime()//记录何时将值存入缓...原创 2019-08-23 10:03:50 · 802 阅读 · 2 评论 -
总结一下常用的数组方法,是否改变原数组。
不改变原数组:1、concat() 连接两个或多个数组,并将新的数组返回,不改变原数组,返回新的数组2、join() 把数组中所有元素放入一个字符串,将数组转换为字符串,不改变原数组,返回字符串3、slice() 从已有的数组中返回选定的元素,提取部分元素,放到新数组中, 参数解释:1:截取开始的位置的索引,包含开始索引; ...原创 2019-06-12 18:45:09 · 1393 阅读 · 0 评论 -
点击返回顶部(置顶)
html:<!--返回顶部--> <div class="back-top" style="display: none;"> <img src="static/images/BackTop.png" /> </div>css:.back-top{position: fixed; right: 15%;原创 2019-01-26 17:27:51 · 503 阅读 · 0 评论 -
解决jQuery中animate方法不支持transform属性的方案
首先,Jquery并不支持在animate的样式中的transform效果,这里通过使用animate的回调函数来实现。$(&amp;quot;#div&amp;quot;).animate({},function(){//第一个花括号里面是动画内容,可以为空,但不能省去中括号$(&amp;quot;#div&amp;quot;).css({‘width’:‘300px’,‘height’:‘300px’,‘transform’:‘r原创 2018-12-01 16:32:10 · 2596 阅读 · 0 评论 -
js面试题总结(未完待续。。。)
一.找出重复最多的字符let str = 'asss23sjdssskssa7lsssdkjsssdss'; const arr = str.split("") // 把字符串转换为数组 const str2 = arr.sort().join("") // 首先进行排序,这样结果会把相同的字符放在一起,然后再转换为字符串 let value = ""; let inde...原创 2019-08-07 10:02:39 · 166 阅读 · 0 评论