aliven1的博客

【代码】编译结果处理的shell脚本。

2.通过对象的selectionStart获得鼠标的起始位置。1.通过$refs，获得vue对象；

定值路由滚动行为

beforeRouteUpdate，每次路由更新前执行。

vueUse适用于Vue 3和Vue2.7版本之后。

吸顶导航关键样式，关键是控制show样式。

1.去掉mutation,2.去掉了modulesd 概念，每一个store都是一个独立的模块3.模块提供组合式API

有时候我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用命名 chunk，一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块中。

合并表格之后，受影响的数据行或者列，要使用return重置。

bug1:自定义列中，select，胶囊选择器，切换时可能会意外触发end事件，需要配置filter，过滤不触发的元素。vue中draggable拖拽列表的使用。【想看官网的这里来】

vue中全局的防抖

2.permission.js中通过vuex中getters.access_token进行路由的重定向。1.在main.js中引入permission.js。直接import ‘.permission’

在data中通过v-model绑定的对象或者变量必须有值，不能未定义，否则无法修改，即对应的对象必须显式的定义键和值。

借助 vue-router 提供的 scrollBehavior，来管理组件滚动行为。

avue-crudref=“crud”//表格常用事件@on-load=“getList”//这个事件会在表格所在的组件加载时就会执行后面的getList方法，初始化表格数据。

比方说，elementui中的dialog组件，它有个prop 叫visible，在使用该组件的时候，我们希望点击dialog 右上角的x号，或者点击遮罩层，隐藏dialog。但是我们没法在子组件去直接修改父组件绑定visible属性的变量，按照规则，我们需要在dialog里。.sync 修饰符其实是个双向绑定的语法糖，一般用于“双向绑定”props的时候，类似v-model。一个事件，然后在父组件的处理方法中去修改该值，但是这样写太麻烦了，因此，我们使用了。修饰符，然后约定子组件使用。

假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象，在用户输入时，v-model 会试图直接修改 obj.message。在严格模式中，由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。

vuex中state，mutations的隔离-使用createNamespacedHelpers

elementui的隐藏组件el-scrollBar-自定义滚动条组件。

$ listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on="$listeners" **将所有的事件监听器指向这个组件的某个特定的子元素**。（相当于子组件继承父组件的事件）

一键复制-execCommand

1.toolTip：配置grid的containerlabel为false，图的大小不会因为y轴数据的切换，导致尺寸变化，引起tooltip错位。2.xAxisIndex和yAxisIndex：series中的数据对象定义数据使用哪个轴，0开始，即是使用第一个轴，2使用第三个轴。

avue中crud清空表格selection的多选

这其中使用到$router实例的方法，在main引入router.js文件时使用对应插件定义：this.￥route.￥avueRoute自定义路由的数据对象。2.routerBar内部的钩子函数，使用vuex的action方法，获取动态路由配置，存储到router中，并且缓存本地。1.路由设置中设置指定页面都使用固定的视图组件，复用布局里面的导航routerBar，router-view。

avue的操作，搜索，和table列的自定义

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。

textbus:富文本开发框架。

前两天干活儿有个需求，在前端需要展示可折叠的Json树，供开发人员查看，这里采用JsonView组件来实现，它是一款用于展示Json的Vue组件，支持大体积的Json文件快速解析渲染，下面记录一下实现过程。Vue之使用JsonView来展示Json树。

NProgress。

等待异步组件时渲染一些额外内容，让应用有更好的用户体验使用步骤：异步引入组件，使用defineAsyncComponent定义异步组件使用包裹组件，并配置好与

打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking…Composition API（组合API）新的内置组件其他改变官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create2.使用 vite 创建官方文档：https://v3.cn.vuejs.org/guide/installation.html

elementUI按需加载

vue学习笔记

// 移动端真机调试工具 vconsoleimport VConsole from "vconsole";import Vue from "vue";// 动态使用VConsoleif(process.env.NODE_ENV==='production'){ if(process.env.VUE_APP_BASEURL.includes('test')||process.env.VUE_APP_BASEURL.includes('pre')){ Vue.prototype

hammer,vue,移动端缩放

.env.devNODEV_ENV='dev'VUE_APP_BASEURL='/api'.env.productionNODEV_ENV='production'VUE_APP_BASEURL='https://test.bgo.com.cn'vue.config.js中的servemodule.exports = defineConfig({ publicPath:'', devServer:{ proxy:{ [process.env.VUE_APP_BA

"scripts": { "serve": "vue-cli-service serve --mode dev", "test": "vue-cli-service build --mode dev", "build": "vue-cli-service build --mode dev", "lint": "vue-cli-service lint" },1.mode dev：方便查看运行代码的错误行号；2.test，js会编译成单文件3.build会按生产编译

“pdfjs-dist”: “^2.4.456”vue2<template> <div id="cpdf" class="cpdf"> <div class="center"> <div class="contor"> <button @click="prev">上一页</button> <button @click="next">下一页</button&gt

例如我开发一个用于前端应用监控的sdk，它能在小程序，微信浏览器，app内webview中工作，我带10个人开发，第一步肯定是要做一个基本架构，这个架构要能够处理代码的耦合，不同端的共性，提供不同端sdk都会用到的抽象类抽象方法，所以这个部分会提取为一个core包然后我派三个人分别开发browser，mini和webview包，他们都引入这个core。过了几天我规定好数据上报到服务端的方式，于是我在core包中添加transport类，其他各端的sdk基于transport类分别实现对应的上报方法，we

https://www.gjtool.cn/archives/pdfh5