- 博客(90)
- 收藏
- 关注
RSS订阅原创 vue打包代码webpack-obfuscator混淆
项目用的webpack4，使用2的版本，如果是5要下载新版本的。混淆的爹妈不认，让客户一根刺都挑不出来(＾－＾)V。
2023-04-14 13:36:33
510
原创 element el-input动态生成
element el-input动态生成的时候，动态定义参的时候如果formInfo[item.resourceType]这样是不能进行双向绑定的，即页面上输入框无法输入。因此需要 this.$set(this.formInfo,item.resourceType,’’)。
2022-11-16 13:40:16
603
原创 jquery ajax post请求下载文件
第一次用ajax post请求下载文件 ，之前一直用vue的写，今天用同样方式发现是乱码，走了不少弯路，特此记录下方法 var outData = getData() //传参数据 var url = baseUrl + "/golivepm/reconcByZsd/download"; //接口 var xhr = new XMLHttpRequest(); xhr.open('POST', url, true);
2022-11-16 13:39:34
3699
原创 echarts map地图自动高亮 轮播高亮状态，鼠标移入取消轮播
用dispatchAction修改地图当前状态，绘制地图后调用myChartChange。以上可以自动轮播地图高亮，但是鼠标移入后会出现两个高亮，所以要在鼠标移入后取消以上的操作。主要用mouseover和mouseout事件配合。提示：离开页面取消定时器。
2022-11-16 13:31:34
1954
原创 echarts map地图整体渐变色背景，选中地图后样式修改
echarts配置里颜色只能修改单个地图块的颜色，改变整体的有两个做法：1.获取每个地图块方向和渐变色的值，每个单独写。2.写两个地图，下面一层用不包含子区域的地图，上层的地图用透明色。我用的第二种方法，具体如下：先准备杭州市整体区域的json文件，和一个包含杭州各个区的json文件。
2022-11-16 11:34:43
2559
4
原创 echart柱状图过多滚动，动态滚动
内容过多，页面太小展示不全可以用option.dataZoom，按住鼠标前后拖动柱状图。动态滚动需要用到setInterval。
2022-11-16 11:10:35
1506
原创 echarts柱状图，一根展示数量另一根展示百分比，渐变色和圆角
柱状图的展示需要的值是数字，字符串的没办法展示，需要两个循环来把字符串转化成数字。
2022-11-16 10:55:43
1147
原创 前端使用下载的字体
直接font-family: BDZongYi-A001;首先下载字体的.ttf后缀的文件，放在项目文件里。然后在需要使用的页面里，先定义字体名字。
2022-11-15 17:33:36
700
原创 vue打包报错error in ./node_modules/view-design/dist/styles/fonts/ionicons.svg?v=3.0.0
注释main.js里import ‘view-design/dist/styles/iview.css’;就不报错看了代码是引入的view-design里css引入的图标报错路径正确，文件也有最后找到vue.config里把这句替换成顺利解决~~~
2022-11-09 09:51:51
664
原创 vue 手机端长按事件，长按保存图片
主要使用@touchstart、 @touchmove、 @touchend。touchmove事件是避免长按滑动手机触发down事件。
2022-08-26 14:27:05
1397
原创 vue scss手机端默认样式
src\assets\common.scss@charset "utf-8";$themeColor: cornflowerblue;$blueColor: #0088cc;/* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling: touch;}/
2022-05-13 14:30:57
268
原创 前端vue设置动态页面title，离开页面和回到页面监听
在src\router\index.ts里router.beforeEach((to: any, from, next) => { document.title = to.meta.title; document.addEventListener('visibilitychange', function () { // 用户息屏、或者切到后台运行 （离开页面） if (document.visibilityState === 'hidden') { docume
2022-05-13 13:34:33
698
原创 vue 父子组件插槽 solt,在父组件自定义在子组件中的渲染的布局
子组件 AshesInfo是data里的属性 <slot :scope="AshesInfo"></slot> 父组件 row是获取的AshesInfo <ashesAdds> <template v-slot="row"> <div class="div_button" @click="nextto2(row.scope)" >
2022-03-23 14:36:53
1285
原创 使用postcss.config时页面用window.onresize方法后 rem会失效
使用postcss.config时页面用window.onresize方法后 rem会失效因为window.onresize会覆盖，使用window.removeEventListener(‘resize’, function(){})方法~~~
2022-03-11 17:15:11
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人