- 博客(39)
- 收藏
- 关注
RSS订阅原创 canvas 转图片toBlob 方式
function downloadByBlob(blobObj) { const link = document.createElement('a'); link.style.display = 'none'; const downloadUrl = window.URL.createObjectURL(blobObj); console.log("downloadUrl--", downloadUrl); .
2022-05-06 15:21:19
6408
原创 前端设置滚动条位置居中
一、解决方案滚动的元素.scrollLeft = （滚动的元素.clientWidth - 外层盒子.clientWidth）/ 2完整DEMO<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
2022-03-31 09:40:04
2866
原创 mpvue使用echarts,遇到t.addEventListener is not a function 错误解决。
一、问题在是呀mpvue echars 遇到：二、解决：重新装个 echars 5.2.2.就好了。cnpm i [email protected] -S三、原因：装包时候发现：其中：5.2.2中有：5.3.1中：推测是5.2.2包没有更新问题，重新更新解决。...
2022-03-29 16:11:06
3737
2
原创 前端渲染函数使用以及使用vue-tree-color组件添加点击事件
渲染函数添加点击事件： on-click={ () => this.onAdd(data) } <div class="options"> <div class="icon-wrap" on-click={ () => this.onAdd(data) }> <a-icon type="plus" style="font-size:
2022-03-28 14:52:19
1198
原创 mpvue事件修饰符添加
一、微信小程序<button class="avatar-wrapper" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar"> <image class="avatar" src="{{avatarUrl}}"></image></button> ```bash在这里插入代码片二、mpvue 实现bindchooseavatar=“onChooseAvatar” <bu
2022-02-18 17:54:51
489
原创 H5，微信可用简洁Loading
一、效果二、代码<!DOCTYPE html><html><head> <title>Loading</title> <style type="text/css"> html, body { width: 100%; height: 100%; } body { backgro
2022-02-16 16:50:44
363
原创 git冲突处理
情形：本地代码未提交至本地仓库，远程已有更新；解决：1、git add . 提交至本地暂存区；2、git pull 再次拉代码；3、删除冲突部分；4、git add . git commit -m5、git pull6、git push
2021-11-03 09:15:44
79
原创 Axios Content-Type 几种类型区别
1、Content-Type: application/json: 请求体中的数据会以json字符串的形式发送到后端。2、Content-Type: application/x-www-form-urlencoded: 请求体中的数据会以普通表单形式（键值对）发送到后端；3、Content-Type: multipart/form-data: 将请求体的数据处理为一条消息，以标签为单元，用分隔符分开，既可以上传键值对，也可以上传文件。 Qs作用：序列化字符串（处理一种后端拿不到前
2021-10-29 14:48:49
346
原创 递归查找某一子项
recursion(arr, val) { if (this.industryName) { //结束递归 return; } arr.find((item) => { if(this.industryName) { //结束arr遍历 return true } if (item.INDUSTRY_CODE == val) {
2021-10-09 15:34:00
126
原创 解决小程序swiper高度无法自适应
一、思路：动态获取swiper子元素高度。二、实现：1、设置统一方法设置swiper 高度：// 获取swiper高度const getSwiperHeight = (p, element) => { console.log('p----------'); console.log(p,element); //创建节点选择器 let query = wx.createSelectorQuery(); //选择id let that = p; query.select(
2021-08-03 15:50:06
1400
原创 小程序加节流操作
一、节流代码：// 节流const throttle = (fn,delay) => { let last let timer var delay = delay || 200 return function(){ let that = this let now = +new Date() if(last && now - last < delay) { showToast('请勿频繁操作!','none
2021-08-03 10:13:54
419
原创 无限分类从某一个子类开始回溯所有父级
一、1、模拟数据：let tree = [ { id: 1, children: [ { id: 68, children: [], }, ], }, { id: 2, children: [ { id: 21, children: [ { id: 211, children: [],
2021-07-14 13:22:30
111
1
原创 前端后台数据修改时数据回显思路
后台修改数据操作必然会遇到数据回显问题解决方案：1、每次打开编辑信息的窗口、都重新渲染一次当前窗口子组件 添加 v-if = 'someShow'refresh(){ this.someShow = false this.$nextTick( () => { this.someShow = true } )}2、设一个临时变量、保存当前已选项点取消、默认值不变（不做操作）点确定、将临时变量保存的已操作值传给默认值3、子组件到父组件： 数据一变化就将当前值传值给父组
2021-06-23 17:11:00
6317
原创 解决elementUI中table多选分页后选中回显、勾选分页后不保存问题
一、问题一：Table勾选分页后不保存解决： Table 添加row-key作唯一标识代码： <el-table :data="packageItems" :header-cell-style="{ background: '#F6F6F6' }" :height="500" stripe border highlight-current-row @selection-change
2021-06-23 15:11:14
1783
原创 element new Date()失效
一、遇到的问题vue element 使用时分秒时 new Date（）使用不了二、解决加 value-format三、具体原有待查明...
2021-06-16 13:04:09
289
原创 CSS 文字下面横线
.active{position:relative;color:#ff0005;}.active::before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:'';width:50rpx;height:5rpx;border-radius:5rpx;background-color:...
2021-06-11 16:05:08
2902
1
原创 解决： Prettier 格式化代码快捷键失效
1、项目中 失效的原因是 标签不正确 比如 多个 div 少一个 div 标签 此时VScode 右下角2、处理好标签的对称性后3、此时再格式化代码，成功！
2021-06-11 09:12:05
1052
2
转载 解决：vue 动态添加路由 router.addRoutes（） 死循环、页面刷新空白BUG
1、由于子路由都是动态追加的，当界面刷新的时候，其实我们路由里面并没有该子界面的配置，所以就是404咯，也就是空白咯。2、next({ …to, replace: true })中的replace: true只是一个设置信息，告诉VUE本次操作后，不能通过浏览器后退按钮，返回前一个路由。 因此next({ …to, replace: true })可以写成next({ …to })，不过你应该不希望用户在addRoutes()还没有完成的时候，可以点击浏览器回退按钮搞事情吧。3、如果参...
2021-06-08 11:18:13
5031
原创 微信小程序将页面滚动到目标位置，支持选择器和滚动距离两种方式定位
wx.pageScrollTo实现页面滚动到目标位置一、场景点击评论、页面滚到评论所在位置、点击服务页面全部展示。二、方法。 //点击评论（使用选择器使页面滚动到服务和预约所在页面位置） commentItem(e) { if (wx.pageScrollTo) { wx.pageScrollTo({ selector: '.contain_content' }) } else { wx.showModal({ .
2021-05-31 15:08:20
1048
原创 css 文字字体 变大始终基于底部对齐
//--CSS .price-con { height: 25px; padding: 6px 0 0; line-height: 1.6; margin-top: 100px; } .coupon-price-title { vertical-align: baseline; font-family: PingF.
2021-05-27 10:33:02
454
原创 微信小程序图标和文字不居中
一、解决父元素： {display: flex;align-items: center;}//查看文字高度，给图标设置高度！！！！.iconright_8 { font-size: 41rpx; color: #777; height: 40rpx;}
2021-05-26 14:10:21
1250
原创 已解决：element Table 多选表格 全选禁用
一、项目中需要的效果是去除Table的全选功能二、解决：/* 禁用全选 *//deep/ .el-table__fixed-header-wrapper .el-table-column--selection{ border: 1px solid red; text-indent: -999999px;}三、解决前：四、解决后：...
2021-05-20 13:12:18
4959
原创 已解决：element Table 滚动条首次进入不显示、偶尔切换页面后不显示，刷新当前页或改变窗口才显示
记录一下在项目中遇到的问题，困扰了几天最终解决了。一、问题：element Table 滚动条首次进入不显示、偶尔切换页面后不显示，刷新当前页或改变窗口才显示。1、首次进入的效果可以看到滚动条并没有渲染出来，但是刷新页面或者改变窗口大小。又会出现。最后一点点查看DOM元素、发现了问题：这是无滚动条首行最后一个单元格：；这是又有滚动条首行最后一个单元格：；然后再改下这个属性：二、解决直接在css中添加：//显示滚动条/deep/ .el-table--scrolla
2021-05-16 17:52:41
5259
2
原创 字体图标和文字垂直居中
一、写微信小程序项目时候遇到的问题//wxml<view class="box"> <text class="iconfont iconright_8"></text> <text>测试</text> <text>2</text></view>//wxss//--使用flex：.box text { display: flex; align-items: center;}
2021-05-14 10:24:27
386
原创 eleemtn show-overflow-tooltip 提示长度修改
1、直接使用 <el-table-column prop="remark" label="备注" header-align="center" align="center" min-width="150" show-overflow-tooltip ></el-table-column>效果：2、预期达到的效果；长度过长隐藏超出部分。
2021-04-28 11:12:33
1376
4
原创 element Dialog中嵌套form第一次清除验证问题
//Dialog <el-dialog title="更新用户信息" :visible="showUpdateDialog" width="500px" :show-close="true" :closeOnClickModal="false" v-dialogDrag @close="onCancelUpdate" > <el-form :model="userIn.
2021-04-23 13:58:40
466
原创 element 分页的两种方法
一、每次获取的数据都是从后台全部获取到，在前台改变 Table data实现例子：<template> <div> <el-table :data=" tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize) " style="width: 100%" > <el-table-column p
2021-04-14 15:11:25
6433
3
原创 vue中data没有定义的数据无法实现 数据双向绑定
1、<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose" > <span>这是一段信息</span> <input type="text" v-model="test.name"> <h1>{{test.name}
2021-04-13 13:43:08
1336
2
原创 VScode快捷键格式化代码失效，可能解决方法
我遇到的快捷键失效解决的方法是：1、鼠标右键选择格式化文档方式2、输入一个默认的格式化方式。（重试Alt+Shift+F就可以了）
2021-04-01 09:20:38
8938
原创 解决Element-ui el-cascader在失去焦点时校验
一、问题描述：我想实现，在cascader级联选择器，失去焦点时候，如果没有选择省市区则提示valid信息；更改前：二、问题解决在规则配置的时候，级联框 trigger: 'blur‘ 触发不了，只能选择 trigger: 'change'触发;具体解决方案如下：（添加cascader失去焦点事件，在失去焦点事件中添加validField 方法只验证 address）//级联框代码 <el-form-item label="省/市/区" prop="address"&g
2021-03-31 21:42:55
4714
4
原创 解决CSS子元素绝对定位致使父元素高度为0
方法： 使用JS代码：// 解决子元素决定定位父元素高度塌陷varfather =document.querySelector('.father ');varson =document.querySelector('.son');father .style.height=son.offsetHeight+'px';
2021-03-20 14:06:22
2208
原创 ESlint 冲突解决
1、与APP.vue同级 创建vue.config.jsmodule.exports = { lintOnSave: false}2、修改 package.json"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "eslint --fix --ext .js,.vue src"},3、创建 格式化文件的配置项 .prettierrc...
2021-03-14 16:30:47
779
原创 手写实现深拷贝
//测试对象var test = { a1: 'name', a2: undefined, a3: null, arr: [111, { age: 18 }], info: { uname: 'zs' } } //实现深拷贝的函数 function deepCopy(sourc...
2021-02-26 10:50:37
263
原创 解决vue装脚手架时候，npm ERR! code EEXIST报错！！
解决：使用cnpm安装就行了;第一步：npm install -g cnpm --registry=https://registry.npm.taobao.org装好后测试下 cnpm -v 查看版本号；第二步：cnpm i -g @vue/cli ；——解决
2021-02-06 15:58:05
2026
1
原创 vue中watch同时监听多个数据，多个数据的执行顺序
vue中watch同时监听多个数据，多个数据的执行顺序工作中遇到的小问题，在此记录一下，代码如下：goodsData和idList都是从父组件传递过来的值。下面是父组件中发送请求消耗的时间，idList消耗8ms,所以在子组件之中，先执行idList里面的代码。所以得出结论：watch 里面的顺序执行异步任务，如果watch监听父组件传递过来的数据，数据执行的顺序依据数据接收快慢执行，（即速度快的先执行，速度慢的后执行！）...
2021-01-21 09:30:49
3716
原创 CANVAS drawImage 绘图图片模糊已解决
Vue 中 组件命名，父组件向子组件传值props 里面元素的命名，在标签中都不识别大写，要求驼峰命名改为小写。
2021-01-05 10:02:12
5191
原创 JS中继承总结
JS中继承的四种方法//一、原型继承 // 父类 function Persion(name,age){ this.name = name; this.age = age; } // 父类的原型对象属性 Persion.prototype.id = 6609;
2020-11-26 18:51:01
79
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人