随笔分类 - js
摘要：近期在项目中使用ant design 的tree组件时，由于数据量大的时候，开启了虚拟滚动，导致快速滚动时页面出现空白现象，如下图： 仔细排查了一下具体原因，是antd tree的bottom和scroll top计算没算对，导致多滚动了一段距离，仔细排查发现，antd tree依赖了rc-tree
阅读全文
摘要：实现效果： React实现搜索组件，基于antd。 index.js文件 import React, { useState, useEffect } from 'react'; import { Menu, Dropdown, Input } from 'antd'; // 引入antd需要用到的组
阅读全文
摘要：一、冒泡排序 排序规则：比较相邻元素，符合比较条件，交换位置较大的往后排，反复比较交换，直到所有数据都符合排序条件，得出排序效果，结束排序。 稳定性：稳定 排序动态示意： 代码实现： var arr = [3,4,1,2,21,5,15,6,63]; function BubbleSort(ary)
阅读全文
摘要：最近需求中，IE浏览器需要做一些特殊处理，所以封装了一个判断是否是IE浏览器的方法。 // 获取浏览器内核，通过内核判断 export const detectIE = () => { // 获取浏览器信息 const ua = window.navigator.userAgent; // MSIE
阅读全文
摘要：HTML DOM addEventListener() 方法 和 HTML DOM removeEventListener()某些浏览器还是存在兼容问题，以下封装了这两个方法： // Events // on(node, eventName, handler, [capture]): capture
阅读全文
摘要：实现超过多少行的判断方法很多，统一写了一个公用的通用方法。逻辑是在body中插入一个dom节点，然后把判断行的行数，字体样式，拿过来赋值到新增dom节点进行对比判断。 运用场景, 例：文字超过三行出现 ... 和tooltip提示 等等。 具体实现方法： export const isElement
阅读全文
摘要：高阶函数( Higher-order function )：JavaScript的一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 例子： function addition(x,y,z) { return z(x) + z(y); } addition(-3, -4, Math.a
阅读全文
摘要：let arr = [1, 1, 2, 2, 3, 4, 3, 4, 5, 5]; 一、indexOf()方法： let newArr = []; for (let i=0; i<arr.length; i++) { if (newArr indexOf(arr[i]) -1) { newArr.p
阅读全文
摘要：日常日期存储中，浏览器-->server端-->服务器 数据库时间是utc时区，会和本地北京时间相差8小时。 解决方案一： 将数据库date类型改为string类型，这样简单方便😊 解决方案二：转为（moment.js）utc类型存入数据库 ( 1 ) 在前端页面选取时间时，将选取时间通过meme
阅读全文
摘要：You Don't Know JS 是最近比较火的一本js电子书，它深入探讨了Javascript语言核心机制，每次读都有不一样的收获，建议大家读一下。 PDF 英文版下载链接: https://pan.baidu.com/s/1Cxzjl2744qgeaY6nJBOZUQ 提取码: wjmd 中文
阅读全文
摘要：图片实例: 简介： QRCode.js 是一个生成二维码的JS库。主要是通过获取 DOM 的节点,再通过 HTML5 Canvas 绘制而成,不依赖任何库。 用法： 1. 在项目中引入qrcode.min.js文件。 js文件网盘地址: https://pan.baidu.com/s/1kHB90F
阅读全文
摘要：我们在js中经常看到this这个关键字，那么他是什么呢？它可以是全局对象、当前对象，也可以是任意对象，函数的调用方式决定了 this 的值。 1. 方法中的this。 在对象方法中， this 指向调用它所在方法的对象。例如： 在这里，this 表示 information 对象。all 方法所属的
阅读全文
摘要：点击预览大图并滑动观看，支持手机端和pc端,具体功能如下图： 一. touchTouch 的js和css 以及jquery依赖库 二.写入html结构，注意，此处图片需要以background-image的形式插入，a 的href值也是图片地址。 三.给结构加入自己想要的样式。 四.在script中
阅读全文
摘要：今天简单写了一个jq版购物车计算金额总和的例子，如图： 整体页面代码如下：
阅读全文
摘要：日常编程中，我们可能会碰到项目中的分享功能，各大平台都有分享接口和文档说明，当然也有一些一键分享插件，例如：sosh，iShare.js等等 但有些同学不想引用插件，那么我整理了一些常用的分享至平台功能，以供参考。 html结构: 注：分享至微信 您需要在css中将二维码隐藏，通过hover 微信图
阅读全文
摘要：轮播是我们在编写页面中经常遇到的模块，所以网上也会有各种有有关轮播图的插件。今天忽然间看到了swiper上一个高颜值的轮播功能，顺便做一下分享。 首先页面在head内要先引用 swiper的css 和 js库，注意版本：3.4.2版 html模块： css模块（包含了手机版本适应）： js模块： 具
阅读全文
摘要：今天碰到一个需求，页面上有“点击上传”的按钮，点击可以执行上传事件，从桌面拖拽图片拖拽到任何地方，都可以执行上传，且不影响点击按钮事件。下面是简单示例： 简单示例如下：
阅读全文
摘要：使用js去除字符串内所带有空格，有以下三种方法： ( 1 ) replace正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格：str
阅读全文
摘要：在平常活动开发当中，经常会碰到抽奖等类似的js功能，那么下面我们随机取数组中的一条来展示出来。 ( 一 ) 无概率问题
阅读全文
摘要：1.原型链继承 JavaScript实现继承的基本思想：通过原型将一个引用类型继承另一个引用类型的属性和方法。 实例： 2.借用构造函数继承(伪造对象或经典继承) JavaScript实现继承的基本思想：在子类构造函数内部调用超类型构造函数。 通过使用apply()和call()方法可以在新创建的子
阅读全文
浙公网安备 33010602011771号
