- 博客(50)
- 收藏
- 关注
RSS订阅原创 部分浏览器兼容遇到的问题
问题：子DIV的宽度和父DIV的宽度都已经定义，在IE6中如果其子DIV的宽度大于父DIV的宽度，父DIV的宽度将会被扩展，在其他浏览器中父DIV的宽度将不会扩展，子DIV将超出父DIV。important。问题：ie6默认div高度为一个字体显示的高度，所在ie6下div的高度大于等于一个字的高度，因此在ie6下定义高度为1px的容器，显示的是一个字体的高度。问题：ie的bug，嵌套使用ul、li时，里层的li设置float以后，外层li不设置float, 里面的ul顶部和它外面的li总是有一段间距。
2023-07-19 16:19:13
723
原创 uni-app 微信小程序报40029
uni-app 微信小程序报40029很多文章都说了报40029是因为code 用了2次，但是不管你怎么检查，你都是用的一次，这个时候，就检查一下是不是appid的问题，你放上去的appid和自己开发工具的appid不一致。...
2022-05-17 15:05:20
1422
原创 uni-app 微信小程序 编译的时候白屏问题
uni-app 微信小程序 编译的时候白屏问题忽略我的图片，随便找的我最近又开始写微信小程序了， 真的心烦，这个东西太坑了，我去好多地方都看到这个问题，但是没有人写解决方法，都是需要关闭小程序开发者工具，再次在HX中重新编译，这样就拖慢了我们的进度，也很磨人。不过我试验了一种方法比这个方便一点，就是清除编译缓存，然后在点击编译，如果还没有出来，就再点击一次，就可以编译成功了。希望对大家有用处，如果你有更好的办法，希望能在评论中留下你宝贵的足迹。...
2022-05-03 17:19:14
1426
1
原创 关于动态变换的路由怎么确定面包屑导航
关于动态变换的路由怎么确定面包屑导航今天写不完，先占个坑最近在写一个项目，发现项目的侧边栏不是固定的，且层级比较深，在路由页面做不到 固定meta下面的title，但是呢，不能因为这点事情，就不写面包屑了。下面就开始吧路由基本上构成是 xxx/:id/:sid/:tid 这个形式的，每个id 对应的name 才是我们需要的路由...
2022-03-31 10:43:37
292
原创 vue 直接安装 sass-loader node-sass 报错
vue 直接安装 sass-loader node-sass 报错使用 npm i sass-loader node-sass -D 直接安装时会报错，这里是因为sass-loader 的版本太高了，请安装 7.3.1 版本的sass-loader如果你还需要做自定义配置主题颜色，恰巧你又是直接在src下面新增一个名叫 element-variables.scss 的文件，不是使用命令创建的，那么你后续会遇到 node-sass 版本不兼容的问题，2021年10月28号，我这里安装的是6.0.1的版本
2021-10-28 14:17:53
527
原创 jq清除select框的数据
jq清除select框的数据最近在接触 jq 的项目，之前都没有写过，最近遇到一个不知道怎么写的东西，记录一下$('#id').val('').trigger('change')
2021-08-25 13:48:16
350
原创 前端禁止复制
前端禁止复制页面内容禁止复制.css { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ -o-user-select:none; user-select: none;}elementui input 禁止输入 禁止复制把数据放在
2021-06-05 10:21:25
823
原创 elementui 在drawer 中打开 dialog 会全局灰屏
elementui 在drawer 中打开 dialog 会全局灰屏解决方法给dialog 中加上 append-to-body 就可以了
2021-06-04 10:10:48
1910
1
原创 vue + D3 力导向图
vue + D3 力导向图这个力导向图支持 节点点击之后出现数据， 单个节点可以用图片显示， 单个节点可以拖动， 整个页面可以缩放
2021-05-31 15:19:04
1130
原创 vue2 npm run dev 卡住
vue2 npm run dev 卡住今天遇到了很惊奇的一件事，就是我在改了我的代码之后，发现我的页面卡住了，然后去看了一下发现卡在了98% 这里，关闭重新来过也没有用。后来仔细检查了代码之后发现，是因为我自己在 import 的时候，多引入了空的东西，这里还有如果是在 template 下面的根节点也不能用2个根节点，这样也会卡住不能编译成功...
2021-05-21 15:14:55
1204
2
原创 require.context()
require.context()require.context 是一个 webpack 的 api ，主要是用于获取一个文件中的所有文件，不过需要有过滤参数。这个是用来实现自动化导入模块，在前端实现的过程中，我们是有时候会导入挺多的文件，可以不需要 import app from ‘./modules/app’ ， 使用这个api了， 自动导入我一般会在store中使用这个api在使用这个api的时候，我们可以直接在index.js这个文件中写入，这里就省略了多余的 import app f
2021-05-10 16:07:44
625
原创 去除overflow: auto；的滚动条
.sidebar-wrapper { overflow: auto;}.sidebar-wrapper::-webkit-scrollbar { display: none;}
2021-03-18 10:35:16
512
转载 浏览器禁止选中文字，改变在浏览器上选中文字的背景
浏览器禁止选中文字<!DOCTYPE html><html> <body> <div unselectable="on" style="background:#ccc;">unselectable="on"</div> <div style="background:#ccc; -webkit-user-select:none;">-webkit-user-select:none;</div> <div
2021-03-10 10:56:05
266
原创 使用回车切割字符串
使用回车切割字符串let header = this.allheader.split(/[(\r\n)\r\n]+/)header.forEach((item,index) => { if(!item) { header.splice(index, 1) // 删除空的 }})
2021-03-09 11:21:54
511
原创 elementui el-input记住密码之后选择的账号和密码，改变了背景颜色
elementui el-input记住密码之后选择的账号和密码，改变了背景颜色如果各位大佬使用的是这个大佬写的框架做的后台管理那么这个就可以继续下面看了我们在登录页面使用$bg:rgb(216, 217, 220);$light_gray:#606266;$cursor: #606266;@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { .login-container .el-input input {
2021-02-06 13:47:50
2079
5
原创 vue 下载 流文件 导出表格
vue 下载 流文件我们在有时候会接到导出的任务，这里如果是后端给你下载地址的话，这样会好很多，但是也有很多是后端返回的流文件，这个时候 后台返回的然后我们需要转码方法一：通过插件https://github.com/kennethjiang/js-file-download然后安装npm install js-file-download --save在需要使用的地方var fileDownload = require("js-file-download");接口文件部分//以下
2021-02-05 16:32:17
344
原创 el-select绑定值为对象时，报错[Vue warn]: ＜transition-group＞ children must be keyed: ＜ElTag＞
el-select绑定值为对象时，报错[Vue warn]: children must be keyed: 出现这种事情，基本上就是你的el-select 的 v-model所绑定的是一个对象，或者是一个数组，这个时候，我们需要在el-select上加一个value-key属性<el-select multiple value-key="ctime" v-model="instance[item.id]"> <el-option v-for="item in userLis
2021-02-04 13:15:26
962
3
原创 vue 修改当前路由的名称
vue 修改当前路由的名称this.$route.meta.title="写上你要修改的名字"this.$router.replace({ query: { temp: Date.now() //必有 }});
2021-02-02 11:00:40
2735
2
原创 vue 前端复制到剪贴板
vue 前端复制到剪贴板下载它npm install vue-clipboard2 --save在main.js 注册import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)页面上使用<el-button v-clipboard:copy="invite" v-clipboard:success="onCopy" v-clipboard:error="onError" ico
2021-01-29 15:02:48
163
原创 本地缓存 localStorage
本地缓存 localStorage我有这样一个需求 在打开页面的时候 上一次请求的东西还存在这里可以使用本地缓存设置localStorage.setItem('nickname', this.ruleForm.nickname);取用this.ruleForm.nickname = localStorage.getItem('nickname');...
2021-01-29 14:57:32
910
原创 vue 引入 echarts 报init的问题
vue 引入 echarts 报init的问题今天是2020 12 03 记录一下echarts 的问题使用方式我就不写了，百度一下很多的。这里我要说的是，按照要求引入了echarts init会报错这个时候看一下你下载的echarts 是不是直接下载的，这个日期的echarts是 5 的版本这个时候我们不要这个最新的卸载它npm uninstall echarts --save 后续在谁便下一个旧的版本npm install echarts@4.8.0 --save@后
2020-12-03 16:43:24
2315
7
原创 前端 从0到1安装环境 （vue)
前端 从0到1安装环境 （vue)下载安装nodehttps://nodejs.org/en/download/ 下载地址进入之后按照自己电脑下载对应的版本安装好之后打开Powershell窗口 输入node -v 如果下面有版本号，这个就是安装好了。安装cli$ npm install -g @vue/cli安装之后，还是刚刚的那个窗口键入$ vue --version查看版本号如果有版本号出来的话，就代表已经安装好了创建vue项目进入到自己的文件夹中，随便找一个
2020-11-26 18:17:35
148
原创 css 两边是线，中间文字的多种实现方法
css 两边是线，中间文字的多种实现方法<div class="soild_text_one"> <fieldset> <legend>历史活动一</legend> </fieldset></div> <div class="soild_text_two"> <hr/><span>历史活动二</span><hr/></div>
2020-11-23 16:26:27
585
原创 element 表格背景颜色透明
element 表格背景颜色透明/deep/ .el-table, .el-table__expanded-cell { background-color: transparent;}/deep/ .el-table tr { background-color: transparent !important;}/deep/ .el-table tbody tr:hover>td { background-color: transparent !important}
2020-11-13 11:25:24
2579
原创 前端实现图片下载
前端实现图片下载在这里我们需要一个插件 html2canvas 下载它npm install --save html2canvas在需要的页面引入import html2canvas from "html2canvas"我这里使用的是需要下载多个的，但是我没有找到怎么直接下载多个，然后，我就直接使用了递归一个下载完了之后下载下一个，直到下载完成，我在图片上传到阿里云，图片超过1的时候也是这样操作的。但是这个东西需要使用到ref , 这里其实有点坑， ref 我有试过，给出变量赋值，但是这个在下面
2020-11-06 16:44:09
180
转载 城市按A-Z json表
城市按A-Z转载于https://blog.youkuaiyun.com/qq_36856163/article/details/97109683citys:{“hot”:[{“id”: 1,“spell”: “ab”,“name”: “北京”}, {“id”: 2,“spell”: “ab”,“name”: “上海”}],“A”: [{“id”: “161”,“spell”: “anshan”,“name”: “鞍山”}, {“id”: “226”,“spell”: “anqing
2020-10-26 13:01:36
1079
原创 uni-app 微信小程序 模仿 app二层楼功能
uni-app 微信小程序 模仿 app二层楼功能先占个坑，今天应该写不完， 后续在慢慢补全我接到有一个这样的需求，页面是一个门店的首页，在正常页面的下面有一张海报图，前面的内容要露出大约100px的高度，然后下面的就是主要内容 ， 但是你在拉主要内容这个元素的时候，慢慢拉会有下拉刷新回弹的效果，拉到一定程度的时候，前面的主要内容掉下去，展示后面的海报图。 等到后续在下面向上拉的时候，在回弹回来。这个有点像淘宝的二层楼。下面来做一下分析，...
2020-10-24 15:40:50
2221
42
原创 获取微信小程序右上角胶囊的位置
获取微信小程序右上角胶囊的位置微信中有一个api是用来获取胶囊的位置以及其他信息的，这个可以在我们使用自定义的标题的时候避开这个位置，或者自己写点什么东西 ，要和胶囊对齐的apiwx.getMenuButtonBoundingClientRect()返回回来的数据就是胶囊的位置信息这个时候就可以操作了这个有可能在onLoad() 获取不到数据，这里可以使用setTimeout延迟 也可以在onReady() 中使用建议在onReady中使用...
2020-10-21 12:34:33
3429
原创 标题太长，显示2行，多余的使用省略号
css 标题太长，显示2行，多余的使用省略号小程序中使用display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;pc端使用text-overflow: -o-ellipsis-lastline;overflow:
2020-10-21 10:47:39
1131
原创 vue-element-admin 左侧的导航栏固定展开，不关闭
vue-element-admin 左侧的导航栏固定展开，不关闭项目需要把左侧的导航栏固定打开，不关闭我们只需要打开store-modules-app.js文件中，把下面的代码给修改就可以了
2020-10-19 11:13:32
4522
3
原创 选择金额充值的选中css样式
有一个这样的需求左边是未选中状态，右边是选中状态，从左边到右边，纯css实现html部分<div class="select">500元</div>css部分.select { position: relative; width: 120px; height: 36px; text-align: center; line-height: 36px; color: rgb(24, 144, 255); backgro
2020-10-15 12:18:35
1215
2
原创 使用elementui 的时间选择器的时候 编辑回显的时候数据赋值的问题
使用elemetui 的时间选择器的时候 编辑回显的时候数据赋值的问题在使用elementui的时候， 我们把后台传过来的数据给放在之前所在的地方的时候，这个时候，我们的时间不会显示在组件里面const start = res.data[0].runtime[i].substring(0, 5)const stop = res.data[0].runtime[i].substring(6)this.ruleForm.runtime[i].time[0] = startthis.ruleForm.
2020-10-09 17:17:31
1499
原创 uni-app 微信小程序端使用weapp-cookie的一点点问题
uni-app 微信小程序端使用weapp-cookie的一点点问题前段时间用了weapp-cookie这个插件，说是可以在小程序中加上一行代码，然后就可以让小程序支持cookie 。按照文档引入进去之后发现，没有什么用，然后我就在怀疑这个是不是不能用。在看了它自己的引用之后，发现这个是引入的是dist下面的weapp-cookie.js文件。现在知道引入的文件之后，后面就可以看源码了后续发现是因为cookie没有设置进去大家找到这一行代码var responseCookies = respons
2020-09-30 16:08:44
3312
2
原创 手动写一个类似Tooltip 的文字提示
直接上代码吧<div class="course" labelTooltip="文字提示"></div>.course:hover:before { position: absolute; left: 15px; top: 40px; background-color: #999; border-radius: 3px; color: #fff; /*这里显示的内容为表格中自定义的labelTooltip属性对应的值*/
2020-09-30 15:37:27
726
原创 elementui 的时间选择器
elementui 时间选择器elementui 的时间选择器，都是小时，分钟，秒 三个值都存在的， 但是有时候我们不想要秒，这个时候我们可以这样<el-time-picker v-model="value" placeholder="任意时间点" value-format="HH:mm" format="HH:mm"></el-time-picker>format=“HH:mm” 这个就是只显示小时和分钟...
2020-09-30 15:33:59
2241
2
原创 对比两个数组，对象是否完全相等
对比两个数组，对象是否完全相等isObject(obj){ return Object.prototype.toString.call(obj)==='[object Object]';},isArray(arr){ return Object.prototype.toString.call(arr)==='[object Array]';},// 深度判断两个数组是否完全相等equalsObj(oldData, newData){ // 类型为基本类型时,如果相同,则返回t
2020-09-29 11:46:27
1288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人