javaScript
javascript 开发小技巧
厚渡
厚积薄发 渡人渡己
展开
-
img图片丢失后默认图
这时候我们并没有给src属性赋值,导致触发onerror事件,执行了其中的js。我们在使用img标签时经常会遇到图片丢失等情况,我们可以给图片设置一个默认图。原创 2022-10-31 18:00:24 · 391 阅读 · 0 评论 -
web前端 js将Buffer转成图片 非nodejs
【代码】web前端 js将Buffer转成图片 非nodejs。原创 2022-10-28 14:44:41 · 2344 阅读 · 0 评论 -
使用js写CSS
第一种引入第三方样式。原创 2022-07-16 14:22:22 · 1077 阅读 · 0 评论 -
鼠标事件-事件对象
标题事件对象归纳原创 2022-07-07 22:41:08 · 170 阅读 · 0 评论 -
FormData使用方法详解
FormData的主要用途有两个:1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象://通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","value");//通过get方法对值进行读取console.log(formdat原创 2022-04-02 14:02:01 · 1742 阅读 · 0 评论 -
uni-app 请求封装成axios axios原理
uni-app 请求封装成axios由于原生的uni-app的请求没有拦截守卫, 我用的不爽。 于是自行封装了请求使用参数 与 uniapp使用一致https://uniapp.dcloud.io/api/request/request?id=request// 主代码export class Dwp_axios { constructor(arg) { this.createOption = Object.assign({ url: "", header: {}, m原创 2021-10-16 21:26:56 · 1973 阅读 · 0 评论 -
js 随机名称
js代码实现随机名称没啥技术含量 但是 实用. class RandomClass { // 随机整数 static randomNum = function (min = 0, max = 10) { return Math.round(Math.random() * (max - min)) + min; } static randomName = functio.原创 2021-08-04 14:34:16 · 4245 阅读 · 0 评论 -
for循环与forEach的区别
做爬虫的时候需要间隔时间, 这个时候建议用原生的for循环。原创 2021-07-30 00:24:01 · 5774 阅读 · 0 评论 -
前端导出 xlsx文件
在前端开发中, 我们经常遇到产品提出过分的要求, 比如: 前端导出xlsx。。。。没办法接到就要干基于代码库如下:npm i cnpm i xlsx-style具体代码如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view原创 2021-07-03 22:29:44 · 6723 阅读 · 0 评论 -
sku的处理 电商SKU
sku的处理sku电商项目,里面的规格之类。在没有想法的时候写着确实费劲。完成后的效果文件路劲示意图html文件index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor原创 2021-04-24 20:34:26 · 6221 阅读 · 5 评论 -
一窜代码注册文件所有组件
import Vue from 'vue'/** * directory=./ 扫描 当前目录下面所有的文件 * useSubdirectories = false, 表示不需要递归扫描所有子文件夹 * regExp=/\.vue$/ 代表扫描所有.vue 结尾的文件 */const context = require.context('./', false, /\.vue$/)/** * context.keys() 返回所有匹配到的文件路径 */context.keys().for原创 2021-03-29 18:36:08 · 5506 阅读 · 0 评论 -
axios 的简单配置
配置axios的文件源码 (简单配置)import axios from 'axios'import { Toast } from 'vant' // 弹框 自行调换import store from '@/store'import router from '@/router'// 全局配置const request = axios.create({ timeout: 10000, // 请求的超时时间 headers: { 'X-Requested-With': 'XM原创 2021-03-11 12:02:16 · 5614 阅读 · 0 评论 -
js 数组的常用方法 数组 循环
js数组的常用方法干货满满var arr = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9);// ################# 增加 var length = arr.push(10); // push()返回数组中元素的个数,向数组尾部中增加元素,有多少加多少,原数组发生改变。arr.unshift(0); // 返回数组中元素的个数向数组的头部增加元素,括号中有多少就加多少,原数组发生改变// ################ 删arr.pop原创 2021-03-04 18:44:53 · 6515 阅读 · 1 评论 -
javascript Promise使用与小结
快过年了, 大家新年好。我今天刚好有时间, 在群里面老有人问 一些vue 什么的配置 请求配置什么的其实其中大部分问题的核心 就是promise。简绍像知道promise 那么有些 关键词也得了解一下。一、 同步异步 什么是同步异步呢?害! 别的语言我不是特别了解, 但在js中 有一个代码执行顺序,正常代码 是由上而下的执行代码 (一下代码只为证明代码是自上而下执行的)代码1 代码如下// 简单一般代码let name = "my name is ";console.log('Pri原创 2021-02-05 09:41:39 · 5654 阅读 · 1 评论 -
js 字符串常用方法 切割 搜索 验证 替换
终于有时间总结一下常用的字符串方法了,好多时候 老是想用 却 老是忘记。 烦了毁灭吧!跳过像 一些length的属性 我就不记录了prototype 允许向对象添加属性和方法constructor 返回创建字符串属性的函数字符串 切割split(String) 把字符串分割为子字符串数组参数是字符串// 不会改变 字符串本身 返回结果是 一个数组let name = "hello Dwp"name.split(' '); // ["hello", "Dwp"]// 这也是切割原创 2021-02-04 14:50:27 · 5957 阅读 · 0 评论 -
常用 正则 手机号 邮箱 身份证正则
校验数字的1 数字:^ [0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数:^(-)?\d+(.\d{1,2})?$8 正数、负数、和小数:^(-|+)?\d+(.\d+)?$9 有两位小数的正实数:^ [0-9]+(.[0-9]{2})?$原创 2021-02-04 14:46:18 · 5899 阅读 · 0 评论 -
js 随机数 随机颜色 随机
随机数的生成Math.random() // 产出 0.0 - 0.1之间的 伪随机数字 Number类型至于为什么叫伪随机呢, 这个感兴趣的自己了解把。生成 固定区间的随机数 n-(n + m) 之间的随机数// 公式 Math.random()*(m-1)+nMath.random() * 5; // 0 至 5 无限接近 0 或者 5Math.random() * 5 + 2; // 2 至 (2 + 5) 无限接近 2 或者 (2 + 5)生成 固定区间的随机整数 n-m原创 2021-01-27 15:14:01 · 5957 阅读 · 3 评论 -
vue 建立 全局变量 全局访问
有个问题我还是想深入研究一下就是关于 vue 中全局变量这个概念 和实现方法的探讨不少人想都没想, 直接用vuex啊。对啊, 我也是这个样想的 直接用vuex不就啥事没有了。vuex支持 定义 修改。还会实时刷新, 用来记录状态 再好不过但是其他方式 还是有它的优势的。方法一 (Vue.prototype)最简单的方法, 也是最常见的// main.jsimport axios from 'axios'// 挂载全局方法Vue.prototype.$http = axios;Vu原创 2021-01-25 15:11:27 · 6125 阅读 · 0 评论 -
Object克隆的补充与总结
由文章一可以得到的几种结论再深入了解前一期也简单的讲了一下克隆对象,这个确实挺费劲的。我们再重新了解一下JavaScript的类型在 js 中一切实例皆是对象,具体分为 原始类型 和 合成类型 :原始类型 对象指的是 Undefined 、 Null 、Boolean 、Number 和 String ,按值传递。合成类型 对象指的是 array 、 object 以及 function ,按址传递,传递的时候是内存中的地址。克隆或者拷贝分为2种: 浅度克隆 、 深度克隆 。浅度克隆 :基本原创 2021-01-18 16:41:29 · 5797 阅读 · 0 评论 -
js 对象的深拷贝, 与浅拷贝
在学习js的时候,最容易翻车的就是对象没有深拷贝, 而出现莫名其妙的bug。一时间还在想是不是逻辑有问题。本期,我花了点时间总结归纳了一下我们先定义一个对象 作为被克隆的对象let obj1 = { name: "dwp1", age: 18, faceScore: "up",};浅拷贝let obj3 = obj1;// 这个时候 obj1, obj3 是一样的, 没有问题console.log("obj1, obj3 是一样的, 没有问题", obj1, obj3);o原创 2021-01-18 11:13:05 · 5953 阅读 · 0 评论 -
Js模块化导入导出
Js模块化导入导出导出1:// 1.jsvar a = 1;var b = function(){ console.log(a);}module.exports = { a: a, b: b}导入1:// 1-1.jsvar m1 = require("./1.js")console.log(m1.a); // 1m1.b(); // 1or(es6)// 1-2.jsimport m1 from './1.js'console.log(m1.原创 2021-01-15 16:56:55 · 5922 阅读 · 0 评论