this.triggerElm.setAttribute is not a function 报错解决办法 this.triggerElm.setAttribute is not a function 报错解决办法
vue3的deep穿透样式 新版的写法： &:deep(input) { text-align: right; color: #555555; }旧版的写法/deep/ input{}>>> input{}
vscode 配置 目录vscode添加新建文件头部注释和函数注释vscode换行问题vscode添加新建文件头部注释和函数注释搜索添加koroFileHeader插件，安装之后reload 搜索setting,然后搜索FileHeader点击并且进入setting界面 "fileheader.configObj": { "createFileTime": true,//设置为true则为文件新建时候作为date，否则注释生成时间为date "autoAdd": true,...
prettier 保存一套prettier规则{ // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
乾坤微前端优化 （二） 在乾坤微前端优化（一）的基础上再次进行了优化，本次优化的是子模块共同的配置，以及dll包。DllReferencePlugin配置直接上dll配置的代码:const path = require('path');const webpack = require('webpack');const { CleanWebpackPlugin } = require('clean-webpack-plugin');const BundleAnalyzerPlugin = require('we.
乾坤微前端优化（一） 前提1. 同一个技术，都是react，或者都是vue。2. 会webpack的dll配置。思考发现各个应用之间，第三方的包都是很多的，假如我们在主应用把这些包抽取出来，后面子应用引入，可以极大地减少子应用包的大小。解决方法一开始想使用externals来解决这问题，但是发现有一部分插件是不支持umd格式的，所以废弃了这个方案。后面想到了webpack的dll打包，可以打包抽取不支持umd格式的插件，完美的解决了问题。开始配置直接上代码const p...
canvas画布简单操作之一 缩放比例1. 绘画文字会出现模糊的现象，是因为没有缩放导致的问题。（简单概括为1->1的视图不会出现模糊，1->2 的视图就会出现模糊，现在就是要搞成同等比例的。） (function () { const c = document.createElement("canvas"), ctx = c.getContext("2d"), dpr = window.devicePixelRatio || 1, bsr = ctx
vant的popup+picker在ios上的一个bug 场景描述近期做了一个体检的项目，需求是需要先选择项目，然后去选择排班日期。也就是具有二次关联。bug描述在部分的ios上，第二次选择排版日期出现了蒙版样式没了。本来的效果是选择器各项具有模糊效果，只有选中的一项是100%高亮的。排查问题先是查看源码，怀疑源码有问题。初步排查下来，发现定位，css都没有问题。（css中模糊使用渐变处理的）其次一个一个试，最后发现问题是因为dom突然间增加了一段导致的。结果分析1. 低版本的ios上dom的定位可能会不太准确...
webpack配置react+antd+ts 目录初始化webpack安装webpack、webpack-cli、webpack-dev-server安装antd、typescript、react安装loader安装plugins安装types及其余插件初始化webpackmkdir web-reactcd web-reactnpm init -y安装webpack、webpack-cli、webpack-dev-server开始安装webpack三件套npm install --D webpack webpack-cli webpac
汉字转拼音 今日在网上看到了一个中文转拼音，我还以为需要调用第三方去实现的，后来发现只是使用了穷举法，策略模式。1. 先列出所有的拼音，然后给拼音添加对应的中文转义的代码。2. 然后循环上面穷举的对象，去搜索是否存在当前转义代码。如果存在，则返回当前的拼音。方法问题：1. 穷举的中文太多了，不好维护。2. 多音字不好操作，不知道选哪一个拼音。3. 速度慢。以下是源码：var pinyin = (function () { var Pinyin = function (ops) ..
软键盘遮挡input和input失焦后不回滚的解决办法 对安卓手机和苹果手机两种不同的情况分析。安卓：部分安卓机聚焦的时候，软键盘会遮挡住input。原因：软键盘拉起的时候，页面的高度变小了。部分安卓机聚焦的input不会自动滚动到指定位置，所以我们可以监听当窗口改变时，让当前聚焦的元素滚动到指定位置（scrollIntoViewIfNeeded）。我们也可以对单个input的聚焦函数添加事件，但是那样子有一定的局限性。重复且啰嗦。i...
vue.config.js配置 全局配置less文件，无需每个文件都导入less--------------------------------------------------------2020-01-08 后续更新---------------------------------------------------
图片添加水印问题 function transformFile(text = '', maxWidth = 600, maxHeight) { return function (file) { return new Promise(resolve => { const reader = new FileReader(); reader....
真解决办法，taro 事件阻止冒泡 首先看官网的解决办法：实践场景：页面底部flex布局，最右边存在“去结算”按钮，整个底部点击的时候要展开商品列表。实践结果：点击去结算的时候，展开了商品列表。判断结果：无效。解决办法：函数bind一下，就可以解决了。这里还是一样。总结一下：文档不一定正确。bind函数的作用只是改变了作用单位，那么可以猜想一下，两个e不一样。...
公众号开发 授权域名 只允许添加两个，需要获取openid的项目需要配置。Js安全域名可以存在三个，但是每个月只有三次修改机会。需要调用微信的jdk的时候要用到。Ip白名单可以存在多个。需要获取access_token的时候需要配置，一般与js安全域名一起配置的。业务域名最多存在三个。项目中有输入框的时候，会弹出提示，配置了业务域名，就弹出提示。配置开发人员在开发==》开发者工...
export与export default 区别 持续更新简单来说，使用export导出的，如果导入需要使用{}，且需要名字一一对应，export default 导出的，如果导入，不使用{}，且名字可以不对应。联想：export 导出的是一个对象，使用的是es6解构方式使用。（实际上不是，必须要加{}才可以） export default 导出的只有一个值，所以名字可以随意。------------------...
mpvue 修改小程序路径 修改 build文件夹中webpack.base.conf.js文件第21行function getEntry(rootSrc) { var map = {}; glob.sync(rootSrc + '/pages/**/main.js') .forEach(file => { var key = relative(rootSrc, file)....
数组交叉 var field = ['color', 'size', 'type', 'type2', 'season']; var arr = [ {name: '颜色', value: ['red', 'green']}, {name: '尺码', value: ['L', 'M', 'XL']}, {name: '类型', value:...
关注
