javascript
webberQian
前进的猫
展开
-
js -获取地址栏参数
// 获取地址栏参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) retu.原创 2021-01-28 10:43:38 · 242 阅读 · 0 评论 -
ant-design有关palaceholder的问题
在ant design 中下拉组件 如果使用了v-modal 有想第一次进来的时候显示的palaceholder 那就将v-modal设置成undefined <a-select size="small" v-model="valueVip" style="width: 120px; margin-right: 8px" @change="onChangeVip"原创 2021-01-15 10:26:52 · 192 阅读 · 0 评论 -
this
1.函数预编译过程this指向windowfunction test(a) { var a = 234; function b(){}}test(1);// AO{// Arguments : [1], 存放 arguments// this : window, this 指向// c : 1,// a : undefined,// b : function...转载 2019-01-21 10:02:28 · 118 阅读 · 0 评论 -
逗号操作符
逗号操作符(1,2)返回后面的1,2返回2typeof 返回的结果是字符串类型转载 2019-04-11 10:19:45 · 143 阅读 · 0 评论 -
javascript -闭包
闭包的作用先看预编译1、实现公有变量2、可以做缓存function public(){ var cont = 0; function add(){ cont ++; console.log(cont) } function minus(){ con...原创 2019-09-26 13:40:37 · 82 阅读 · 0 评论 -
javascript 预编译
函数预编译四部曲1.创建 AO 对象 Activation Object(执行期上下文,作用是理解的作用域,函数产生的执行空间库)2.找形参和变量声明,将变量和形参名作为 AO 属性名,值为 undefined相当于 AO{a : undefined,b : undefined}3.将实参值和形参统一(把实参值传到形参里)4.在函数体里面找函数声明,值赋予函数体(先看自己的 A...原创 2019-09-25 17:09:23 · 109 阅读 · 0 评论 -
javascript获取数组中最大和最小值
Math.max()函数只能传入一组参数来求最大值,所以如果是要用于求一个数组中的最大值时,可以用Math.max.apply(Math,array),把this值指向Math对象,则第二个参数可以传入任意数组。这里的Math.max.apply(Math,array), 传入的Math对象 也可以不传 Math.max.apply(null,array)...转载 2019-09-25 15:19:40 · 229 阅读 · 0 评论 -
js-基础知识--之--数据类型
js中数据类型分为两种原始值应用值原始值 只有5种(string、number、Boolean、undefined、null)其中null有历史遗留下来的问题 虽然typeof 出来是object 但是他说原始值引用值 (function object arr 正则 …)topeof 返回的类型只有6种 (string、number、Boolean、undefined、object...原创 2019-09-25 10:42:18 · 125 阅读 · 0 评论 -
那些年javascript --对象踩过的坑
当一个对象在函数里面 对象的键名是一个变量的话就用 [ ] 包裹;原创 2019-09-18 14:56:27 · 89 阅读 · 0 评论 -
javascript数组去重的四种方式
第一种方式利用es6新的数据结构setset类似于数组,最大的区别就是没有重复的值,Set还可以快捷的实现数组间交集,并集和差集的处理Set 还可以接受一个数组作为参数var arr = [1, 2, 3, 4, 2, 3, 2, 1, 4, 6, 10];// var newArr = new Set(arr);// console.log(Array.from(newArr)...原创 2019-08-13 10:48:04 · 108 阅读 · 0 评论 -
冒泡排序--两种方法
冒牌排序的原理 // 冒泡 // 随便从数组中拿一位数和后一位比较,如果是想从小到大排序,那么就把小的那一位放到前面, // 大的放在后面,简单来说就是交换它们的位置,如此反复的交换位置就可以得到排序的效果。 // 最慢 最容易实现得排序算法 // 利用添加中间变量实现 var arr2 = [1, 2, 34, ...翻译 2019-07-22 17:36:41 · 202 阅读 · 0 评论 -
javascript - 你心目中的对象
**javascript对象**对象的创建方式有两种:1.对象字面量也叫对象直接量 (plainObject) 例如: var obj = {}2.构造函数-* 系统自带的构造函数 Object() 例如: new Object()、new Array()、new Number()、new Boolean()、new Date();-* 自定义 ,必须要new这个操作符才能构造出...原创 2019-07-04 17:12:39 · 83 阅读 · 0 评论 -
e.offsetX e.offsetY、e.clientX e.clientY 、e.clientX,e.clientY
IE、Safari、Chrome 和 Opera 支持 screenLeft和 screenTop而Chrome、Firefox 和 Safari 支持 screenX 和 screenY原创 2019-06-26 14:33:21 · 401 阅读 · 0 评论 -
h5 拖拽
设置元素属性 draggable=true 即可让元素能够拖放拖放源:被拖放的元素拖放目标:被拖放的元素到达的目标元素拖放源事件:dragstart:拖放源开始被拖放时触发drag:拖放源被拖放的过程中触发dragend:拖放源在拖放结束时触发拖放目标事件:dragenter:拖放源进入元素边界时触发dragleave:拖放源离开元素边界时触发dragover:拖放源在元...原创 2019-06-26 13:53:37 · 275 阅读 · 0 评论 -
字符串拼接 问题
;function rederTable(req) { var str = ''; req.data.forEach(function (itme, index) { str += '<tr>\ <td>'+itme.id+'</td>\ <td>'+itme.name+'</...原创 2019-05-16 12:05:55 · 449 阅读 · 1 评论 -
ajax-后端请求回来对象数据被浏览器排序
ajax-后端请求的对想里面可的顺序会错乱,(可能是应为浏览器js 存在key机制排序问题)原创 2019-12-25 15:05:15 · 1360 阅读 · 0 评论 -
Javascrip函数防抖与节流
节流节流就是在一定时间内事件触发了n次,但函数只执行一次,相当于稀释了执行频率== 例如:== 我在一秒类点击了100下,但是我在这个一秒内只执行一下在这里插入代码片防抖防抖就是触发了事件,在n秒后执行函数,如果在n秒内又触发这个事件,就重新计算n== 例如:== 触发了keyup事件后,在3秒过后执行函数,但是在这个3秒内又触发了keyup事件,则又重新开始计算这个3秒,在执行这个...原创 2020-04-24 11:21:20 · 127 阅读 · 0 评论 -
var let const --变量声明
ss原创 2020-07-28 10:23:48 · 111 阅读 · 0 评论 -
ES6中字符串API
ES6字符串APIincludes (查看字符中有没有这个字)startsWith (是否以什么开口)endsWith (是否以什么结尾)repeat(重复字符串返回重复后的值)原创 2020-07-28 11:07:00 · 161 阅读 · 0 评论 -
es6-箭头函数
箭头函数箭头函数是一个函数表达式注意细节欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言:回顾this指向谁调用的函数this就指向谁直接调用函数函数相当于window调用,所以th原创 2020-08-26 13:06:51 · 162 阅读 · 0 评论 -
es6-对象-对象字面量(1)
目录成员速写方法速写成员速写如果对象字面量初始化时,成员的名称来自一个变量,并且和变量的名称相同就可以简写const obj = { a:a, b:b, c:c } //简写const obj = { a, b, c }方法速写对象字面量初始化,方法可以省略冒号和function关键字...原创 2020-08-27 16:18:05 · 289 阅读 · 0 评论 -
es6-Object-新增的api(2)
目录Object.isObject.is用于判断两个数据是否相等(基本和===是一致的,除了下面这两种情况)Nan和Nan 相等-0和+0不相等 console.log(NaN===NaN) //false console.log(Object.is(NaN,NaN)) //true console.log(+0===-0) //true //在内存里面存储的是不一样的(所以这个是非常怪异的) console.log(Object.is(+0,-0)) //false原创 2020-09-01 16:43:23 · 124 阅读 · 0 评论 -
es6-Object-类class(构造函数的语法糖)(3)
目录前言类(class)传统构造函数的问题类的特点二、使用步骤总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,类(class) es6里面的类(class)虽然解决了传统构造函数的一些问题 但是他是一个语法糖,他的底层还是基于构造函数来实现的class {//这是构造器 constructor(){}//这是方法 print(){原创 2021-01-04 14:35:21 · 285 阅读 · 0 评论 -
rem适配
(function (doc, win, designWidth) { var html = doc.documentElement; function refreshRem() { var clientWidth = html.clientWidth; if (clientWidth >= designWidth) { html.style.fontSize = '100px'; } else { .原创 2020-10-19 16:12:58 · 97 阅读 · 0 评论 -
el.contains(dom)
Node.contains()返回的是一个 布尔值 ,来表示传入的节点是否为该节点的后代节点。node.contains( otherNode )node 是否包含otherNode节点.otherNode 是否是node的后代节点.如果 otherNode 是 node 的后代节点或是 node 节点本身.则返回true , 否则返回 false.但是有个坑在vue中自定义组件中 如果你循环了这个组件 然后 就只有最后一个才是正确的 (也就是包含关系就会返回true) dire原创 2020-11-23 18:01:23 · 976 阅读 · 1 评论