- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue2 自定义虚拟滚动select组件(VirtualScrollSelectPopover)
项目需要在表格中，插入input、select下拉列表等元素。当数据量过大时，会导致浏览器渲染超负荷，甚至内存过大直接崩溃，而此时的select下拉框还没加载渲染完成。
2024-07-15 16:11:18
848
原创 正则匹配空字符串 /(^\s)/
/(^\s)/诸多资源都提供的是/(^\s*)/，关键就在与这个‘* ’，作为贪婪匹配，代表会匹配他前面的元字符出现0次或者任意次，那么在一些应用场景中，就会使得匹配不成功；
2020-12-07 14:33:59
14144
1
原创 overflow 与 position定位之间的影响
绝对定位元素不总是被父级 overflow 属性裁剪，尤其当 overflow 在绝对定位元素及其包含块之间的时候。 overflow 元素同时也是定位元素时，绝对定位的子元素会被裁切； overflow 元素和绝对定位元素之间有定位元素（relative），也会被裁切； 中间不论隔多少层，只要不存在定位元素，那个定位祖先的 overflow 始终可以裁切 absolute 子元素，即使中间元素也添加了 overflow，也只会被定位祖先裁切...
2020-12-07 14:26:47
2623
原创 如何使用webpack + vue手动搭建项目
如何使用webpack + vue手动搭建项目npm 初始化项目文件夹添加项目依赖配置webpack.config.js其他项目文件直接进入主题，接下来的内容按照本人搭建的步骤记录；确保系统中已经正确安装了node及npmnpm 初始化项目文件夹新建文件夹，windows下，打开dos窗口，进入新建文件夹目录，执行npm init命令；执行完成之后，文件夹中，会生成一个package.json的文件，说明当前文件夹已经可以正式使用npm包管理了添加项目依赖将npm添加到项目包管理程序之后，就需
2020-07-20 14:29:33
328
转载 vue-awesome-swiper(基于swiper4)，事件回调中获取vue对象
内容转载，侵删用于获取当前realIndex在vue项目中，使用vue-awesome-swiper实现轮播业务。安装的vue-awesome-swiper是最新版本的，基于swiper4的实现。问题在最新的swiper中，swiper绑定的事件中，是通过this指向当前swiper对象的。而在事件回调中，我们需要获取vue页面data中的数据。但是此时的this并不指向vue对象。解决...
2020-01-17 10:36:26
1946
原创 vue — 列表滚动（跑马灯）--指令实现方法
做一次尝试， 用指令的方式实现列表的滚动（即跑马灯效果）；html部分ul>li 的结构，v-for循环下，手动另外新增前后两个节点；<ul class="message-list-box" v-carousel v-if="messageLists.length"> <li class="message-list-item" v-for="(item, i)...
2020-01-14 18:54:11
2041
原创 vue-cli3之项目初始化
1、根目录新建vue.config.js文件，存放webpack等相应配置信息let publicPath = ''module.exports = { publicPath: publicPath, lintOnSave: true, productionSourceMap: false, configureWebpack: { // 忽略的打包文件 // 项...
2020-01-14 11:45:18
300
原创 vue-cli3 配置webpack打包时，注释console和debugger
最近，在新建的项目中，打包发布生产环境项目时，项目中没有注释掉的console语句会报error，虽然不影响最终的打包结果，但是终归看着不舒服。于是在网上几经查找，最终使用了下面的方案，得以解决。其实解决办法不麻烦，将下面的代码放入项目的vue.config.js中（vue-cli3的webpack配置基本都在这个文件）。代码加入以后， 可以使用vue inspect --mode=p...
2019-10-30 10:26:33
4389
原创 记录： el-tab的多个tab页中， 切换tab之后， echarts不显示（显示错误）问题
多次查看代码， 所有相关echarts渲染的方法都正确执行了， 在页面中始终无法渲染。后经过多次反复的查看校验， 发现问题出自绑定的div的ID相同，更改使用不同的ID之后，恢复正常问题点：### 在el-tab的多个tab中， 如在每一个tab中都有echarts需要渲染， 切记， 不可将echarts绑定的div的id同名...
2019-08-24 14:29:17
1960
3
原创 vue-quill-editor默认赋值问题
记录项目中遇到的vue-quill-editor在编辑时， 无法赋默认值问题<myQuill v-model="form.content" :value="'1231231'"></myQuill>↓↓↓<quill-editor ref="myQuillEditor" v-model="content" :options="options"...
2019-08-09 11:18:38
5502
1
原创 简单重写el-tree树节点关联关系
通过设置check-strictly属性， 取消原始设定的关联关系， 开始自定义。<el-tree class="filter-tree" :data="treeData" :default-checked-keys="checkedKeys" node-key="id" ...
2019-08-08 15:41:26
422
转载 npm -v 报错，node -v正常
转自https://blog.youkuaiyun.com/work888study/article/details/80917028若侵权，请联系微信hd07220win10 安装node.js node.js 安装成功但npm -v 报错问题解决错误症状 官网下载node-v8 、node-v10 的msi 安装进行安装。 npm -v 错误如下 Error: s...
2019-07-24 18:26:00
929
原创 javascript 接收blob流数据， 并导出（兼容主流浏览器）
近期做项目遇到的兼容性问题， 在此记录： blobToExcel (blob, filename) { let fname = filename if (navigator.userAgent.indexOf('Firefox') >= 0) { let point = filename.indexOf('.') if (point == -1...
2019-07-10 18:22:34
3105
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人