技术坑
神烦大人
上班写bug
展开
-
vue2按需引入iviewui的部分组件报错error in ./node_modules/view-design/src/directives/v-click-outside-x.js
今天使用vue按需引入iviewui的Select、Table、Page等组件,控制栏报错error in ./node_modules/view-design/src/directives/v-click-outside-x.js。排查各种原因后解决方法如下:第一步:babel按照iviewui官方的按需引入来配置transform-vue-jsx和transform-runtime是vuecli自动创建的,第3个是iviewui官方引入配置"plugins": [ "transform-v原创 2021-02-05 18:17:37 · 927 阅读 · 0 评论 -
js函数柯里化
函数柯里化,相当于把函数的多参变成单参。// fn(2,3,4); ===> fn(2)(3)(4);举个栗子,给一个函数,接收a,b,c三个参数,返回乘积。一般函数写法:function fn1(a,b,c) { return a*b*c;} console.log(fn1(1,2,3)); // 6柯里化写法:function fn2(a) { return function (b) { return function (c) { return a*b原创 2020-12-24 14:44:20 · 113 阅读 · 0 评论 -
解决h5移动端布局有垂直滚动条,底部fixed定位元素在IOS下定位失效,跟随滚动条滚动的问题
h5移动端经常会有固定在底部的按钮这种布局惯用的就是给底部元素fixed定位,然而在IOS下,如果内容很长有滚动条,滚动的时候fixed定位的元素会跟随滚动,特别是当蓝色内容部分有input元素的时候更容易出现跟随滚动的现象,安卓下无此现象。解决办法:禁止html滚动,给蓝色框添加滚动条,这样内容就在蓝色框里滚动,红色框absolute定位在底部即可。记得给蓝色框一个padding-bottom高度大于等于红色框高度即可,这样给红色框留出位置,不然最下面的内容会被红色框遮挡。上代码:<!D原创 2020-09-23 01:49:50 · 3443 阅读 · 1 评论 -
js new Date()方法在移动端安卓和IOS下的兼容性
放一个兼容安卓IOS的格式代码let str = "2020-09-22 18:45:03"str = str.replace(/\-/g, "/") // 将短横线连接符替换为斜杠,以兼容安卓和IOSnew Date(str)安卓下支持2020-09-22 18:45:03和2020/09/22 18:45:03IOS下支持2020/09/22 18:45:03所以使用new Date(时间)的时候,最好用2020/09/22 18:45:03这种格式...原创 2020-09-22 23:42:20 · 410 阅读 · 0 评论 -
解决vue2.*开发环境下报错Invalid Host/Origin header,[WDS] Disconnected!
vue2.*在dev环境下,打开链接后控制台一直刷报错如下图:解决办法:第一步:修改根目录下/config/index.js文件内的host值为’127.0.0.1’第二步:修改根目录下/build/webpack.dev.conf.js文件内的devServer,在devServer下增加一行:disableHostCheck: true,第三步:重新启动dev以下是我修改成功后的代...原创 2019-11-22 15:42:44 · 2539 阅读 · 0 评论 -
H5移动端input元素在IOS下的setTimeout内无法获取焦点
H5移动端input元素在IOS下的setTimeout内无法获取焦点移动端在setTimeout里设置input获取焦点在ios下是无效的,这里是个坑!移动端在setTimeout里设置input获取焦点在ios下是无效的,这里是个坑!下面是js代码和效果截图,有兴趣的可以扫码亲测一下,若有填上了这个坑的,请多指教!$('button').on('click', function () {...原创 2019-11-13 18:13:27 · 833 阅读 · 0 评论