- 博客(75)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 flex容器内部溢出内容无法滚动
问题： flex容器内部溢出内容无法滚动原因：flex容器内默认使用的flex-end 贴靠方式，会导致浏览器以为容器最后没有内容溢出解决： justify-content： flex-start
2022-01-21 00:00:17
1076
原创 M1 Mac 安装 nvm 和 node
M1 Mac 安装 nvm 和 nodenvm安装参考M1-nvm安装node安装当提示 ‘unsupported ARM architecture’参考M1 使用 nvm 安装 Node
2021-08-26 09:40:40
954
原创 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
2021-04-14 17:34:19
108
原创 bind， call， apply
1：都是对函数使用2：修改函数中this的指向区别callfunc.call(obj, p1, p2 ... )applyfunc.apply(obj, [p1, p2 ...])bindfunc.bind(obj)()// 绑定后需要主动调用
2021-04-14 15:54:17
88
原创 js判断是否是移动端并缩放
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 是移动端打开 document.getElementsByTagName('body')[0].style.zoom=0.2} else { // 不是移动端打开}
2021-03-23 10:39:16
285
原创 vue中使用axios无感应刷新token
关键点：存储Promise方法let retry = new Promise((resolve, reject) => { subscribesArrRefresh(Token => { config.headers.Authorization = Token resolve(config) }) })demo ：// 是否正在刷新的标志let isTokenRefre...
2021-03-15 20:43:28
889
原创 按顺序同步调用
场景：代码中需要按顺序调用异步方法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.
2021-03-15 20:35:25
120
原创 webpack 使用 NormalModuleReplacementPlugin 项目差异化打包
情景：项目中包含多个模块，不同场景需要打包的模块不同，需要设置对应命令进行差异化打包。解决方案：使用NormalModuleReplacementPlugin 插件判断打包场景，引入需要的模块文件1：vue.config.js 中使用插件，设置识别字符串‘-APP_TARGET’plugins: [ new webpack.NormalModuleReplacementPlugin( /(.*)-APP_TARGET(\.*)/, function(resource) {..
2021-02-21 17:53:30
2251
原创 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="
2021-02-19 17:19:16
666
原创 接口返回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
2020-11-27 18:06:34
1566
原创 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
2020-11-20 15:54:58
4252
原创 webpack根据需求配置打包模块及打包指令
问题：一个系统包含多个功能模块，打包的时候如何根据设置 只选择其中的部分模块方法：不用系统需求设置不同的打包配置，步骤如下1package.json中添加打包指令（这里的jdi是自定义的字符串）code："build:jdi": "vue-cli-service build --jdi",2vue.config.js配置文件中使用‘NormalModuleReplacementPlugin’插件，打包时动态替换资源code：plugins: [ new w
2020-10-10 15:19:41
1300
1
原创 小程序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=
2020-09-17 15:06:48
2904
3
原创 微信小程序 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
2020-09-09 18:22:57
537
1
原创 van-field 使用
<van-field left-icon="../../../../images/ic_zhanghao.png" class="userName" value="{{ account }}" placeholder="请输入用户名" bind:change="handleAccountInput"/>注：left-icon属性使用 本地图片资源的相对路径
2020-09-08 18:49:39
5744
原创 微信小程序 上拉加载配置，上拉加载设置不生效问题
一、上拉加载配置1：json文件配置 "onReachBottomDistance":50{ "usingComponents": {}, "navigationBarTitleText": "考勤记录", "enablePullDownRefresh": true, "onReachBottomDistance": 50}2：js响应方法（页面创建时已生成）/** * 页面上拉触底事件的处理函数 */ onReachBottom: func...
2020-09-08 18:45:20
2515
原创 小程序 下拉刷新设置，下拉不回弹问题
一、下拉刷新配置1：在page页面的json文件中添加配置 "enablePullDownRefresh": true,{ "usingComponents": {}, "navigationBarTitleText": "考勤记录", "enablePullDownRefresh": true, "onReachBottomDistance": 50}2：对应的js文件中补充onPullDownRefresh方法（不用新增，页面构建时已生成） /...
2020-09-08 18:28:33
2241
原创 BBR加速
依次执行如下三行代码，下载一键安装脚本->赋予执行权限->执行脚本：wget -N --no-check-certificate "https://raw.githubusercontent.com/chiakge/Linux-NetSpeed/master/tcp.sh"chmod +x tcp.sh./tcp.sh选择7
2020-07-31 17:55:25
1175
原创 电脑浏览网页提示Not Found
问题：电脑浏览网页时提示，切换浏览器也一样提示解决： 修改电脑的DNS，参考https://baijiahao.baidu.com/s?id=1612906041166793439&wfr=spider&for=pc
2020-07-31 17:19:43
2707
原创 React 的onclick事件在渲染后自动执行问题
原因： onClick事件如果包含() ，就会变成执行函数，页面加载后会自动执行， 从而导致这个结果错误：render() { return ( <li onClick={() => { this.clickShow() }}> <span>{this.props.list.title}：</span> </li> ) } clickShow = () => {
2020-07-13 12:07:19
4910
5
原创 ElementUI el-date-picker 设置日期+时间 返回值少8小时
问题：使用el-date-picker控件选择日期+时间时设置了value-format="yyyy-MM-ddTHH:mm:ss"type="datetime"获取的value 还是比当前时间少8小时，问题由时区导致解决：value-format格式设置加上时区标志value-format="yyyy-MM-ddTHH:mm:ss.000Z"type="datetime"...
2020-06-02 17:50:11
3009
1
原创 webpack打包引用外部js去除单个undefined提示
问题：1：public中引用外部js2：在根index.html使用script标签引入3：由于使用了eslint检测，单文件中直接使用定义的变量编译出现error，但不影响功能Module Warning (from ./node_modules/eslint-loader/index.js):error: 'PLAY_ADDRESS' is not defined (no-undef) at src\components\play\play.vue:98:25:解决办法：在.
2020-06-01 11:55:15
1014
原创 element-UI 表单验证
问题：使用elementUI中的表单组件时，验证时一直提示is required， 打印value值underfined，检测prop和:model格式无误原因：el-form-item指向的prop验证的属性需要和el-form绑定的:model是同一个对象html<el-form ref="createForm" :model="createForm" :rules="createRule" label-width="100px"> <el-fo
2020-05-19 18:41:41
440
原创 css 设置border透明度
border的color使用rgba()border-bottom: 1px solidrgba(20,81,154,0.5);0.5 就是透明度注意：使用rgba 不是 rgb
2020-05-19 18:16:26
22661
原创 vue v-for循环修改属性后页面不重新渲染
问题：修改for循环中一组数据的一个属性值后，页面没有重新渲染，尝试使用$set修改触发渲染，但是不好使。解决办法：强制刷新this.$forceUpdate()...
2020-04-28 17:32:00
7460
3
原创 在 cmd 命令提示符窗口复制 粘贴
复制：先用鼠标左键选中需要复制的内容，再在选中内容上右键一次，此时已经复制成功，再次右键即可粘贴复制内容到光标命令行；粘贴：Shift + Insert...
2020-03-06 14:35:09
500
原创 mounted 先于 router.beforeEach 执行的问题
使用vue中的router.beforeEach 全局导航钩子实现进入路由前验证，直接使用url打开页面时，居然先执行vue单页面中的mounted钩子，再执行的BeforeEach。原因：在main.js中定义时 需要先定义 router.beforeEachrouter.beforeEach((to, from, next) => {}）再 vue实例化ne...
2019-12-24 10:53:40
3026
原创 vue2.X引用element-ui编译时提示找不到index.css
问题：This dependency was not found:* element-ui/lib/theme-chalk/index.css in ./src/main.js解决：百度google查找的 “路径错误”，“新增css-loader”，“修改babelrc文件” 方式都不好使。最终找到：loader配置中添加一段路径配置即可...
2019-11-10 11:30:36
1595
原创 vue-cli2.9.6 升级 3.X时 卸载旧版本失败
问题：将电脑上的vue-cli2.9.6卸载升级到3时，卸载会卡住原因：安装node时选择安装环境不是默认环境，npm卸载vue时无法正确卸载；在默认情况下，node和vue并没有配置环境变量，所以默认npm安装路径在：C:\Users\Myn\AppData\Roaming\npm\node_modules文件夹下，而node.js我们一般安装在D盘，这样就会有路径冲突，所以需要通过修改...
2019-11-09 15:10:40
1979
3
原创 解决移动端line-height不居中问题
问题：在移动端中使用line-height=height实现文字垂直居中时，在安卓手机会发现文字偏上！解决：1、利用flex布局中的垂直居中属性实现垂直居中,父元素设置display:flex;height:1rem;align-items: center;子元素 transform: scale(0.5); transform-origin: left cent...
2019-09-27 16:25:28
1862
原创 input标签 设置纯数字输入
input标签 设置纯手机号输入（键盘输入或粘贴时自动去除非数字字符）解决方案：<inputtype="tel"placeholder="请输入11位手机号码" oninput="value=value.replace(/[^\d]/g,'');if(val...
2019-09-26 18:38:46
9761
原创 v-for搭配swiper渲染轮播
如果设置的swiper循环轮播，即loop=true，v-for渲染的slide前后会复制多个循环的占位slide，当v-for 渲染的内容更新时，需要重新更新swiper 前后复制的 占位slide，这要求实例化swiper时设置observer:true,observeParents:true,...
2019-09-25 17:07:57
1631
原创 css 设置文字 周边阴影效果
color: #440700; font-weight: 600; text-shadow: 2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff;直接在样式中给text-shadow设置多个值即可。...
2019-09-20 15:23:28
1091
原创 移动端页面在IOS里滑动不顺畅解决办法
开发移动端的同学可能都知道，当在你用overflow-y:scorll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统里，通常情况下，我们为了追求好的用户体验，会使用屏幕滚动插件better-scroll了，这个插件是真心好用，但是有些情况下我们可能并不想那么麻烦，而且页面的体验要求也没有那么高，下面给大家介绍一个简单偷懒的办法．这时候可以使用-webkit-overf...
2019-09-20 13:30:38
3807
原创 canvas滑动验证码
演示地址：https://yeild.github.io/jigsaw/demo.html用法： 引入jigsaw.min.js jigsaw.init({ el: document.getElementById('container'), onChangeImgSrc:[ ... ], onSuccess: function () { ....
2019-09-04 18:12:10
656
原创 同时使用vue 和 jquery， jquery事件绑定失效
问题：一个h5项目同时引用了vue.js和jquery.js， 发现jquery绑定的事件失效。原因是：vue会重新渲染dom,加上是异步实例vue.所以正常写程序的话jq的$()获取的元素不是vue渲染后的元素.解决办法：先加载vue.js，让页面渲染完成后加载jq，给jq绑定ready事件$(document).ready(function(){ ...
2019-08-21 15:36:01
6468
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人