flex容器内部溢出内容无法滚动 问题： flex容器内部溢出内容无法滚动原因：flex容器内默认使用的flex-end 贴靠方式，会导致浏览器以为容器最后没有内容溢出解决： justify-content： flex-start
M1 Mac 安装 nvm 和 node M1 Mac 安装 nvm 和 nodenvm安装参考M1-nvm安装node安装当提示 ‘unsupported ARM architecture’参考M1 使用 nvm 安装 Node
js 原型链及其继承 父类函数function Father(param){ this.age = param || 18}Father.prototype.say = function () { console.log('father say')}1：原型链继承（不推荐）function Child () {}Child.prototype = new Father()// 缺点 ：1 无法向父类构造函数传参； 2 父类的所有属性被共享2：构造函数继承（不推荐）functi
bind， call， apply 1：都是对函数使用2：修改函数中this的指向区别callfunc.call(obj, p1, p2 ... )applyfunc.apply(obj, [p1, p2 ...])bindfunc.bind(obj)()// 绑定后需要主动调用
js判断是否是移动端并缩放 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 是移动端打开 document.getElementsByTagName('body')[0].style.zoom=0.2} else { // 不是移动端打开}
vue中使用axios无感应刷新token 关键点：存储Promise方法let retry = new Promise((resolve, reject) => { subscribesArrRefresh(Token => { config.headers.Authorization = Token resolve(config) }) })demo ：// 是否正在刷新的标志let isTokenRefre...
按顺序同步调用 场景：代码中需要按顺序调用异步方法demo： 用async，await组合async postFunc () { for(let i = 0; i < this.List.length; i++) { let data = { ouId: this.List[i].ouId, } await postFuncAPI(data).then((res) => { if (res.state === config.RES_CODE) { // do.
webpack 使用 NormalModuleReplacementPlugin 项目差异化打包 情景：项目中包含多个模块，不同场景需要打包的模块不同，需要设置对应命令进行差异化打包。解决方案：使用NormalModuleReplacementPlugin 插件判断打包场景，引入需要的模块文件1：vue.config.js 中使用插件，设置识别字符串‘-APP_TARGET’plugins: [ new webpack.NormalModuleReplacementPlugin( /(.*)-APP_TARGET(\.*)/, function(resource) {..
Vue项目 在IE11 下无法登录跳转 问题： Vue项目，Chrome， FIreFox运行正常， 在IE11 环境下可以打开，但点击登录无法跳转原因： 登录页使用了form表单，当el-button组件设置native-type="submit"后，点击登录会刷新页面！解决办法： 添加prevent修饰符，去除默认事件影响<el-button style="width:100%" type="primary" @click.prevent="onSubmit" native-type="submit" :loading="
接口返回Excel文件二进制流，接收下载 1：首选请求头需要加上接收类型responseType: 'arraybuffer'2：数据下载// type：文件类型； fileName: 文件名称getExcelExport(param).then((res) => { this.isExcel(this.type, this.fileName, res)})isExcel (type, name, data) { const link = document.createElement('a') con
vue Hash路径 获取 参数值 问题：vue项目使用hash模式形成的页面路径包含‘#’，无法使用传统方式获取参数值解决：getQueryVariable (variable) { const after = window.location.hash.split('?', 2)[1] if (after) { const reg = new RegExp('(^|&)' + variable + '=([^&]*)(&|$)') const r = after.match(reg) if
webpack根据需求配置打包模块及打包指令 问题：一个系统包含多个功能模块，打包的时候如何根据设置 只选择其中的部分模块方法：不用系统需求设置不同的打包配置，步骤如下1package.json中添加打包指令（这里的jdi是自定义的字符串）code："build:jdi": "vue-cli-service build --jdi",2vue.config.js配置文件中使用‘NormalModuleReplacementPlugin’插件，打包时动态替换资源code：plugins: [ new w
小程序Input绑定change事件提示Do not have xx handler in current page 问题：小程序Input绑定change事件提示Do not have xx handler in current page（使用的van-field组件，华为手机会报错）调试报错wxml<van-field left-icon="../../../../images/ic_password.png" class="userPsw" value="{{ psw }}" type="password" placeholder="请输入密码" bind:input=
微信小程序 wxml中调用方法保留小数 1：新建wxs文件，配置方法var filters = { toFix: function(value) { var v = parseInt(value) return v.toFixed(2) }, toStr: function (value) { var v = parseInt(value) return v.toString() }, toNum: function (value) { var v = parseInt(valu
van-field 使用 <van-field left-icon="../../../../images/ic_zhanghao.png" class="userName" value="{{ account }}" placeholder="请输入用户名" bind:change="handleAccountInput"/>注：left-icon属性使用 本地图片资源的相对路径
微信小程序 上拉加载配置，上拉加载设置不生效问题 一、上拉加载配置1：json文件配置 "onReachBottomDistance":50{ "usingComponents": {}, "navigationBarTitleText": "考勤记录", "enablePullDownRefresh": true, "onReachBottomDistance": 50}2：js响应方法（页面创建时已生成）/** * 页面上拉触底事件的处理函数 */ onReachBottom: func...
小程序 下拉刷新设置，下拉不回弹问题 一、下拉刷新配置1：在page页面的json文件中添加配置 "enablePullDownRefresh": true,{ "usingComponents": {}, "navigationBarTitleText": "考勤记录", "enablePullDownRefresh": true, "onReachBottomDistance": 50}2：对应的js文件中补充onPullDownRefresh方法（不用新增，页面构建时已生成） /...
关注
