- 博客(19)
- 收藏
- 关注
RSS订阅
3原创 js数组降维的几种方法集合
1.递归//forEach循环判断添加法var li = [1, [[4, 5], 2, [6, [8], 7], [3]]];function ls(array) { var song = [] function lisong(array) { array.forEach(value => { value instanceof Array ? lisong(value) : song.pus...
2022-05-12 16:50:32
889
原创 vue中的路由守卫语法
全局守卫分别是全局前置守卫和全局后置守卫全局前置守卫router.beforeEach(to,form,next)=>{ //to:目标路由 // next()}
2022-05-12 15:48:53
532
转载 浅谈export和export default和import的作用和区别
一、概述在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。ES6中，在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等。二、export命令模块功能主要由两个命令构成：export和import。exp
2022-04-21 09:29:17
1408
转载 element UI 表格设置跨行
效果图<template> <el-table :data="scheduleList" :span-method="objectSpanMethod" border> <el-table-column prop="date" label="时间" width="200" /> <el-table-column prop="journey" label="行程" width="600" /> <el-table-co
2022-04-20 17:55:02
840
原创 vue组件传值的props传值验证
props传值验证props: { // 检测类型 height: Number, // 检测类型 + 其他验证 age: { type: Number, //验证类型 default: 0, //默认值 对象或数组的默认值必须从一个工厂函数返回 // 对象或数组默认值必须从一个工厂函数获取 default: function () { return { message: 'hello' }
2022-04-20 17:33:03
1557
原创 vue中的混入mixin
1.什么是混入混入 (mixin) ： 是一种分发Vue组件中可复用功能的非常灵活的一种方式。混入对象（mixins）是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、created、methods 、computed、watch等等。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。2.创建Mixins在src目录下创建一个mixins文件夹，文件夹下新建自己要定义的混入对象js文件。使用对象的形式来定义混入对象，在对象中可定
2022-04-19 11:28:51
831
原创 js的防抖和节流的封装
防抖（debounce) 防抖：在规定的事件内触发一次，开启一个定时器，延迟某个时间执行(500ms),如果在这500ms内，有再次触发事件，重新计数 防抖的目的：让高频发的事件，在规定时间内，触发1次 实现思路： 开一个定时器，事件延迟某个时间（30ms），如果在这30ms内再次触发整个事件，重新开始计数 基础实现 防抖：事件发生的时候开启定时器，开始计数(30)，如果在计数范围内又触发了事件，那就重新开始计数var timer;function chan.
2022-04-13 10:00:05
997
原创 生产环境取消console.log
在vue.config.js文件中设置configureWebpack: config => { //生产环境取消 console.log if (process.env.NODE_ENV === "production") { config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true; } else { config.devtool =
2022-04-06 09:52:11
990
原创 vue3的学习笔记~(vue3初始项目中和vue2初始项目的不同)持续更新
1.main.js的不同vue3引入的不在是Vue构造函数了引入的是一个名为createApp的工厂函数vue2vue2中每个组件需要一个根元素，vue3中不在需要可以直接写内容
2022-04-02 11:44:30
293
原创 vue3的学习笔记~(使用vue-cli创建vue3的项目)持续更新
Vue3相对于Vue2的提升1.性能提升- 打包大小减少41%- 初次渲染快55%, 更新渲染快133%- 内存减少54%2.源码的升级- 使用Proxy代替defineProperty实现响应式- 重写虚拟DOM的实现和Tree-Shaking3.Vue3可以更好的支持TypeScript4.新的特性 Composition API（组合API） 新的内置组件 新的生命周期钩子 data 选项应始终被声明为一个函数 移除keyCode支持
2022-03-30 15:36:43
1190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人