- 博客(24)
- 收藏
- 关注
RSS订阅原创 JavaScript 数组方法之flatMap
是 JavaScript 数组方法之一，它将一个数组映射到另一个数组，并且可以通过返回的映射结果展平最终的数组。方法对原始数组中的每个元素执行了一个乘以2的映射操作，并将结果组成一个新数组。最终的结果是展平后的新数组。方法首先对原始数组中的每个元素执行一个映射操作，然后将结果数组展平成一个新的数组。，我们希望对每个元素进行乘以2的操作，并将结果展平成一个新数组。方法返回的是一个新的数组，原始数组本身不会被修改。举个例子来说明，假设有一个数组。
2024-01-31 11:47:05
1394
原创 vuepress菜单栏使用请求接口的数据和编写的文档页面右侧添加 锚点导航栏
vuepress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档。
2024-01-03 10:35:44
1351
原创 JS深度克隆和浅度克隆
JS中实现对象克隆的方法经常用于对象复制、数据缓存等场景。在JavaScript中，可以通过两种方法实现对象的克隆：浅拷贝和深拷贝。
2023-11-20 14:59:18
196
1
原创 嵌套Promise，forEach循环验证多个表格或表单数据
用于场景，验证多个表格必填选项嵌套Promise，forEach循环验证多个表格或表单数据
2022-06-24 13:52:08
432
转载 优化JS代码的34种方法（上）
优化JS代码的34种方法（上）1.含有多个条件的if语句//longhandif(x === 'abc' || x === 'def' || x === 'ghi' || x == 'jkl'){ //logic}//shorthandif(['abc','def','ghi','jkl'].includes(x)){ //logic}2.if…else的缩写法当我们在if-else条件下的逻辑比较简单时，我们可以使用三元条件运算符。//longhandlet tes
2021-12-15 17:55:25
1158
转载 适用于ELment-UI级联多选框，数据回填，根据子节点的值查找完整路径
适用于ELment-UI级联多选框el-cascader，数据回填，根据子节点的值查找完整路径已知子元素id,怎么获取它所有的父元素？用递归实现/** * 查找匹配的完整路径 * id: 匹配的值 * data: 匹配的数组数据 * prop: 匹配的字段名 */ searchPath (id, data, prop) { var arrRes = []
2021-11-17 09:55:00
366
原创 vue-获取某个组件渲染的Dom根元素
function getComponentRootDom(comp, props){ const vm = new Vue({ render: h => h(comp, {props}) }) vm.$mount(); return vm.$el; }
2021-08-27 09:52:36
606
转载 rem.js常用代码
rem.js(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust body font size // 设置 em 默认字体所对应的大小 function setBodyFontSize() { if (document.body) { document.body.st
2021-05-06 08:53:51
212
原创 字符串截取后两位,字符串转成数组，再转换位字符串
4.11号笔记 字符串去掉所有空格，转成数组，再转成字符串 var str = ' 你好！ 世界 * * ' var arr = str.replace(/\s/g, "").split("");//去掉所有空格并转成数组 arr.splice(-2, 2); // 从最后面截取两位 str = arr.join("");// 转成字符串...
2021-04-12 08:33:52
308
原创 循环给对象创建属性名和属性值
4.7号笔记： ① 循环给对象创建属性名和属性值： data.forEach(item => { item.identity = identity; }) console.log(data);
2021-04-08 08:50:43
1068
原创 Angular常用命令行和指令
命令行:命令行含义简写ng new 包名生成项目包ng n 包名ng serve启动项目, 端口号4200ng sng serve --open启动项目 并 在默认浏览器自动打开ng s -ong generate component 组件名生成组件ng g c 组件名ng generate directive 指令名生成指令ng g d 指令名ng generate pipe 管道名生成管道ng g p 管道名指令:
2021-01-29 08:47:45
443
原创 docker安装-环境阿里OS7安装
docker安装-环境阿里OS7安装官网地址第一步curl -fsSL https://get.docker.com -o get-docker.sh第二步sh get-docker.sh第三步-- 开启dockersystemctl start docker第四步–查看docker版本docker version欧克
2021-01-05 13:53:54
332
转载 vue的watch监听
Vue.js 有一个方法 watch，它可以用来监测Vue实例上的数据变动。如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。<template> <div> <el-input v-model="demo"></el-input> {{value}} </div></template><script> export default { nam
2020-12-28 18:53:36
161
1
原创 字符串倒序
字符串倒序 ```js var str = "helloworld"; arr = str.split(""); //将str打散为数组 //["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"] arr.reverse(); //使用数组方法，//["d", "l", "r", "o", "w", "o", "l", "l", "e", "h"] arr=arr.join("");
2020-11-30 22:16:28
129
原创 各个浏览器以及内核
//IE :trident 简写:-ms- //Firefox :Gecko 简写:-moz- //Google chrome:webkit/blink 简写:-webkit- //Sefari:webkit 简写:-webkit- //opera:presto 简写:-o-
2020-11-24 17:30:43
165
原创 link引入和@import的区别
本质上, 这两种方式都是加载CSS文件, 但还是存在着细微的差别@import 机制不同于link，link是加载页面前css加载完毕，@import 是先读取文件再加载@import是css2.0里的 ie5以上不支持用js控制dom时改变样式，只能用link，@import不是dom能控制的最后一个很有意思，@import url有最大次数的限制，IE6最多引入31次，firefox并没有发现@import的优点： 多个样式表导入一个样式表中，页面只需要引入一个即可...
2020-11-23 13:58:17
311
原创 css样式引入的优先级
css选择器的优先级1 位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。2、第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。3、第三级的优先属性由<link/>标签所引入的样式表定义。4、第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。5、第五级优先的样式有用户设定。最低级的优先权由浏览器默认。...
2020-11-23 10:12:27
1844
原创 boot栅格布局
栅格布局使用boot必须熟练使用的三个知识点,媒体查询, 栅格布局,scss为什么要使用栅格布局? 项目中做布局的方式table布局css+html布局栅格布局简单,容易控制语义正确,渲染效率高简单(类似于table)非常容易控制,渲染效率高,语义正确,支持响应式效率低,语义错误控制比较麻烦复杂页面不适合使用栅格栅格,就是把所有的布局,看做一行每行中独立的布局, 看做一行的列,通过控制列数, 来控制布局占的宽度row 弹性 , X轴
2020-11-23 08:58:54
196
原创 boot-1学习
学习Bootstrap-1Bootstrap介绍一. 响应式布局(css3的技术)1. 什么是响应式2. 响应式网页必要的要求3.移动设备的适配 --视口-- 这部分在pc端上没用二.Bootstrap1.起步2.全局cssBootstrap介绍bootrap简称boot,是一个简洁的,直接的,强悍的,直接的一个框架,这是官方对它的描述.主要用于响应式和移动端的布局.bootstrap是封装了一些常用的css样式和js脚本(也就是说已经帮我们写好了,用的时候引用就可以了),例如一些滚动条,菜单,模态框,
2020-11-21 18:26:41
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人