nidunlove-优快云博客

原创 webpack打包文件过大的优化，提取第三方库（vue，ali-oss）到cdn，externals配置

vue或其他第三方库打包文件过大，可将第三方库放到外面加载。类似<script src="...."></script>可参考vue-cli 脚手架生成的webpack配置。可执行下面命令，webpack-bundle-analyzer插件查看，打包结构和各js文件大小。npm run build --report //不清楚可以百度//webpack.conf.jsmodule.exports = { externals:{ 'vue': 'Vu...

2020-06-08 13:13:38 1984 1

原创微信js分享的图标苹果ios正常，安卓Android不显示的问题及解--http和https

简单记一下。问题：之前遇见了一个问题，微信js分享成功了。但是分享出去的内容发小图片，ios图标显示正常，安卓显示不出。之后发现是因为，误把微信的分享的 imgUrl，https改为http 了。解决：把分享方法的图标的链接 http改成 https即可解决。...

2019-11-11 13:55:09 1299

原创 nvm install 报错及解决( Node.js vX 64bit isn't available right now. Could not download node.js v)

背景：安装nvm的报错信息nvm install 13.0.0Node.js v13.0.0 64bit isn't available right now.Could not download node.js v13.0.0 64-bit executable.过程描述:nvm 正常安装。https://github.com/coreybutler/nvm-wind...

2019-10-28 19:09:02 8255

原创 es的 import 兼容性写法，用 require 去写兼容

问题背景：在写vue项目时，遇见import的包在IE 11 不兼容的情况。需要判断 IE11，否则IE里面的页面直接白屏且报错。问题重现：基于vue-quill-editor的富文本组件引入quill-image-drop-module和quill-image-resize-module的图片处理功能。//富文本编辑器样式import 'quill/dist/quil...

2019-09-18 15:54:30 2179

原创 element-ui的表单重置方法resetFields()的坑，及简单解决。

其实之前就知道这个坑，网上其他人也说过。然后我勉强处理了一下。然后又制造了新的坑。这里记录一下。坑的产生resetForm(formName) { this.$refs[formName].resetFields(); }坑一：官方写法，api也没有说明。这些坑。解决方法：多实践，官方写法仅供参考。坑二：看这个写法知道this.$refs这个是必须d...

2019-09-18 11:11:53 34043 11

原创 element-ui从2.7升级到2.8，tooltip无效的的问题及解决

问题最近将项目的element-ui从2.7升级到2.8,涉及到用tooltip的都无效了，而且也没有报错。去看更新日志，和github的issue和releases都没有找到问题。网上的也没有找到能解决的方案。解决纠结了好几天，猜测是升级哪里有问题。突然想到会不会是虽然在npm中升级了，但是node_modules有的没更新或者冲突导致？然后删除node_modules，重新cnpm...

2019-05-17 09:23:09 1264

原创 element-ui的confirm和alert弹窗在Safari浏览器看不见的bug及其简单解决

问题描述：近期遇见一个问题，element-ui的$confirm弹窗后执行确认后$alert弹窗。在Chrome正常，但是在Safari则会出现闪现一下alert弹窗，然后只剩下灰色的蒙板，且点击关不掉的问题。问题代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> ...

2019-05-12 17:34:34 4158 1

原创记第一次阿里云安装ftp（一定要配置对应的安全组规则）

服务器：阿里云esc系统：centeros7正常百度教程，其他各种教程这里不说了，只记录我踩的坑ps：之前也在linux装过一些东西，其实最主要就是开启阿里云安全组端口。yum -y install vsftpdvi /etc/vsftpd/vsftpd.conf.................坑一：centeros命令用 systemctl start v...

2018-12-21 18:04:53 2500

原创 vue2 vue路由的 params传递的参数居然区分类型。但是!!!有坑，刷新就都是字符串了....

最近写了个项目，惊奇发现（可能大惊小怪），在params传递的‘0’和0居然能区分类型，难道不是浏览器地址栏截取的字符串！！代码大概如下(仅供参考)：router/index.js.......{ path: '/Frame/:userId', name: 'Frame', component: Frame, beforeEnte...

2018-12-11 10:45:10 2680

原创 ie 报错:'SyntaxError: strict 模式下不允许一个属性有多个定义 ' ，基于vue element-ui的坑的解决

环境：基于vue-cli的element- ui的项目在其他浏览器正常。在ie中报错的代码：<el-select filterable clearable v-model="Form.PlaceProvId" placeholder="选项" filterable clearable style="width:100px" @change="selChange($event)"&g...

2018-08-22 11:21:28 9239 2

原创 vue中组件间循环调用，子组件调用最父层方法的解决方案

问题描述：最近的VUE项目中遇到树形结构的菜单。复用树形的菜单的组件。但需要调用组件最父层的方法。一般父子间组件用 this.$emit 传递，或者只有一层的情况下用 this.$parent.xxx可参考：https://cn.vuejs.org/v2/guide/components-custom-events.htmlhttps://blog.youkuaiyun.com/wpj130/article/...

2018-05-03 16:30:24 3306

原创纯CSS实现左侧伸缩固定和头部固定布局之 css布局定位再学习

前言：最近写的项目需要，左侧和顶部固定导航，且左边和伸缩，用js很容易实现。但是我就尝试只用css看能不能实现。结果实现了，在此，感谢项目组的队友给我的思路。代码可能直接运行不全，此处只写思路。左侧导航为js写的点击切换class，左侧宽度变小变大。.showSider { width: 150px;}.hideSider { width: 65px;}HTML:<div id="...

2018-03-27 18:52:33 3813

原创 Handsontable 只渲染一列或未渲染（render）的问题解决

最近用的表格插件 Handsontable 遇到的render()无效的问题，若后来人遇到的这种问题，可参考。问题：初始化或load(data),一开始起作用（渲染没有问题），再次打开或切换只显示一列，点击那列或重新触发render()，也生效。设置 autoColumnSize:true, 或者 colWidths: 150 等等皆无效。直接用 .render() 渲染还是只渲染第一列。分析：...

2018-03-21 14:59:59 3702

原创 js 定时器不卡顿不消耗资源 setTimeOut的简单封装定时更新数据

因为setTimeInterVal,定时执行，无论是否执行完，在下一个时间点都会继续执行，运行时间长的话会有卡顿等现象。基于此，改用setTimeOut,setTimeOut只在执行完才执行下一个时间点。在下一个时间点可以清除上个定时器。如此循环不卡顿，亲测可用。运行了几个小时，一两分钟甚至几秒执行一次，同时执行了几十个这样的写法，完全不消耗资源不卡顿。特此分享。

2017-11-21 14:11:43 8948 1

原创 CSS3简单实现，数字滚动效果

之前项目要做一个数字滚动效果。因为需要一直滚动且过一段时间就要滚动，网上早的不太满足，而且为0也滚动，用css+jq写了一下。

2017-10-17 10:25:03 24980 1

原创 ionic ios 键盘布局滚动

ionic的坑，给后来人参考。 [delegate-handle=""] [padding=""] [scroll=""] [overflow-scroll=""] [has-bouncing=""] [on-scroll=""] [on-scroll-complete=""]> ... 参考 http://www.ionic.w

2017-09-23 17:56:22 1023

原创 css3 移动端页面全屏旋转，横屏显示。

css3旋转模拟手机横屏。当手机不能自动旋转时，或有特殊需求。用css3 transform，实现横屏展示。

2016-07-18 18:55:31 20614 5

原创滑动固定表格头和列--js,html,css--移动端--基于Iscroll

简单实现固定表格头和列。之前做了一个表格固定头和列的，分享一下代码和思路。滑动固定其他地方也可参考。1.滑动仅固定头或列。2.滑动即可固定头，也可固定列。

2016-07-18 10:29:34 9679 1

斜杠的博客