- 博客(30)
- 收藏
- 关注
原创 解决add-asset-html-webpack-plugin 插入无效问题
于是我也照着上面百度的结果,在vue.config.js里添加了new HtmlWebpackPlugin(),执行完打包命令,发现DllPlugin打包的文件正常插入在index.html里面了,但是出现,挂载页面的#app不见了,打开页面不报错,但是页面空白…使用DllPlugin和DllReferencePlugin进行打包优化配置时发现没有报错,但是DllPlugin打包后的文件无法通过AddAssetHtmlPlugin正常的插入,不知道因为什么引起的?插件的配置,发现里面写到了。
2023-04-11 11:29:35
851
原创 Error: DllPlugin: supply an Array as entry 报错
今天准备为vue项目打包构建进行优化,找到webpack的DllPlugin插件可对第三方库进行抽离出来单独打包,使得可以业务代码进行分开。__
2023-04-07 12:00:50
356
原创 打包运行时抛出chunk name [mini-css-extract-plugin] Conflicting order. Following module has been added错误!
打包抛出警告:chunk common [mini-css-extract-plugin] Conflicting order between 的解决办法!
2023-03-23 13:45:28
4341
1
原创 cornerstoneWADOImageLoader-加载DICOM文件
cornerstoneWADOImageLoader-加载DICOM文件使用文档介绍主要特征示列安装用法完整示例代码每天免费领取外卖卷,点外卖更便宜!WX搜索:“一块吃外卖 ” 或 扫↓↓↓↓↓使用文档介绍官方是这样子介绍简单概括的:用于通过HTTP请求WADO-URI或WADO-RS文件WADO-URI与WADO-RS都是基于HTTP(或者HTTPS)协议之上的一种实现方式,WADO-URI采用的是HTTP的GET方法,通过URL配置参数的方式来完成DICOM数据的交互;WADO-RS同样采用
2022-04-12 11:52:38
2737
1
原创 vue前端使用xlsx,将对象数组转化为Excle导出
这里写目录标题将对象数组转化为excle导出将对象数组转化为excle导出$ npm install xlsxxlsx Api 使用详情:https://www.npmjs.com/package/xlsx中文文档:https://cloud.tencent.com/developer/article/1176158代码如下,直接复制使用 let list=[{ name:'张三', age:18 },{ name:'李四', age:16 }]
2021-09-27 18:40:33
1307
1
原创 webstorm 代码格式化后,rpx出现空格问题
在进行小程序开发时,我们可能不希望使用微信开发平台的代码编辑器,会选择自己常用的编辑器,在更熟练的操作中提高开发效率。在使用webstorm开发小程序中,当我Ctrl+alt+l进行格式化时,发现样式rpx和数值之前多了一个空格,如下:...
2021-09-08 10:15:13
9140
3
原创 解决小程序图片报403问题(图片加载失败)
解决小程序image加载网络图片真机上访问不上问题写在前面如何配置才能正确访问?步骤一步骤二步骤三写在前面最近公司需要小程序开发并需要把各个独立的小程序整合成一个小程序,但是小程序对发布的时候对包的大小是有限制的(最大不能超过2KB),项目整合后必须考虑资源整合的问题1、使用小程序分包技术(see:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/preload.html)2、本地图片提到阿里云OSS上,因公
2021-09-07 11:23:22
3296
原创 使用Vant 二次封装一个时间选择器(DateTimePicker)
在vant 中 dateTimePicker 和 popup 是分开的,如果想实现一个完整的时间选择器,必须要要对piker和popup进行重新封装,vs-date-picker是对它们的一个简单的二次封装。可根据自己的需要随意增删。- vs-date-picker API- vs-date-picker 使用代码演示 <van-cell title='选择时间' :value='dateTxt' is-link @click='openPicker' /> <VsDateP.
2021-06-16 16:37:42
3133
1
原创 vue中实现echarts圆环默认高亮
echarts 圆环默认高亮,点击切换在实现过程中主要遇到了一下难点(1)labelLine的颜色需要和图形颜色对应(2)扇形标签的文字样式定义(label)设计图如下vue文件代码如下<template> <div :id="id" :class="className" :style="{width,height}"></div></template><script>import resize from './m
2021-06-16 10:54:57
938
原创 深入浅出理解JS事件循环机制
在说JS事件循环机制之前,我们先从操作系统是如何开启一个进程讲起。一、 操作系统是如何执行 “多任务” 的什么是多任务?同时运行多个任务,比如:一边用浏览器上网,一边听歌,一边使用电脑微信聊天,至少有3(3+)个任务同时执行。mac、linux、windows这些操作系统都是支持“多任务”的操作系统这些操作系统是如何实现“多任务”操作的呢?— 由系统的CPU来执行(1)、单核CPU执行“多任务”:操作系统轮流让各个任务交替执行。例:任务1执行0.01s,然后任务 2.
2020-10-29 13:33:27
774
原创 npm i 安装 -g -D -S的区别*
npm i安装命令中的-g -D -S的区别npm i xx -g:npm install xx --global的简写,对模块进行全局安装所谓全局安装,是指把模块安装到操作系统上,全局是指操作系统,全局安装完成后,一般会安装到AppDataAppData\Roaming\npm目录下。如:npm install webpack -g,就是全局安装webpack,在操作系统的任何一个目录下...
2020-03-19 10:21:49
258
原创 html2canvas+Filesaver.js保存图片
> 项目需求及遇见问题:1、 需要在pc端上下载一个图片(图片要求为:通过qrcode生成的二维码+自定义的样式和文字。2、最开始利用html2canvas插件实现把html转化为canvas,通过把canvas转化为图片并下载。)3、html2canvas在滚动后截图会有空白的问题,a标签下载图片浏览器的兼容问题。最大的困难还是因为html2canvas在产生滚动条后截图会有空白的...
2020-03-17 16:22:29
1529
原创 html5拖拽事件总结
html5的拖拽是一个比较常见的功能,目前jQuery封装的拖拽插件也比较多,这里我用原声js写一个简单的拖拽demo,主要是便于了解拖拽的原理。希望对初学者有所帮助。html5拖拽属性:draggable 让div可拖放:<div draggable='true'><!doctype html><html> <head>...
2019-08-22 10:39:37
326
原创 html标签汇总
标题标签<h1>-h6> 无兼容问题<hr> 标题标线(无兼容):标题的border线 ,可以通过样式修改默认值段落标签<p> 段落(无兼容)<br/> 段落换行(无兼容):在一个段落需要强制换行可使用文本格式化标签<b> 粗体<i> 斜体<small> 小号字体...
2019-08-14 15:13:48
517
转载 解决ios浏览器中无法禁止缩放的问题
最近在项目开发过程中发现在Safari浏览器中双击按钮会导致页面放大的问题,首先我看了mete标签并在这个标签中添加了禁止用户缩放的属性,这个bug依然存在,百度一番资料后,发现在 iOS 10之前,iOS 和 Android 都可以通过一行 meta 标签来禁止页面缩放 <meta content="width=device-width, initial-scale=1.0, ma...
2019-07-16 14:18:41
1577
原创 Safari浏览器中工具栏的高度问题
苹果浏览器工具栏是否占html页面高度有以下情况第一种:使用高度100vh时:100vh=当前视口可见高度 这种情况下工具栏的高度是不包含在100vh里面的,所以设置高度为100vh在苹果浏览器中打开会出现滚动条的问题或者页面被工具栏遮挡,这种是我在移动端开发中比较常用的方式,快捷简单。第二种:直接设置html,body,div 一级一级的设置高度为:100% 在苹...
2019-07-10 14:18:06
9713
原创 关于web前端最头疼的适配问题
pc适配: 1.采用百分和css3的媒体查询进行适配, 实际的宽度高度(单位:%)=实际宽度或者高度 / 屏幕分辨率宽(1920)* 100% 2.vw单位慢慢开始得到浏览器的支持,实际宽度高度(单位:vw)=实际宽度高度/屏幕分辨率宽(1920)*100% 3.媒体查询,给不同分辨率设置单独的样式在某公司写一个主系统pc端的后台管理系统的时候,就遇到适配问题。一...
2019-07-10 11:46:46
1155
原创 在cube ui中使用better-scroll 自定义下拉刷新和上拉加载内容
在这次写项目中,偶然看到cube-ui组件库,看到这个ui组件库滚动盒子都是根据better-scroll封装的,在移动端上滑动效果体验比较不错,于是我决定使用cube-ui组件库,在使用过程中,在自定义下拉刷新中出错,由于项目时间比较紧张,也就没有再细研究。今天中午闲下来,完整代码如下:(需要注意的是:所以必须要绑定滚动事件:让下拉刷新盒子的top值实时于内容顶部位置吻合)<te...
2019-06-28 15:59:51
2864
原创 在vue 中 使用 sass 并出现loader重复编译报错问题
1.安装sass :npm install node-sass sass-loader --save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{test: /.scss$/,loaders: [‘vue-style-loader’, ‘css-loader’, ‘sass-loader’]}出现因为sass-loader重复解...
2019-06-27 18:25:38
1339
原创 解决echart地图在平移和缩放后,重新生成地图,这时生成的地图不在容器中间,会跑到容器外面去。
项目需求:用echart做一个中国地图(可缩放和平移),添加省的点击事件。完成之后出现bug项目做完之后发现,在地图平移之后,点击到省,由于中心点的偏移,省跑到容器意外的地方去了所以看不见。百度查了很多资料依然没有解决这个问题。一开始以为是数据更新的时候需要重置坐标轴的中心点,但是中心点是经纬度,比较麻烦解决办法后来发现,是重新绘制图表的时候需要:this.chart.setOptio...
2019-06-27 17:06:38
7809
10
原创 cube ui tabbar 组件结构布局理解
在之前项目中,由于设计图对tabbar设置固定的宽度,但是cube ui中都是全宽,在写项目的时候没有仔细看html布局和css样式,以为不能改变为固定宽度。在项目结束后,我研究了一下,终于解决。选中下划线:根据translate平移做的...
2019-06-27 16:51:46
1121
原创 vue中 给router-view 组件的 绑定 key 的原因
1. 不设置 router-view 的 key 属性由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候你需要在路由组件中, 添加beforeRouteUpdate钩子来执行相关方法拉去数据相关钩子加载顺序为: before...
2019-05-09 14:40:00
8771
原创 用 grid 布局轻松解决左右两列内容都是动态的,要求自适应文字高度
要求左右两列内容都是动态的,要求自适应文字高度,同一行其行高一致;原来数据是死的,用 flex 布局,左右分别两个 div,由于文字长度固定,不会有问题。后来数据是动态的,可能造成同一行高度错位的问题。实现效果直接上代码<template> <div class="g-body"> <div class="key"...
2019-05-08 10:53:39
3571
转载 ECharts xAxis.type='time'时间轴时卡顿问题
卡顿问题出现背景:ECharts^4.0.4 + Vue^2.5.9option中主要耗能设置为:折线图 + Y轴2 + series3 + 数据量1300*3 + dataZoom控件最开始X轴type为类目轴category,最近根据情况想改为时间轴time卡顿主要表现在tooltip显示和拖动dataZoom时。上周在使用的时候发现号称支持千万数据流畅显示的EC居然在1300*...
2019-05-08 09:42:06
1841
转载 vue项目中配置favicon图标
vue项目中配置favicon图标如上图所示,页面顶部的小图标会让页面显得高大上,一般把这种图标叫做favicon图标。利用vue-cli脚手架搭建的项目,如果不手动配置,页面中是不会显示favicon图标。不配置是这样子的:favicon图标的配置也很简单,vue-cli默认帮我们安装了html-webpack-plugin(如果没有,可以自己npm安装),我们只需在html-webp...
2019-05-08 09:37:28
759
原创 js判断内容区域是否滚动到底部
1、element.scrollHeight + element.scrollTop +element.clientHeightelement.scrollHeight:内容区域的高度element.scrollTop:滚动条的高度element.clientHeight :内容区的可见高度if(element.scrollHeight - element.scrollTop === el...
2019-05-08 09:32:19
2698
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人