灬Manong 博客

读取，操作并写入电子表格数据和样式到 XLSX 和 JSON 文件。一个 Excel 电子表格文件逆向工程项目。

Web Worker 为 Web 内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，它们可以使用 XMLHttpRequest（尽管 responseXML 和 channel 属性总是为空）或 fetch（没有这些限制）执行 I/O。一旦创建，一个 worker 可以将消息发送到创建它的 JavaScript 代码，通过将消息发布到该代码指定的事件处理器（反之亦然）。

service worker 本质上是充当代理服务器的角色，位于 Web 应用程序、浏览器和网络（如果有可用）之间。service worker 旨在实现以下功能：创建有效的离线体验、拦截网络请求并根据网络是否可用采取适当的行动、更新服务器上的资产，以及允许访问推送通知和后台同步 API。

为开发服务器配置自定义代理规则。期望接收一个 { key: options } 对象。如果 key 值以 ^ 开头，将会被解释为 RegExp。configure 可用于访问 proxy 实例。

通过 `resolve.alias` 来设置模块路径别名。

如果您使用的是 vue-i18n 软件包，您可以非常容易地将其与 Vuetify 集成。这让你可以将所有的翻译都保存在一个地方。只需在你的消息中为 $vuetify 创建一个条目，然后添加相应的语言更改。然后通过提供一个自定义翻译功能将 vue-i18n 与 Vuetify 挂钩（如下图所示）。欲知所有可用按键的完整列表，请 [导航这里](#creative-a-translation)。

PNPM的安装与使用

常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长

VSCode升级后，npm窗口不见了、VSCode 设置中文

因为Node.js的版本众多，开发时不同的项目可能会使用不同的版本，每次面对不同的项目都要重新安装，版本的切换十分麻烦。

获取当前日期（年月日 时分秒）/ 校验数据日期距离当前多少天 / 判断哪个日期为最早日期

项目中常用表单校验规则，组件中常用rules校验

javascript 的深拷贝与浅拷贝

数组几种不错的操作方法，让代码更容易控制

前因webpack 自身可以自动加载JS文件，就像加载JSON文件一样，无需任何 loader。可是，加载的JS文件会原样输出，即使JS文件里包含ES6+的代码，也不会做任何的转化。那么我们就需要Babel帮忙了，Babel 是一个 JavaScript 编译器，可以将 ES6+ 转化成 ES5。在Webpack里使用Babel，需要使用 babel-loader依赖安装npm install -D babel-loader @babel/core @babel/preset-envbabel-

regeneratorRuntime is not defined

报错正文vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot assign to read only property '0' of object '[object Array]'"found in---> [....文件代码忽略]vue.runtime.esm.js?2b0e:1897 TypeError: Cannot assign to read only pro

报错内容vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置 行:1 字符: 1+ vue -v+ ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException解

一、单个项目多环境配置1.在根目录创建一下文件.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境配置文件 development 模式用于 vue-cli-service serve.env.production 生产环境配置文件 production 模式用于以下两个script命令 vue-cli-service build vue-cli-service test:e2e.env.test

介绍Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。点击看这个吧从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFget请求axios.get('/user', {params: {ID: 1111}}).then(function (response) { console

基础语法定义data//script标签上 **lang="ts"**<script lang="ts">import { defineComponent, reactive, ref, toRefs } from 'vue';//定义一个类型type或者接口interface来约束datatype Todo = { id: number, name: string, completed: boolean}export default defineComponent

定义检测版本与下载的事件methods: { // 获取当前版本号 // 检查是否安卓 isandroid() { var that = this; uni.getSystemInfo({ success: async (res) => { if (res.platform == "android") { let vurl='https://pcb.wttx56.cn/apk/sjv.json' try{ let {data} = awai

概况provide：Object | () => Objectprovide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。在该对象中你可以使用 ES2015 Symbols 作为 key，但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作。inject：Array | { [key: string]: string | Symbol | Object }inject 选项应该是：一个字符串数组，或 一个对象，对象的 k

报错内容 ERROR Failed to compile with 1 error 上午10:30:35 error in ./src/App.vueSyntax Error: TypeEr

PC端iview直通车，Go…

组件使用<van-area title="标题" swipe-duration="200" :area-list="reachList" @confirm="cityConfirmFn"/>原数据格式reachList : { province_list: {}, city_list: {}, county_list: {}, }数据生成地区码为 6 位数字，前两位代表省份，中间两位代表城市，后两位代表区县，以 0 补足 6 位。省：110000let tempObj =

唤起微信支付https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx2016121516420242444321ca0631331346&package=1405458241此链接还必须确定或者取消后的重定向地址:&redirect_url'.....&package=1405458241&redirect_url='+encodeURIComponent('hqapp')hqapp =

创建扫描成功回调onmarked(type, result) { // let {barcode} = this let text = '未知: '; switch(type){ case plus.barcode.QR: text = 'QR: '; break; case plus.barcode.EAN13: text = 'EAN13: ';

let inputArr = document.querySelectorAll('.ord-info.checkbox-item-child');for(let i = 0;i<inputArr.length;i++){ console.dir(inputArr[i]); inputArr[i].checked? inputArr[i].checked = false:this; citem.change(inputArr[i],inputArr[i].defaultVal

它们的差异1. Object.defineProperty只能劫持对象的属性，而 Proxy 是直接代理对象。 由于 Object.defineProperty 只能对属性进行劫持，需要遍历对象的每个属性， 如果属性值也是对象，则需要深度遍历。而 Proxy 直接代理对象，不需要遍历操作。2. Object.defineProperty对新增属性需要手动进行 Observe。 由于 Object.defineProperty劫持的是对象的属性，所以新增属性时，需要重新遍历对象， 对其新增属性再

资源地址Vue3.x 与 Vue2.x 中文文档 … … Go初始化项目- 安装 vue-cli3 并 创建项目 Vue3//npx执行命令下，有未安装的会先安装后再执行命令npx @vue/cli create vue3- 项目结构新特性使用之前了解过Vue3的文档都知道，要使用新特性，都需要安装依赖：composition-apicomposition-api 文档地址：https://github.com/vuejs/composition-api/blob/master/R

之前编码import { reactive } from '@vue/composition-api'export default { setup(){ const dataObj = reactive({ cunm : 0, numAdd: () => { dataObj.cunm++ } }); return dataObj }

编码规范命名规范项目命名项目文件夹全部采用小写方式， 以中划线分隔。正例： mall-management-system反例： mall_management-system / mallManagementSystem目录命名基于业务二次封闭的组件全部采用小写方式， 以中划线分隔，有复数结构时，要采用复数命名法， 缩写不用复数正例: scripts / styles / components / images / utils / layouts / demo-styles / demo-s

点击传送门Vue 3.x 传送门 … … Go

单页面使用 state//一、直接获取this.$store.user.userName//二、利用辅助函数 //首先引入辅助函数 import { mapState } from "vuex"; //创建computed来获取 export default { computed:{ //mapState([模块名称]，{ // 监听者变量：所实时监听的状态数据 //}) // 官网说法：把 `this.usName ` 映射为 `this.$store.user.

目录结构文件内容user.jsexport default { namespaced: true, state: { userName:'', userPwd:'' }, getters: { toName: (state, getters)=>{ return {name:state.userName,info:getters.addPwd} }, addPwd: state => { return stat

话不多说，直接贴码series: [ //设置缩放比例最大与最小 { scaleLimit:{ min:1, max:3 } }]在修改完option参数后执行以下方法myEchertObj.dispatchAction({ type: 'restore',})...

懒加载let dom = this.$children[1].$refs.ydjlTable.bodyWrapperdom.addEventListener("scroll", function () { const scrollDistance = dom.scrollHeight - dom.scrollTop - dom.clientHeight; if (scrollDistance <= 0) {//等于0证明已经到底，可以请求接口 console.log

安装组件： element-resize-detectornpm install element-resize-detector -S使用组件import erd from "element-resize-detector";我是放在mounted 方法内执行的erd().listenTo(document.getElementById("pageBox"), element => { this.$nextTick(() => { //监听到事件后执行的业务

scss问题package.json 文件内把scss引入版本改成以下代码原：“node-sass”: “4.9.0”,换个node-sass版本,这个版本没有预编译的二进制文件 要么就别用cnpm装"node-sass": "4.14.1",然后设置淘宝镜像或者安装cnpm(个人推荐)安装前先把之前安装的：node_modules 删除cnpm install ...