JavaScript 数组方法之flatMap 是 JavaScript 数组方法之一,它将一个数组映射到另一个数组,并且可以通过返回的映射结果展平最终的数组。方法对原始数组中的每个元素执行了一个乘以2的映射操作,并将结果组成一个新数组。最终的结果是展平后的新数组。方法首先对原始数组中的每个元素执行一个映射操作,然后将结果数组展平成一个新的数组。,我们希望对每个元素进行乘以2的操作,并将结果展平成一个新数组。方法返回的是一个新的数组,原始数组本身不会被修改。举个例子来说明,假设有一个数组。
vuepress菜单栏使用请求接口的数据和编写的文档页面右侧添加 锚点导航栏 vuepress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器,基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具,在简单配置好功能后,需要做的事情就剩下写好一个个 Markdown 文档。
优化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
适用于ELment-UI级联多选框,数据回填,根据子节点的值查找完整路径 适用于ELment-UI级联多选框el-cascader,数据回填,根据子节点的值查找完整路径已知子元素id,怎么获取它所有的父元素?用递归实现/** * 查找匹配的完整路径 * id: 匹配的值 * data: 匹配的数组数据 * prop: 匹配的字段名 */ searchPath (id, data, prop) { var arrRes = []
vue-获取某个组件渲染的Dom根元素 function getComponentRootDom(comp, props){ const vm = new Vue({ render: h => h(comp, {props}) }) vm.$mount(); return vm.$el; }
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
字符串截取后两位,字符串转成数组,再转换位字符串 4.11号笔记 字符串去掉所有空格,转成数组,再转成字符串 var str = ' 你好! 世界 * * ' var arr = str.replace(/\s/g, "").split("");//去掉所有空格并转成数组 arr.splice(-2, 2); // 从最后面截取两位 str = arr.join("");// 转成字符串...
循环给对象创建属性名和属性值 4.7号笔记: ① 循环给对象创建属性名和属性值: data.forEach(item => { item.identity = identity; }) console.log(data);
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 管道名指令:
docker安装-环境阿里OS7安装 docker安装-环境阿里OS7安装官网地址第一步curl -fsSL https://get.docker.com -o get-docker.sh第二步sh get-docker.sh第三步-- 开启dockersystemctl start docker第四步–查看docker版本docker version欧克
vue的watch监听 Vue.js 有一个方法 watch,它可以用来监测Vue实例上的数据变动。如果对应一个对象,键是观察表达式,值是对应回调,值也可以是方法名,或者是对象,包含选项。<template> <div> <el-input v-model="demo"></el-input> {{value}} </div></template><script> export default { nam
字符串倒序 字符串倒序 ```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("");
各个浏览器以及内核 //IE :trident 简写:-ms- //Firefox :Gecko 简写:-moz- //Google chrome:webkit/blink 简写:-webkit- //Sefari:webkit 简写:-webkit- //opera:presto 简写:-o-
link引入和@import的区别 本质上, 这两种方式都是加载CSS文件, 但还是存在着细微的差别@import 机制不同于link,link是加载页面前css加载完毕,@import 是先读取文件再加载@import是css2.0里的 ie5以上不支持用js控制dom时改变样式,只能用link,@import不是dom能控制的最后一个很有意思,@import url有最大次数的限制,IE6最多引入31次,firefox并没有发现@import的优点: 多个样式表导入一个样式表中,页面只需要引入一个即可...
css样式引入的优先级 css选择器的优先级1 位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。2、第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。3、第三级的优先属性由<link/>标签所引入的样式表定义。4、第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。5、第五级优先的样式有用户设定。最低级的优先权由浏览器默认。...