deary

以下是一个 Windows 批处理脚本，完成以下任务：运行 npm run build 打包 Vue 项目。使用 7-Zip 将生成的 dist 目录压缩成 ZIP 文件。

报错信息：报错信息明确指出，v-model直接绑定到了v-for迭代别名上。在Vue中，当使用v-for进行列表渲染时，item是作为每次迭代的临时变量存在的，它类似于函数内部的局部变量。因此，对这个临时变量（别名）的任何修改都不会反映到原始的数据源数组或对象中。

中的迭代变量，因为这些变量是基于父作用域的，而直接修改它们不会触发 Vue 的响应式更新机制。指令中，试图直接修改迭代变量本身，而不是修改变量的属性。Vue 不允许直接更改。要解决这个问题，应该修改对象的属性，而不是迭代变量本身。不是对象，而是一个原始值（如字符串或数字），你可能需要将。属性，这样修改对象的属性才会触发响应式更新。这是不允许的，因为你直接尝试修改。数组中的值，而不是迭代变量本身。是一个对象，并且你想更新它的。这个错误通常是因为在。

当 Node 新版本刚刚成为活动 LTS 时，选项 1 和 2 实际上不可用，但对于任何仍在寻找此答案的人来说，3 和 4 不应再被视为任何重要选项。这确实是唯一正确的解决方案：更新您的依赖项，因为就像 Node.js 本身一样，它们可能会使您的项目容易受到攻击和利用。对于 Windows，请使用。执行此操作，也可以使用。显然，这不是一个好主意。

写了一个bat脚本，想着自动处理编译前后的工作。3、利用 WinRAR 打包成压缩包。2、build 编译最新代码。4、打开 dist 文件夹。

【代码】vue-quill-editor 保留文字样式禁止粘贴base64图片。

【代码】vue+element动态表单验证。

先看文件夹目录：重点是config文件夹下的配置，.gitignore，vue.config.js文件要把vue项目跟后台对接接口api单独提出来，首先对vue.config.js进行改造：把proxy单独提出来。

数字转中文数字示例2. 数字转为中文大写金额数字转大写金额示例

省市区多维数组通过value=130628 获取到 ["河北省", "保定市", "高阳县"]函数调用这样就可以根据子节点数据获取所有父节点数据啦

PDF.js的使用1.下载pdf.js插件：点击下载。2.解压后把web和build文件夹放进项目里。3.新建一个test.html,通过iframe标签嵌套viewer.html即可，如果是只加载本地文件，在viewer.js修改默认的pdf文件路径即可。修改viewer.js的默认的pdf的文件路径：4.如果需要加载远程服务器的pdf文件，远程服务器返回pdf文件流，然后在viewer.html的url后面添加file=http://127.0.0.1:8020/PDF/test,但

小程序中实现token过期重新登录再重新请求业务接口该方法用于小程序token两个小时后过期，重新获取token再请求接口1、新建一个封装请求接口文件，命名为request.js(我在utils文件夹下建request.js)，代码如下：2、使用方法，与utils文件夹同级建一个新的文件夹api，在api文件夹下新建index.js文件，代码如下 3、再在api文件夹下新建一个js(banner.js)文件，用于引入index.js写的接口，代码如下 4、在页面中使用，代码如下：...

建立util文件夹放一个Tool.js：把Tool.js在main.js中引入： index.vue中：

前端监听视频播放进度,在试看结束后做一些操作HTMLJavaScript

创建并返回内部 audio 上下文 对象。解决方法：onCanplay 音频进入可以播放状态 添加定时器获取音频时长

一、导入uni-data-picker插件uni-data-picker 数据驱动的picker选择器单列、多列级联选择器，常用于省市区城市选择、公司部门选择、多级分类等场景 二、省市县数据导入项目附：省市区三级联动数据uni-appuni-data-picker省市区数据表-Javascript文档类资源-优快云下载是一个选择类datacom组件。支持多列级联选择。...

