- 博客(33)
- 收藏
- 关注
RSS订阅原创 小程序uni-app(vue3)主包体积优化方案(SDK过大问题)
以腾讯im和lottie库为例，分享了两种因为sdk，导致主包超过2mb无法发布的问题。方案一：业务代码和SDK都在分包、方案二：业务代码在主包，SDK在分包
2023-10-27 14:37:47
978
2
原创 记录v-for 循环插槽在 uni-app 中渲染 bug
父组件：importfrom</</</</</子组件：stylepositionrelative;</</</</插槽的内容分别在插槽的绝对定位中显示。
2023-07-17 11:50:24
699
原创 uni-popup被遮挡问题、root-portal组件的使用、croll-view内的元素被遮挡
uni-popup被遮挡问题、root-portal组件的使用、croll-view内的元素被遮挡
2023-04-28 15:30:32
1732
原创 el-date-picker的日期选择器支持身份证后面的长期选项
`el-date-picker`的日期选择器支持身份证后面的长期选项。实现思路就是：将9999-12-31日当做一个长期选项，通过操作dom显示实现一个假长期的功能
2022-11-02 09:27:16
2224
原创 vuepress2使用docsearch插件facetFilters多个lang参数，导致搜索不到内容
vuepress2使用docsearch插件的时候facetFilterslang会多一个lang:zh-CN的参数，导致搜索不到内容。
2022-10-28 13:25:16
585
转载 chrome浏览器访问提示NET::ERR_CERT_INVALID
mac 系统下的 chrome 在访问HTTPS时提示您的连接不是私密连接,NET::ERR_CERT_INVALID，而且没有“继续”访问按钮
2022-09-08 16:57:45
547
原创 vue-cli项目sourcemap因为文件重名导致的文件定位映射错误问题
vue-cli项目sourcemap因为文件重名导致的文件定位映射错误问题
2022-06-10 11:37:47
1433
原创 vuex-persistedstate按需持久化(持久化部分数据)
示例如下：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' // 已打开
2022-05-18 17:17:35
466
转载 原生js常用工具函数
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
2022-03-31 20:27:31
289
原创 form-generator-parser没有el-upload上传成功钩子
处理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
2022-03-01 09:55:51
1869
18
转载 浏览器的 5 种 Observer
IntersectionObserver：监听元素可见性变化，常用来做元素显示的数据采集、图片的懒加载MutationObserver：监听元素属性和子节点变化，比如可以用来做去不掉的水印ResizeObserver：监听元素大小变化还有两个与元素无关的：PerformanceObserver：监听 performance 记录的行为，来上报数据ReportingObserver：监听过时的 api、浏览器的一些干预行为的报告，可以让我们更全面的了解网页 app 的运行情况详见：原文地址..
2022-02-16 09:16:19
372
原创 Chrome Devtools和VSCode的几种打断点的方式
Chrome Devtools普通断点在Sources面板左侧代码行标位置左键单击条件断点在Sources面板左侧代码行标位置右键单击DOM断点在HTML面板在DOM节点上右键单击XHR断点可以根据url条件对所有的XHR命令打断点Sources面板下面全局监听断点Sources面板下面事件断点Sources面板下面异常断点Chrome Devtools普通断点右侧行标位置左键单击条件断点右侧行标位置右键单击引用自知
2021-12-17 10:03:57
630
原创 chrome 主动书签同步
地址栏输入：chrome://sync-internals中间那列中下方，点击”Stop Sync (Keep Data)”，之后点击“Request Start”
2021-12-06 17:17:12
272
原创 前端解析带有table标签的富文本格式错误问题
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 ...
2021-11-30 14:13:13
327
原创 在vue-cli中使用mockjs
安装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..
2021-11-30 14:10:10
579
原创 小程序ios端自定义TabBar遮挡内容、TabBar被ios系统控制器遮挡的解决方案
<view class=""> <view v-if="isIphoneX" style="height: 1px;width:100%;"/> <!-- 解决遮挡内容 --> <view :class="isIphoneX?'isIphoneX footerButton':'footerButton'"> <!-- 解决ios导航条遮挡TabBar问题 --> </view></view>判断是否是ios
2021-08-06 17:15:19
1665
原创 input主动获取焦点
原生：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
2021-04-27 13:32:18
2608
原创 浏览器或微信开发者工具http自动切换成https，如何修改chrome的hsts
微信开发者工具-公众号网页或谷歌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开发者工具
2021-03-24 18:00:03
1674
原创 富文本编辑器处理过的字符串部分字符正则捕获不到，含有不可见字符\u200B
问题：通过正则筛选富文本编辑器内容时，部分浏览器会偶尔遇到正则与要捕获的内容一样，却捕获不到数据的问题。原因：通过word或其他文本处理软件复制出来的数据会有一部分特殊参数，粘贴到富文本编辑器后会出现不可见字符\u200B。因此正则捕获不到内容。判断是否有不可见字符：可通过获取字符串长度，使用浏览器console工具，将怀疑有不可见字符的字符串复制到console中，会出现红色圆点剔除不可见字符\u200Bstr = str.replace(/\u200B/g,'')...
2021-01-20 20:39:13
613
原创 阿里云oss上传的图片或视频不能在线预览
阿里云oss上传的图片或视频不能在线预览而是直接下载。该操作基于oss控制台客户端附下载地址：link1.上传图片或视频到oss2.右键单击刚刚上传的文件，选择http请求头3.设置video或image+所上传的视频格式，如下图所示。4.右键选择获取地址即可...
2021-01-11 10:05:00
3421
原创 小程序web-view跳转公众号文章返回按钮失效
小程序web-view跳转公众号文章之后，返回按钮无效或需要按两次才能返回链接必须是已https开头必须是短链接公众号长链接转成短链接
2020-12-28 22:03:51
588
原创 解决端口被占用问题
cmd输入netstat -ano|findstr 80找到被占用的程序pid 14244打开任务管理器-性能-打开资源监视器找到pid 14244的进程 右键结束进程即可
2020-12-16 17:38:00
117
原创 阿里云SSL证书管理及负载均衡SLB证书配置
阿里云SSL证书管理及负载均衡SLB证书配置SSL管理台：查看证书相关信息SSL管理台：证书部署负载均衡SLB：创建证书负载均衡SLB：证书使用
2020-12-01 15:43:47
655
原创 vue.js通过桶排序或ES6 Set实现数据集合计算（区分两组数据的新增和删除部分）
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script><div id="app"> <table> <tbody> <tr> <td>oldList:{{oldList}}</td> </.
2020-11-05 17:44:52
817
原创 el-tree(element-ui)逐级懒加载，及局部刷新
逐级懒加载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()
2020-11-04 10:44:08
1681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人