js
关注
分享
扫一扫
知知洋洋
西安市雁塔区
展开
-
vue click.stop解决父元素和子元素，互相影响的点击事件
【代码】vue click.stop解决父元素和子元素，互相影响的点击事件。原创 2023-02-20 10:57:31 · 1122 阅读 · 0 评论 -
tree自定义图标操作和长度显示
tree自定义图标操作和长度显示。原创 2022-11-28 11:32:04 · 411 阅读 · 1 评论 -
es6 用法总结3（对象）
Object.assign()： 忽略enumerable为false的属性，只拷贝对象自身的可枚举的属性。Object.keys()：返回对象自身的所有可枚举的属性的键名。JSON.stringify()：只串行化对象自身的可枚举的属性。in循环：只遍历对象自身的和继承的可枚举的属性。原创 2022-10-24 11:45:57 · 972 阅读 · 0 评论 -
es6 用法总结2（数组）
es6 数组用法原创 2022-10-11 10:37:02 · 89 阅读 · 0 评论 -
es6 用法总结1（字符串，数值，函数）
ES6 常用方法总结原创 2022-09-26 17:51:57 · 470 阅读 · 0 评论 -
前端代码 安全配置 Content-Security-Policy(csp)
我们vue项目举例1.找到修改的目标文件2.添加Content-Security-Policy策略 <meta charset="utf-8" http-equiv="content-security-policy" content="script-src 'self' ; object-src 'none'; style-src 'self' ; ">3.如果报错的处理4.根据描述添加新的策略 <meta charset="utf-8" http-equi原创 2022-01-13 15:03:11 · 6094 阅读 · 0 评论 -
js react vue 实现 xml转json json转xml
实现原理 x2jsGitHub开源库：https://github.com/abdolence/x2js使用方法一个2个步骤1.项目中创建公共组件使用创建一个公共组件使用，代码直接复制就可以/* Copyright 2011-2013 Abdulla Abdurakhmanov Original sources are available at https://code.google.com/p/x2js/ Licensed under the Apache License, Versi原创 2021-12-16 15:56:47 · 817 阅读 · 0 评论 -
屏幕适配 媒体查询的基本用法
可以复制代码直接查看效果，html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-03 17:19:00 · 238 阅读 · 0 评论 -
js 前端常见的校验
开头可以为零的正整数，且不可以01、02、00这样的 const reg = /^([1-9]\d*|0)(\.\d*[1-9])?$/ 开头不为零的正整数 1212、1、3434 const reg = /^[1-9]{1}[0-9]*$/ 身份证校验 const reg = /(^\d{15}&)|(^\d{18})|(^\d{17}(\d|X|x)$)/; 手机号校验 const reg = /^1[3456789...原创 2021-08-12 11:33:55 · 1454 阅读 · 0 评论 -
使用百度地图示例， html页面不生效问题
百度地图文档使用地址：https://lbsyun.baidu.com/index.php?title=jspopularGL申请密钥地址：https://lbsyun.baidu.com/apiconsole/key?application=key#/home示例中心地址： https://lbsyun.baidu.com/jsdemo.htm#aCreateMap进入示例中心直接复制代码，引入自己的ak，不生效。示例提示修改后代码 请求加上https: 就可以了...原创 2021-06-08 10:11:14 · 627 阅读 · 0 评论 -
根据数组中对象属性值大小 进行排序
根据数组中对象属性值排序最近在工作中遇到要利用数组里面对象的某个属性值进行排序。使用arr.sort()和函数结合的方法处理1.需要处理的数据var data=[{name:"xiaoming",age:13,weight:20,},{name:"liming",age:23,weight:21},{name:"zhangming",age:8,weight:66}] 1.定义一个函数function creatCompare(propertyName) { return原创 2021-06-07 15:38:37 · 1583 阅读 · 0 评论 -
数组方法的总结 js es6
处理数组方法的总结按是否会修改原数组分成两大类。改变原数组的方法push/pop方法push:在数组尾部添加元素，会增加数组的长度pop:在数组尾部取出元素，会减少数组的长度var arr = [1, 2, 3, 4, 5];arr.push(6);console.log(arr); // [1, 2, 3, 4, 5, 6]let b = arr.pop();console.log(arr); // [1, 2, 3, 4, 5]console.log(b); // 6值得注原创 2021-05-27 10:15:18 · 225 阅读 · 0 评论 -
js 修改动态节点的属性、类名、图片的路径
这里写自定义目录标题js 修改节点的属性、类名、图片的路径动态节点通过index动态命名id修改节点的属性、类名修改节点的img路径js 修改节点的属性、类名、图片的路径使用原生js 动态修改动态节点的属性、类名、图片的路径动态节点通过index动态命名idreact<div className="viso-name" id={`viso-name${index}`} > <img id={'img'${index}} src=原创 2021-05-25 10:11:59 · 529 阅读 · 0 评论 -
判断是否是数组的方式 js
判断是否是数组的方式var a = [];typeof a//返回“object”Array.isArray(a)//返回truea instanceof Array;//返回trueObject.prototype.toString.call(a) === ‘[object Array]’;//返回true原创 2021-05-07 15:11:25 · 297 阅读 · 0 评论 -
js 递归的基本使用
js 递归的基本使用什么是递归递归的本质就是函数本身中自己调用自己打个比方，你在山谷里喊一声‘你好’，就会听到无数个‘你好’。递归也一样当自己调用自己时候，回无限循环下去。当然，声音不会永远的持续下去，因为每一次传递都会有能量的损失，当能量为0时，也就没有声音了。所以递归一旦写出，一定要有一个参考值（能量），设置停止条件，否则一直调用，电脑内存一直占用，直到死机。使用案例当使用递归时候，往往会有一个隐形的链式数据结构。不同 的项目处理形式也不一下，这个只是做一个简单的列举下面展示一些 内联原创 2021-05-06 15:22:09 · 216 阅读 · 0 评论 -
js react vue 生成随机数 uuid
js react vue 生成随机数使用uuid生成随机数使用方法拓展使用uuid生成随机数我们在前端项目中经常需要自动生成随机数做业务id,一般都是写函数实现。比较麻烦，java中有uuid使用，其实前段也可以直接使用使用方法1.下载依赖npm install uuid2.引入依赖import { v4 as uuidv4 } from "uuid2.直接使用const id =uuidv4()console.log(id)e6a2f201-f720-4e98-8fea-7f4731原创 2021-04-30 09:15:29 · 3392 阅读 · 0 评论