- 博客(20)
- 收藏
- 关注
RSS订阅
原创 call、apply、bind的用法和区别
call、apply、bind三者的用法和区别1.call、apply、bind都是Function.prototype的方法，所以每个函数都有call、apply、bind属性。2.call、apply、bind的作用都可改变函数内部的this指向一、call、apply下面采用一段代码说明二者的作用 function Cat() { this.name = 'coco' this.say = function (age, sex) { consol
2020-06-18 17:18:12
2810
1
原创 toLocaleString 也太好用了吧！
项目中给数字做格式化处理的问题太常见啦，特别是涉及到金融数字的部分，这次就是有个需求需要给各种不同格式，要是以前可能就傻傻的自己写函数处理，可是这次无意间看到还有这么好用的函数，那以前岂不是纯纯的大冤种了-_-a.toLocaleString(undefined, {style: ‘unit’, unit: ‘acre’}) // 123,456.679英亩。currency： 用于货币格式，注意这个属性不能单独使用，还得配套使用currency属性。unit： 单位格式，配合unit，单位使用。...
2022-08-29 15:58:46
543
1
转载 经典面试题一
https://blog.csdn.net/qq_33277654/article/details/112758362#commentBox
2021-10-12 17:54:53
101
原创 地图流动线条
import { formatNums } from '@/utils/tools'export const optionDefault = { tooltip: { trigger: 'item', padding: 5, formatter: p => { if (!p.data.name || p.data.none) return '' return `<div class="tooltip">${p.data.name}&..
2021-10-12 11:06:52
295
原创 js事件流（事件捕获——目标阶段——事件冒泡）
1. 事件捕获，事件冒泡事件：事件是指文档和浏览器窗口发生特定交互的瞬间。事件流： 事件流指页面中接受事件的顺序，微软为事件冒泡，网景为事件捕获。事件捕获：由上而下，根元素最早接受事件，目标元素最后接受事件。事件冒泡：由下而上，目标元素最早接受事件，逐级向上，最后根元素接受事件。2. DOM事件流DOM事件流规定，事件流由三个部分构成 事件捕获——目标阶段——事件冒泡，首先事件捕获为截获事件提供机会，然后实际目标接受事件，事件冒泡阶段对事件做出响应。事件在目标阶段是无法获取事件的。3. 事件
2021-10-11 16:39:39
1574
原创 js原生创建元素createElement,动态插入js
创建元素 document.createElement()document.createElement() 一个参数元素标签名称或者包含属性的完整标签字符串const div = document.createElement('div')div.id = 'test' // 设置元素iddiv.className = 'test' // 设置元素class// 等价如下const div = document.createElement("<div id='test' class.
2021-10-11 12:26:37
2464
原创 js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute
getAttribute()查找元素属性值，传入一个元素属性名称，不存在则返回null。const div = document.querySelector('#test')alert(div.getAttribute('id')) // 打印元素id属性值alert(div.getAttribute('class')) // 打印元素class属性值alert(div.getAttribute('title')) // 打印元素title值setAttribute()设置元素属性值，两.
2021-10-11 11:56:03
843
原创 js原生dom查找childElementCount，firstElementChild，previousElementSibling
childElementCount 返回子元素个数。firstElementChild 返回第一个子元素。lastElementChild 返回最后一个子元素。previousElementSibling 返回前一个同辈元素。nextElementSibling 返回后一个同辈元素。
2021-10-11 11:30:50
497
原创 querySelector和querySelectorAll,matchesSelector
document.querySelector(),接受一个CSS选择器，返回与该模式匹配的第一个元素，如果没有匹配到则返回null。也可匹配某个元素下级dom 如 document.getElementById(‘test’).querySelector()document.querySelectorAll(),接受一个CSS选择器，返回所有匹配元素的集合数组，如果没有匹配到则返回空数组。也可匹配某个元素下级dom 集合如document.getElementById(‘test’).querySel.
2021-10-11 11:09:38
173
原创 PHP开发手机自动拨号软件
我本是个小小前端，前些天一个做销售的朋友说每天要打三四百个客户的电话，每天拨号按的头皮发麻。我钻研了两个晚上，从产品流程设计到页面设计，前端开发，接口开发，终于完成了，界面如下：后端采用thinkphp5开发的，对我一个前端来说最难的是excel导入数据到数据库吧，当时采用的是一个PHPExcel 插件，这个搞定其它的就是小菜一碟了，就建了两个表，一个导入文件表，一个客户表。项目开发完成我就发到线上了，还是很有成就感的。有兴趣的可以体验下效果dome，注意是手机端哦！...
2021-09-09 12:02:21
531
2
原创 编程书籍网站 book.cocotao.cn
发现了一个很好查询学习资料的电子书网站，推荐给大家book.cocotao.cn有好多编程书籍可以学习
2020-12-19 09:19:12
287
1
原创 js节流和防抖
一、js节流函数概念：多次连续触发时，每隔一段时间执行一次。用途：滚动事件，联想功能，表单矫正function throttle(fn,delay){ let timer = null // 闭包将timer保存在内存中，return函数能访问timer return function(){ if(timer) return timer = setTimeout(() => { // arguments 是return函数
2020-08-28 14:59:07
117
原创 js数据类型判断
一）JS数据类型种类基本数据类型：string、number、null、Boolean、undefined共五大类，数据大小确定，储存在计算机栈内存中。引用类型：Function、Object、Array三大类，存储在堆内存中（保存的是指针，指向内存地址）。二）JS数据类型检测方式主要有typeof、instanceof、constructor、Object.prototype.toString(）四种。typeof检测8大数据类型，null和Array都被检测成了object，其它都正常。
2020-07-01 18:34:59
88
原创 原型，原型链
一. 什么是原型简单来说所有JavaScript函数都有一个prototype属性，这个原型属性指向的是原型对象，原型对象的作用是共享对象属性和方法，原型对象有一个constructor（构造函数）属性，原型对象的construtor指向创建它的构造函数。 function Foo() { this.name = 'coco'; } console.log(Foo.prototype) console.log(Foo.prototype.constructo
2020-06-30 17:12:17
103
原创 构造函数
1）什么是js构造函数简单来说JavaScript里面能通过new 关键词创建一个实例的函数，我们称之为构造函数。2）构造函数的作用当我们处理一些重复性工作时就常用到构造函数，举个例子我要录入每一个员工的信息: p1 = { name: 'coco', age: 28, sex: 'boy' }; p2 = { name: 'lili', age: 20, sex: 'girl' }; p3 = { name: 'gang', age: 18, sex: 'boy' };
2020-06-30 11:44:13
105
原创 最简洁的快速排序
1）.快速排序原理取一个基准值（哨兵pivot）。将基准值依次和其他项进行比较，小于基准值的放到一个集合A里，大于等于基准值的放到另一个集合B里。再将A、B集合接着重复步骤1、2。2）.js程序设计 function quickSort(arr){ if(!arr || arr.length<2) return arr const pivot = arr.pop() //获取数组最后一位值作为基准值 const left = arr.filt
2020-06-29 18:29:20
155
原创 js二分法查找
1）.二分法查找简介二分法查找又称折半查找，一般用在查找一个有序数列中某个特定的元素。2）.二分法查找原理每次取有序数列中间的值作为找到对象，和要查值key进行比较。若中间值小于要查询值key，则取中间值右侧数列的中间值继续key比较。若中间值等于要查询值key，则取查询完成。若中间值大于要查询值key，则取中间值左侧数列的中间值继续key比较。采用递归重复上面操作…直到查到结果为止。3）.二分法程序设计 /** * arr 有序数列 * low 数列首项标记
2020-06-29 10:58:21
813
原创 冒泡排序
1.冒泡排序原理依次比较相邻两个元素大小，把大的放在右边，小的放在左边。2.设计思路第一次比较：首先将数组第一个元素和第二个元素比较，大的放在右边，小的放在左边。第二次比较：将第二个元素和第三个元素比较，大的放在右边，小的放在左边。…依次进行，第一趟比较完成，最大的一定在最右边。第二趟，最右侧元素不参与比较，按照【1】，【2】，【3】步骤，倒数第二大元素就在倒数第二位。…这样每一趟找出一个最大的数据，每一趟少一个数据参与比较3.js设计程序 // 冒泡排序 cons
2020-06-28 17:21:45
250
原创 js数组map、filter、forEach、some、every用法
数组迭代方法1.some()迭代数组每一项，只要有一项符合条件就返回true，否则返回false。2.every()迭代数组每一项，只有每一项都符合添加就返回true，否则返回false。3.map()迭代数组每一项，可以给特定的条件，返回新的数组。4.filter()迭代数组每一项，可以筛选出满足条件的项，返回新的数组。5.forEach()迭代数组每一项，没有返回项。下面我用五个例子说明其用途 // 定义一个数组 let arr = new Array( { name:
2020-06-28 15:23:27
835
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人