随笔分类 - javascript
javascript
摘要：const imgArrs = ['imageurl1', 'imageurl2', 'imageurl3'] const loadImg = () => { if (!imgArrs.length) return; const img = new Image() img.src = imgArrs
阅读全文
摘要：/** * @param {*} money[输入的money] * @param {string} [货币符号，sysmbol='¥'] * @param {number} [小数点位数，places=2] * @returns undefined */ function dealMoney(mo
阅读全文
摘要：/** * @param {objectList} [arr=[]] [要对比的数组对象] * @param {string} [field] [每一项要对比的字段] * @returns {boolean} [isNotEqual] [返回boolean值每一项是否相等] */ getEqual(
阅读全文
摘要：需求：点击图片下载到本地。 方法一：直接最简单的html实现: <a href="/images/myw3schoolimage.jpg" download="w3logo"> 这种方法最简单，但是换成如下地址，图片地址与当前地址不同源的时候，此时点击会在新窗口打开这个图片地址，而不是下载。 <a
阅读全文
摘要：javascript高级程序设计第22章-高级技巧 22.1.3 惰性载入函数 因为浏览器之间行为的差异，多数 JavaScript 代码包含了大量的 if 语句，将执行引导到正确的代 码中，如下代码： function createXHR() { if (typeof XMLHttpRequest
阅读全文
摘要：以前讲闭包，只能死记硬背，不能理解，这几天看到了阮一峰老师的闭包笔记，对闭包加深了理解，做个笔记 一、变量的作用域 变量作用域：全局变量和局部变量。 javascript比较特殊，函数内部可以直接读取全局变量。 var n = 90; function f1() { alert(n) } f1();
阅读全文
摘要：##-元素拖拽原理： 1.鼠标按下时开始拖拽 2.记录按下时的鼠标位置 和 元素位置 3.移动后获取到鼠标的新位置 4.用鼠标的新位置 - 摁下时的鼠标位置 = 鼠标移动的距离 5.元素当前新位置 = 鼠标移动距离 + 按下时元素的位置 class Drag { // 构造函数 constructo
阅读全文
摘要：数据结构： let datas = [ { id: 1, checked: true, name: '第一阶段', children: [ { id: 2, checked: false, name: '第一章', children: [ { id: 3, checked: false, name:
阅读全文
摘要：// 冒泡排序原理： // 把第一项a和后一项b进行比较，如果a比b大，那么把第一项后移，第二项前移。 // 也就是把第一项变成b，把第二项变成a，依次循环，把每一项都执行一遍。 let arr = [1, 2, 4, 8, 5, 10, 9, 7, 6]; // 减1是为了最后一项不用再和后面的进
阅读全文
摘要：需求：表格数据，要求后台返回的数据中，每一行客户姓名连续相同时进行行合并。 需求原型： 解决方案： 首先看ant Table官网的demo，如何实现行合并： import { Table } from 'antd'; // In the fifth row, other columns are me
阅读全文
摘要：语法：arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) reducer 函数接收4个参数: Accumulator (acc) (累计器) Current Value (cur) (当前
阅读全文
摘要：// 每隔一分钟去请求页面数据，实现刷新
阅读全文
摘要：//修饰器是一个t函数，用来修改类的行为，修饰器对类的行为的改变是代码编译时发生，而不是执行时 // 修饰器能在编译阶段运行代码 //参数target就是所要修饰的类 function testTable(target) { target.isTestable = ture; } @testtabl
阅读全文
摘要：记录es6新增的实用数组去重的方法： 1简单类型： //ES6中新增了Set数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数，如： let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Set(arra
阅读全文
摘要：//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document.d
阅读全文
摘要：操作： （1）：在接诊记录列表页有搜索条件如姓名手机号，接诊时间和接诊类型。 （2）：输入搜索查询条件后，点击进去详情页。 （3）：在详情页点击返回列表按钮。 要求： 在列表页还回显跳转详情页时的搜索条件，且刷新页面后搜索条件重置为初始状态。 页面展示： （1）列表页面初始状态。 （2）：增加搜索条
阅读全文
摘要：都知道typeof null的值是object，那么为什么typeof null 的值是object呢。 《你不知道的javascript》中写到： 原理是这样的，不同的对象在底层都表示为二进制，在javascript中要是二进制前三位都是0的话就表示对象，而null的二进制都是0，那么前三位自然也
阅读全文
摘要：我们业务场景经常会有后台返回数据，然后从数据里面取属性值，es6有了默认值之后，可以直接数据取值，取不到或者没有直接返回的是默认值 抽空时间封装了一个取值的方法： /** * {}类型属性取值，属性嵌套取值，为空且不存在安全取值方法 * @param {obj} obj [要从取值的对象] * @p
阅读全文
摘要：输入卡号：622848110110634315 输出卡号：6228 4811 0110 0634 315 思路：输入一个字符串，分隔成数组，循环数组，如果到第四位就加分隔符号，否则还是自己。下面封装成一个方法，可以每任意位数添加任意分隔符 /** * 字符串分割公共方法 * @param str s
阅读全文
摘要：用clipboard.js实现文本复制 HTML render() { return ( <div> {/* 这边是要被复制的内容 */} <div ref={(el) => this.code = el}>{data.code}</div> {/* 复制按钮 */} <button ref={el
阅读全文
浙公网安备 33010602011771号