行屰

摘要： 1·join和split join将数组拼接为字符串 split将字符串转变为数组 结果的元素为字符串，可通过map遍历处理每一项 1 let temp = [1, [2, 3], [4, 5, [6, 7]]]; 2 let res = temp.join(',').split(',') 3 le 阅读全文

摘要： 1·new Set 解构 let res1 = [...new Set(arAr)] 2·new Set Array.from let res2 = Array.from(new Set(arAr)) 3·for循环 splice 1 let fn = (array) => { 2 for (let 阅读全文

摘要： 1.插入排序 1 let arr = [30, 5, 7, 60, 22, 18, 29] 2 let fn = arr => { 3 for (let j = 1; j < arr.length; j++) { 4 let current = arr[j] 5 let preIdx = j - 1 阅读全文

摘要： 1.align-items 对齐项目 项目只有单行的时候，对齐项目 与容器设置高度或者未设置高度 无关 可以使用align-self 重新定义某一个项目的值 align-items: center 项目在交叉轴的中间 align-items：flex-start 项目起始位置紧靠交叉轴的起始位置 a 阅读全文

摘要： 1.目录结构 2.分析 index中放置路由的基本配置 import { createRouter, createWebHashHistory } from 'vue-router' import routes from './routes' const router = createRouter( 阅读全文

摘要： 我们的思想是elementUi的组件需要单独放在自己的文件中单独管理 达到按需引入，减少elementui体积包的大小，达到性能优化 1.引入所需要的组件 import Vue from 'vue' import { Switch, Divider, Pagination, Dialog, Auto 阅读全文

摘要： 需求：在很多时候，我们的form表单并不是一个个写出来的，而是通过数据遍历渲染的，所以绑定的prop值 model值 rule值等等都不是常规的写法 1.常规 常规的写法： 绑定的数据格式： 但是现在，有很多输入表单，我们不会一个一个去写，而是通过数据了渲染（正应了VUE数据驱动试图？） 2.需要的 阅读全文

摘要： 1.全局安装vue-cli，vue的官方脚手架 npm install -g vue-cli 2. 初始化mpvue框架 vue init mpvue/mpvue-quickstart my-project 3.通过npm install下载插件 npm run dev 启动项目 在微信开发者工具中 阅读全文

摘要： 需求：手风琴效果（mouseover的函数防抖） 1.安装： npm install --save lodash 2.引入：import debounce from "lodash.debounce"; 3.使用： 1 <div class="home_box"> 2 <div 3 class="h 阅读全文

摘要： 配置前言 项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位前方有坑：UI框架部分组件使用JavaScript将css作为内联样 阅读全文

摘要： 需求：点击TAB,可以实现板块的快速定位，平滑滚动， 起初思路把买个TAB对应的页面当成单独的页面，所以方向错了，成了不同页面间的跳转，其实应该是一个页面中有不同的组件，每个组件占一屏，点击TAB锚点定位 1.锚点的平滑滚动 1.效果 图片质量差，凑活看吧，不知道怎么只播放一次 2.最外层：layo 阅读全文

摘要： 本例使用animate.css为路由切换添加动画，动过滚轮上下滚动切换路由 官网地址：animate.css 1.下载依赖 npm install animate.css –save 2. main.js中引入 import animated from ‘animate.css’ Vue.use(a 阅读全文

摘要： 1.安装 npm install swiper vue-awesome-swiper --save 注意：该安装方法安装的最新版的vue-awesome-swiper（@4），对应的是swiper6， 然而，swiper6仅仅与vue3兼容，swiper6的文档也是英文，问题可能不易解决 所以，我们 阅读全文

摘要： 只讨论JS 浏览器环境，不看node环境 一张用烂的图，但是很直观的表现了代码的执行顺序 执行宏任务 --> 执行当前一轮的event Loop中的微任务 --> 执行完开始下轮的宏任务 -> 开始执行当前一轮的event Loop中的微任务 宏任务： setTimeOut setInterval 阅读全文

摘要： 1 原型链继承 1：私有的name属性变公有（引用数据类型），（基本数据类型无影响） 2：无法传递参数 3：可以使用原型上的属性和方法 function SuperType (){ this.age = '18' this.name = ['xh', 'zz'] } SuperType.protot 阅读全文

摘要： 1.字符串的方法： 1 slice substring substr slice：截取字符串的某一部分。参数：（开始位置，结束位置）（start，end）， 1.如果大于0，则从前面计数，如果小于0，则从后面计数， 2.如果省略第二个参数，则会截取到字符串的尾部 substring：截取字符串的某一 阅读全文

摘要： 1.vue过滤器的使用，常用于多文本数据的格式化 <!-- 在双花括号中 --> {{ message | capitalize }} {{ 数据 | 过滤器 }} 过滤器函数接收表达式的值 (之前的操作链的结果) 作为第一个参数 过滤器可以传递参数 {{ message | filter('typ 阅读全文

摘要： 1. async async的返回 async function testAsync () { return 'hello' } console.log(testAsync()) testAsync().then(res => { console.log(res) }) hello promise. 阅读全文

摘要： map map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。 1 let arr = ['d', 's', 'r', 'c']; 2 let arr2 = arr.map(item => item 's') 3 console.log 阅读全文

摘要： 倒计时组件 template 1 <template> 2 <el-button class="captcha-img captcha-tel" :disabled="canClick"> 3 {{this.getAgain ? this.count + 's后获取': '发送验证码'}} 4 </ 阅读全文