自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 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 2804 1

原创 toLocaleString 也太好用了吧!

项目中给数字做格式化处理的问题太常见啦,特别是涉及到金融数字的部分,这次就是有个需求需要给各种不同格式,要是以前可能就傻傻的自己写函数处理,可是这次无意间看到还有这么好用的函数,那以前岂不是纯纯的大冤种了-_-a.toLocaleString(undefined, {style: ‘unit’, unit: ‘acre’}) // 123,456.679英亩。currency: 用于货币格式,注意这个属性不能单独使用,还得配套使用currency属性。unit: 单位格式,配合unit,单位使用。...

2022-08-29 15:58:46 541 1

原创 前端常用CSS色值,盒阴影,渐变工具

1.十六进制颜色值转换CSS 转rgba2.图片取色3.CSS色值4.好看的渐变色5.盒阴影色值

2022-07-29 16:39:49 320

转载 经典面试题一

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 293

原创 js事件流(事件捕获——目标阶段——事件冒泡)

1. 事件捕获,事件冒泡事件:事件是指文档和浏览器窗口发生特定交互的瞬间。事件流: 事件流指页面中接受事件的顺序,微软为事件冒泡,网景为事件捕获。事件捕获:由上而下,根元素最早接受事件,目标元素最后接受事件。事件冒泡:由下而上,目标元素最早接受事件,逐级向上,最后根元素接受事件。2. DOM事件流DOM事件流规定,事件流由三个部分构成 事件捕获——目标阶段——事件冒泡,首先事件捕获为截获事件提供机会,然后实际目标接受事件,事件冒泡阶段对事件做出响应。事件在目标阶段是无法获取事件的。3. 事件

2021-10-11 16:39:39 1568

原创 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 2452

原创 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 840

原创 js原生dom查找childElementCount,firstElementChild,previousElementSibling

childElementCount 返回子元素个数。firstElementChild 返回第一个子元素。lastElementChild 返回最后一个子元素。previousElementSibling 返回前一个同辈元素。nextElementSibling 返回后一个同辈元素。

2021-10-11 11:30:50 495

原创 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 171

原创 PHP开发手机自动拨号软件

我本是个小小前端,前些天一个做销售的朋友说每天要打三四百个客户的电话,每天拨号按的头皮发麻。我钻研了两个晚上,从产品流程设计到页面设计,前端开发,接口开发,终于完成了,界面如下:后端采用thinkphp5开发的,对我一个前端来说最难的是excel导入数据到数据库吧,当时采用的是一个PHPExcel 插件,这个搞定其它的就是小菜一碟了,就建了两个表,一个导入文件表,一个客户表。项目开发完成我就发到线上了,还是很有成就感的。有兴趣的可以体验下效果dome,注意是手机端哦!...

2021-09-09 12:02:21 523 2

原创 编程书籍网站 book.cocotao.cn

发现了一个很好查询学习资料的电子书网站,推荐给大家book.cocotao.cn有好多编程书籍可以学习

2020-12-19 09:19:12 286 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 808

原创 冒泡排序

1.冒泡排序原理依次比较相邻两个元素大小,把大的放在右边,小的放在左边。2.设计思路第一次比较:首先将数组第一个元素和第二个元素比较,大的放在右边,小的放在左边。第二次比较:将第二个元素和第三个元素比较,大的放在右边,小的放在左边。…依次进行,第一趟比较完成,最大的一定在最右边。第二趟,最右侧元素不参与比较,按照【1】,【2】,【3】步骤,倒数第二大元素就在倒数第二位。…这样每一趟找出一个最大的数据,每一趟少一个数据参与比较3.js设计程序 // 冒泡排序 cons

2020-06-28 17:21:45 247

原创 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 826

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除