jaqi.csdn

以腾讯im和lottie库为例，分享了两种因为sdk，导致主包超过2mb无法发布的问题。方案一：业务代码和SDK都在分包、方案二：业务代码在主包，SDK在分包

【代码】本地自动打包提交部署gitee pages。

`el-date-picker`的日期选择器支持身份证后面的长期选项。实现思路就是：将9999-12-31日当做一个长期选项，通过操作dom显示实现一个假长期的功能

uni-app下vuex跨平台数据持久化。 支持app h5 小程序

mac 系统下的 chrome 在访问HTTPS时提示您的连接不是私密连接,NET::ERR_CERT_INVALID，而且没有“继续”访问按钮

通过max-height实现不定高度动态元素的transition过渡动画

vue-cli项目sourcemap因为文件重名导致的文件定位映射错误问题

示例如下：import Vue from 'vue'import Vuex from 'vuex'import getters from './getters'import app from './modules/app'import settings from './modules/settings' // 设置相关import user from './modules/user' // 用户相关import tagsView from './modules/tagsView' // 已打开

AJAXconst ajax = { get(url, fn) { const xhr = new XMLHttpRequest() xhr.open('GET', url, true) xhr.onreadystatechange = function() { if(xhr.readyState === 4) { fn(xhr.responseText) } } xhr.send() }, post(url, f

前端性能优化

处理form-generator-parser表单解析器没有el-upload上传成功钩子，导致的无法获取上传路径、通过表单验证。将node_modules/form-gen-parser文件复制到项目目录内修改form-gen-parser/Parser.vue文件：// 在data里对数据进行拦截 this.bindUploadSuccess(this.formConf.fields, this.formConf.formModel) // 为el-upload绑定一个on-su

IntersectionObserver：监听元素可见性变化，常用来做元素显示的数据采集、图片的懒加载MutationObserver：监听元素属性和子节点变化，比如可以用来做去不掉的水印ResizeObserver：监听元素大小变化还有两个与元素无关的：PerformanceObserver：监听 performance 记录的行为，来上报数据ReportingObserver：监听过时的 api、浏览器的一些干预行为的报告，可以让我们更全面的了解网页 app 的运行情况详见：原文地址..

SSL管理台：点击购买证书SSL管理台：选择如下选项SSL管理台：证书申请

Chrome Devtools普通断点在Sources面板左侧代码行标位置左键单击条件断点在Sources面板左侧代码行标位置右键单击DOM断点在HTML面板在DOM节点上右键单击XHR断点可以根据url条件对所有的XHR命令打断点Sources面板下面全局监听断点Sources面板下面事件断点Sources面板下面异常断点Chrome Devtools普通断点右侧行标位置左键单击条件断点右侧行标位置右键单击引用自知

抓包

地址栏输入：chrome://sync-internals中间那列中下方，点击”Stop Sync (Keep Data)”，之后点击“Request Start”

table { width: 100%; border-top: 1px solid #999; border-left: 1px solid #999; border-spacing: 0; } table td { border-bottom: 1px solid #999; border-right: 1px ...

安装mockjsnpm install mockjs在src文件夹下新建一个mock文件夹，在mock文件夹下新建index.js文件const Mock = require('mockjs')Mock.mock('/mockApi', 'get', { 'list|1-10': [{ // 生成1-10条数据 'id|+1': 1, // id从1开始自增1 'name|': '@cname', // 随机生成name 'url|': '@url..

原生：document.getElementById('input').focus();vue:this.$nextTick(() => {this.$refs.input.focus()})uni-app:<input ref="huifu" v-model="content" :focus="focusState" type="text" />this.focusState = false;this.$nextTick(function() { this.fo

微信开发者工具-公众号网页或谷歌chrome浏览器 ，输入http 自动变成httpschrome 浏览器 ：1.地址栏输入 chrome://net-internals/#hsts2.Query Expect-CT domain 查实 你所输入的地址是否有hsts记录3.Delete domain security policies 删除你所输入地址hsts记录微信开发者工具-公众号网页mac系统：$HOME/Library/Application\ Support/微信web开发者工具

问题：通过正则筛选富文本编辑器内容时，部分浏览器会偶尔遇到正则与要捕获的内容一样，却捕获不到数据的问题。原因：通过word或其他文本处理软件复制出来的数据会有一部分特殊参数，粘贴到富文本编辑器后会出现不可见字符\u200B。因此正则捕获不到内容。判断是否有不可见字符：可通过获取字符串长度，使用浏览器console工具，将怀疑有不可见字符的字符串复制到console中，会出现红色圆点剔除不可见字符\u200Bstr = str.replace(/\u200B/g,'')...

阿里云oss上传的图片或视频不能在线预览而是直接下载。该操作基于oss控制台客户端附下载地址：link1.上传图片或视频到oss2.右键单击刚刚上传的文件，选择http请求头3.设置video或image+所上传的视频格式，如下图所示。4.右键选择获取地址即可...

小程序web-view跳转公众号文章之后，返回按钮无效或需要按两次才能返回链接必须是已https开头必须是短链接公众号长链接转成短链接

cmd输入netstat -ano|findstr 80找到被占用的程序pid 14244打开任务管理器-性能-打开资源监视器找到pid 14244的进程 右键结束进程即可

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script><div id="app"> <table> <tbody> <tr> <td>oldList:{{oldList}}</td> </.

逐级懒加载html<el-tree :data="rootDate" :props="props" ref="tagtree" :load="loadNode" lazy @node-click="handleNodeClick"></el-tree>data 根目录数据props 绑定渲染规则ref注册DOMload绑定懒加载时间lazy懒加载效果node-click节点点击事件Vue.js >>> data data()