当前时间戳是否在指定时间段内，返回结果 none:无效，start:开始，end:结束，in:在内/** * 对比时间戳 * @param s {String|Number} 开始时间戳 * @param e {String|Number} 结束时间戳 * @returns {String} 返回结果 none:无效，start:开始，end:结束，in:在内 */export function onJudgmentTime(s, e) { const now = Math.roun.

您的网站或博客上是否有希望读者查看的 Office 文档，即使他们没有安装 Office？您愿意在下载之前查看文档吗？要为您的观众提供更好的体验，请尝试使用 Office Web 查看器。什么是 Office Web 查看器？它是一种创建 Office Web 查看器链接的服务。Office Web 查看器链接可在浏览器中打开原本会下载的 Word、PowerPoint 或 Excel 文件。您可以轻松地将下载链接转换为 Office Web 查看器链接以在您的网站或博客中使用（例如，食谱、照片

问题原因：@vue/cli 高版本的问题解决方案：推荐使用4.5.15 版本首先卸载全局安装的@vue/cli卸载@vue/clinpm uninstall -g @vue/cli安装@vue/clinpm install -g @vue/cli@4.5.15

公司很多会议项目的依赖包是一样的，为了减少冗余文件，要让这些项目都共用一个node_modules。首先以管理员身份运行 cmd（命令提示符）mklink /d D:\Develop\WebStormProjects\meetm\meetm_test\node_modules D:\Develop\WebStormProjects\meetm\node_modules注意项目文件夹中不要有node_modules，项目路径和公共路径根据自己的路径去修改mklink /d <

问题：有四种发票类型，当类型为纸质专票时，可以不输入校验码，其他三种情况都必须输入校验码。解决方式：动态控制表单的rules代码：...<!-- 纸质专票无需输入校验码--><el-form-item label="校验码后六位" prop="checkCode" :rules="invoiceInfo.invoiceType == 2 ? [{required: false}]:rules.checkCode"> <...

利用SASS/SCSS切换Vue项目主题最近在做的项目使用到了主题切换，我也趁此机会学习了一下SCSS/SASS这门CSS编译型语言，特此研究并带实现一个Vue Demo中实现主题切换。SCSS是SASS兼容CSS的版本，本文内全部使用SCSS一称。✏️大体思路如下：1.使用vuex全局执行命令切换主题 (state - mutations 无须异步)2.遍历主题色并设置混合，在需要的地方插入混合，使用方法查找对应颜色，生成嵌套，写全局类3.利用VueX和v-bind:class

移动端页面的底部菜单栏，通常会使用fixed定位在底部。在安卓手机上经常会出现软键盘弹出时，底部定位被顶上去，下面提供vue和jQuery两种解决办法。Vue解决方法<!--html部分--><div class="footer" v-show="hideshow"></div>// js 部分data(){ return { docmHeight: document.documentElement.clientHeight, //默认屏幕高

html中写一个type为file的input框//html<input type="file" name="file" ref="clearFile" @change="uploadMaterial($event)">提交文件, 重置input框//上传材料uploadMaterial(event) { var that = this; var formData = new FormData(); formData.append('file', event.tar

JS判断数组中是否存在某个值或者某个对象的值一、判断是否存在某个值二、判断是否存在对象的某个值

一、安装crypto-jsnpm install crypto-js二、引入crypto-js支持ES6导入、Modularimport CryptoJS from "crypto-js";或者const CryptoJS = require("crypto-js");三、设置密钥和密钥偏移量// 十六位十六进制数作为密钥const SECRET_KEY = CryptoJS.enc.Utf8.parse("1234123412341234");// 十六位十六进

vue-photo-preview基于photoswipe的vue图片预览组件vue-photo-preview 示例1、安装 vue-photo-previewnpm install vue-photo-preview --save2、在main.js引入插件import preview from 'vue-photo-preview';import 'vue-photo-preview/dist/skin.css';Vue.use(preview);3、处理接口返回的 HT.

最近在项目中遇到有一些客户不需要市辖区要求改成对应的城市名称，所以对element-china-area-data@5.0.2做了一下调整。安装npm install element-china-area-data -S修改数据 安装完成之后，找到的app.js和app.commonjs.jsnode_modules\element-china-area-data\dist\app.jsnode_modules\element-china-...

<input type="file">使用type="file"的<input>元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上，或者通过 Javascript 的File API对文件进行操作。常见 MIME 类型列表译者注：英文原文标题为 Incomplete list of MIME types，意为不完整的/未完成的 MIME 类型列表。这是一份 MIME 类型列表，以及各个类型的文档类别，按照它们的常见扩展名排序。两种主要的 ...

微信网页开发/JS-SDK说明文档概述微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。JSSDK使用步骤可以详细查看说明文档微信支付发起一个微信支付请求wx.chooseWXPay({ timestamp: ...

微信网页开发/JS-SDK说明文档概述微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。JSSDK使用步骤可以详细查看说明文档分享接口请注意，不要有诱导分享等违规行为，对于诱导分享行为将永久回收公众号接口...

withCredentials 有什么用?跨域请求是否提供凭据信息(cookie、HTTP认证及客户端SSL证明等)，也可以简单的理解为，当前请求为跨域类型时是否在请求中协带cookie。配置withCredentials:const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // 环境变量base接口地址 url = base url + request url withCredentials: .

vue v-html 富文本图片溢出，解决图片溢出问题之后会出现附件的图片也是100%显示如图所示：附件前面的图片也是100%解决方案：给富文本中所有图片增加 class富文本JavaScripthandleHtml(rich) { //使用正则表达式匹配所有图片 let reg = RegExp(/<[img]+\s+(.*?)(?<id>\w*?)[\s'"](.*?)>/g); let match = rich.match(reg);.

制作一个链接，点击该链接跳转到公众号关注页面。1、登录微信公众平台2、F12 打开开发者工具 >>Elements3、ctrl+f 搜索 uin_base644、将下面链接的__biz值更换成uin_base64的值，然后用微信打开该链接即可。https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=64位uin加密值&scene=110#wechat_redirect微信内打开示例链接：ht.

Facebook 开发的测试平台 Jest 每天都变得越来越流行，尤其是用于测试 React 应用程序。 Jest 快速、易于上手，并且具有许多开箱即用的功能（例如快照测试和测试覆盖率）。在 WebStorm 中，我们希望简化整个测试工作流程，并使使用 Jest 编写、运行和调试测试更加顺畅和轻松。 让我们看看 WebStorm 如何帮助您使用 Jest 测试您的应用程序。例如，我们将使用使用 Jest 和 Enzyme 的 react-dropzon...

:before-upload="(file) => beforeAvatarUpload(file, id)"<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="(file) => be...

获取字符串将其转换为正则表达式使用regexp对象构造函数从字符串创建正则表达式：const value = "176****3333";const str = "(^$)|(^0?(13|14|15|17|18|19)[0-9]{9}$)";const reg = new RegExp(str);console.log(reg);if (!reg.test(value)) { console.log("手机号格式错误");}...

例如获取2021-06-21后1天日期/** * JavaScript 获取指定日期的前几天或者后几天的日期 * @param date {string} 日期 如：2021-06-21 * @param day {number} 天数 如：1 后几天|-1 前几天，默认后1天 * @param format {string} 时间格式 如：2021-06-22，默认 - * @returns {string} */export function getNextDate(date, da

为了提高 npm 依赖的安全，npm 6.1 后添加了 npm audit 工具，这个工具可以搜索当前项目中使用的依赖是否存在安全问题，并提供了 npm audit fix 工具修复。npm audit

无论你是React、Angular、Vue.js，还是原生JavaScript开发者，你的代码都有可能成为黑客眼中的猎物。作为一个前端开发者，我们可能更加关注性能、SEO、UI/UX，往往会忽视安全问题。当你了解了大型框架是如何让你对xss攻击保持开放态度时，也许你会感觉到很意外。例如，React中的dangerouslySetInnerHTML或者Angular中的bypassSecurityTrust都是一些高危操作。我们需要记住，就安全而言，前端现在和后端、DevOps一样承担着相同的职责