- 博客(43)
- 资源 (1)
- 收藏
- 关注
原创 无障碍开发之——弹出层的背景内容不可点击
拿张图举个例子,有弹出层的时候,采用读屏软件时希望只读得到弹出层的内容,对背景的内容是不可读取的,这种情景下可采用aria-hidden="true" 来实现。具体实现方案是:1. 将背景的大div加上一个class 假如说是class="page"2. 然后在点击弹窗的事件中加上该属性```let page = document.getElementByClassName('page')[0];page.setAttribute('aria-hidden','true');..
2020-07-29 15:04:30
692
原创 js计算精度问题-保留两位有效数字
场景:js 四舍五入保留两位有效数字首先想到的是.toFixed(),方法第一个实参就是保留小数点几位在google浏览器下,(10.175).toFixed(2)//10.18(100.175).toFixed(2)// 100.17看了官方文档,在各个浏览器的兼容性堪忧,所以四舍五入保留有效数字一定不能简单粗暴地用这种方式,否则后果就是要改。那有没有更好的方式去解决这个问题呢,答案一定是yes,那就是Math.round(num)Math.round(num) 函数返回一个数字四舍五
2020-07-10 16:04:18
4028
原创 读书笔记:编写高质量代码-避免全局污染
建议1:避免使用全局变量。努力减少使用全局变量。var a = 10;console.log(delete window.a) // false;console.log(window.a)// 10;以上代码说明全局var 声明的变量是不可配置的 window.a = 10; console.log(delete window.a);// true console.log(window.a); //undefined a = 10; cons
2020-07-10 10:05:54
231
1
原创 vant组件字体库样式本地引入方式解决方案
有个需求,引入了vant组件,但是只有内网,所以需要本地引入局部组件引入的解决方案:1.import { RadioGroup, Radio, CellGroup, Cell, CheckboxGroup, Checkbox, Rate, DatetimePicker, Popup, Uploader, Button, Icon, Slider, Toast } from 'vant';...
2020-01-09 11:16:36
4911
2
原创 使用原生js封装ajax,post、get请求
//五个参数 type:GET/POST, url:请求地址,data:请求的数据,success:成功的回调函数 // failed:失败的回调函数 function Ajax(type,url,data,success,failed){ //创建ajax对象 var xhr = null, ...
2019-11-01 09:39:44
477
原创 样式打包后消失问题LESS文件 -WEBKIT-BOX-ORIENT: VERTICAL;
在-webkit-box-orient: vertical;前后加上! autoprefixer/*! autoprefixer: off */-webkit-box-orient: vertical;/*! autoprefixer: on */记录一下,这样打包就好了
2019-10-11 11:21:36
398
原创 JavaScript 执行机制领悟
以前只知道事件队列,不知道,任务也分:宏仁务、微任务宏任务:包括整体代码script,setTimeout,setInterval微任务:Promise的then,catch,process.nextTick不同类型的任务会进入对应的Event Queue,比如setTimeout和setInterval会进入相同的Event Queue.执行一次宏仁务,再执行所有的微任务;再执...
2019-09-29 11:16:05
92
原创 Beacon API的应用
遇到了一个需求就是,在浏览器被关闭之前要调用一个后端提供的请求,我一开始用axios,信誓旦旦的说,木有问题,后端后来告诉我,没有接收到有请求,这个时候我就去排除下原因,我debugger看了下,明明有发送请求只不过在unload的时候还是pending状态。猜测是不是请求被中断了。尝试用同步请求发现还是没有用,那我能想到的就是用原生的http同步请求,但是缺点也很明显,性能差。所以我又百思不得其...
2019-08-30 13:55:57
832
原创 一个牛x的算法
题目:输入一个递增排序的数组,和一个数字s,在数组中查找两个数,使得他们的和正好是s,如果有多对数字的和等于s,输出两个数的乘积最小的。思路:假如s = 10;Left 0Rigth 11大于 s 则 right左移小于 s left右移function findNumbersWithSum(array, sum) { if (array &am...
2019-08-28 15:17:34
138
转载 MAC下MySQL初始密码忘记怎么办
解决MAC下MySQL忘记初始密码的方法分享给大家,供大家参考,具体内容如下第一步:点击系统偏好设置->最下边点MySQL,在弹出页面中,关闭服务第二步:进入终端输入:cd /usr/local/mysql/bin/回车后 登录管理员权限 sudo su回车后输入以下命令来禁止mysql验证功能 ./mysqld_safe --skip-grant-tables ...
2019-07-16 22:19:11
114
原创 文本换行问题记录
文本换行一般使用word-break:break-all;,但如果换行不成功的话原因之一应该是临近的标签设置了white-space:nowrap;所以这样的话就要设置white-space:noraml;
2019-07-11 21:38:05
139
原创 关于vue的路由带参的解决方案
我想解决的问题是,一个页面跳转另一个页面时,我要带一个对象的数据过去{age:(...) enterNumber:(...) groupTime:(...) patientId:(...) patientName:(...) phone:(...) sex:(...) sexName:(...)}像这样首先想到的是用query然后传该对象过去,但是发...
2019-06-12 15:24:04
442
原创 如何对回调函数额外加参数
commonValid.validName原本写法是上面这种写法,但是我想加个额外参数类型,通过下面写法就可以,前三个是回调函数自带的参数(rule, value, callback)=> commonValid.validName(rule, value, callback,"type"),...
2019-06-11 10:50:26
2615
1
原创 typescript基本类型约束
#基础类型约束>ts是一个可选的静态的类型系统#如何进行类型约束仅需要在 变量、函数的参数、函数的返回值 位置加上...:类型...let name :string;//返回值约束function sum(a:number,b:number):number{return a+b}let num : number = sum(2,3);ts在...
2019-06-11 10:31:34
1716
原创 将扁平的数据根据pid改成n层数据,组成树形结构所需的结构
function filterArray(data, pid) { let vm = this; var tree = []; var temp; for (var i = 0; i < data.length; i++) { //循环数组 ...
2019-05-14 10:31:00
277
原创 如何将扁平的数组,按类别分层级
let arr = [{ title: '1', name: 'name1' }, { title: '2', name: 'age1' }, { title: '1', name: 'name2' }, { title: '2', name: 'age2' }, {...
2019-05-14 10:23:03
464
原创 关于vue打包路径出错问题
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', //注意: 此处根据路径, 自动更改 fallback: 'vue-style-loader' }) } else { ...
2019-02-18 16:46:47
295
原创 关于多个下拉框互斥的问题
1.比如第一个下拉框选中的值,其他的下拉框就必须禁用该值,并且第一个下拉框的该值不能被禁用 var arr = [{code:'1',name:'fff1'},{code:'2',name:'fff2'},{code:'3',name:'fff3'},{code:'4',name:'fff4'}]; var arr1 = ['1','2','3'] ...
2019-02-15 16:32:49
2210
原创 vue中使用echarts加载图表时产生的问题
今天突然发现使用echarts时发现加载的图片时大时小,主要是宽度会变,猜想应该是rendertree生成后,但是rendertree所有资源尚未加载完毕就开始加载echarts导致的问题,解决方案也很简单,采用vue中的this.nextTick(()=>{})属性即可,将echarts...
2019-01-18 17:30:18
2066
原创 关于动态路由的懒加载问题,权限管理
// { // path: 'fbasedata', // name: '模板库', // iconclass:'el-icon-goods', // component:'@/commponents/view/com/public-center.vue', // show: true, // ch...
2019-01-13 18:04:41
880
原创 vue中引入公共js和公共样式写法
在assets/文件家里写好相应的css和js然后在main.js中公共样式引入方法import '@/assets/style/commons.css'公共js采用按需加载方式在页面中按需引入即可
2018-12-19 17:10:46
3354
1
原创 给出年月值,获取月末和月初值
var date = this.filters.month; if (!date) { this.$message({ type: "info", message: "请选择日期" }); return; } date = new Date(date); va...
2018-12-06 17:42:02
306
原创 router.beforeEach死循环原因并且免登陆操作
首先,我想要在通过判断token的值来确定用户是不是已经登录,如果没有登录的用户只能访问登录页router.beforeEach((to, from, next) => { let token = window.localStorage.getItem('token'); if( !token){ next({path: '/'}) } else { ...
2018-12-06 17:16:39
2441
原创 如何用后端返回的token进行请求拦截
其实很简单,只需要在main.js中加入全局请求配置Axios.defaults.headers.common['Authorization'] = localStorage.getItem('token') //请求头里加入token然后添加请求拦截器// 添加请求拦截器Axios.interceptors.request.use(config => { // 在发送...
2018-11-23 15:57:03
3655
原创 我对vuex的理解及其用法
目的:为了非父子组件之间的数据共用。使用方式:一、在src文件夹下新建一个store.js文件二、将store.js文件挂载到vue上:在main.js中 import store from '@/store.js',然后在new Vue中的对象中加入store三、store.js中的操作:引入vue和vuex (import Vue from 'vue' import Vuex ...
2018-10-31 10:57:57
122
原创 ajax原理篇
//五个参数 type:GET/POST, url:请求地址,data:请求的数据,success:成功的回调函数 // failed:失败的回调函数 function Ajax(type,url,data,success,failed){ var xhr = null, ty...
2018-10-16 23:38:42
114
原创 关于vue首屏优化的解决方案
做好了的项目,放自己测试服务器上速度还挺快,所以当时也没想那么多,后来放到公司服务器上,才发现慢的一批,后来想到应该是要进行优化,首先,将所有未压缩的资源,通通压缩一遍,试一下,快了一点点,但还是比较慢,属于那种忍受不了的速度。然后想到使用cdn以减少rendor.js的容量。首先,在index.html页面中引入js时使用cdn引入<div id="app"><...
2018-09-18 16:41:16
1333
原创 关于vue中的element的dialog组件中生成二维码的解决方案
首先今天一直在纠结为什么dialog明明显示了却不显示二维码,直到第二次打开dialog才显示,原来确实如我同事所说,一开始并没有选中相应的容器,原因是dialog的加载需要时间,我用了定时器试一下发现在多久时间之后在执行二维码的渲染事件就可以,这样让我了解其真正的原因。解决方案如下:1.当点击按钮,让dialog显示界面的事件如下lookAdClick(ggwId) {...
2018-09-07 23:36:11
5262
4
原创 关于vue中element 的upload组件发送请求给后端
1.用到了before-upload属性,用于在上传文件前的校验,并且发送请求给后端,传输格式进行文件流传输什么都不用设置,action属性随便设置,不能为空即可!在before-upload属性的方法中的代码如下:var _this = this; debugger; // var files=file.target.files[0]; de...
2018-08-24 18:22:10
9966
2
转载 vueelement中的upload组件上传图片到阿里云服务器案例
1、首先安装依赖cnpm install ali-oss2、封装clientvar OSS = require('ali-oss').Wrapperexport function client(data) { var client = new OSS({ region: '', accessKeyId: '', accessKeySecret: '',...
2018-08-23 23:37:22
5912
原创 vue表单验证方式解析
使用vue做了一套后台管理系统,之前没有太重视表单验证,现在开发已经接近尾声,才发现,不得了,要是都没有验证到时用户体验不好,这个锅甩都甩不掉,所以决定花上一点时间补上这个小缺陷,幸好用的element框架,所以有现成的验证方式,这里先记录下用法,到时别又忘了,也算是归纳总结吧首先说下el-form里面的一些属性的功能<el-form :model="add" :rules="...
2018-08-14 21:06:40
1433
原创 滚动条样式设置
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #666; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track {...
2018-08-09 14:53:29
149
原创 jquery动态生成二维码
两种方式:1.render in table <div> <p>Render in table</p> <div id="qrcodeTable"></div> <p>Render in canvas</p>
2018-08-07 11:07:53
565
原创 获取当前url并且将url的参数传给本页面的输入框
function getUrl(url,name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = !url.split("?")[1] ? "" : url.split("?")[1].match(reg); if (!!r) r
2018-08-01 23:27:39
1969
原创 关于自定义键盘居中的问题
突然接到一个任务需要写一个26个英文字母键盘,一开始也是着急下手,但是发现了问题,就是居中的问题,虽然手动调也是可以,但是很明显兼容性并不好,想到兼容性,我也就条件反射的想到了弹性盒子,我觉得应该可以,那么接下来就是我的思路了,首先键盘分为 <div class="keyboard-base keyboard-first-wrap" style="display:none;">...
2018-07-26 01:38:35
550
原创 vue中导出excel操作
// 导出excel outExe() { this.$confirm('此操作将导出excel文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', t...
2018-07-25 15:47:36
1970
原创 vue部署到服务器之前的准备工作
1.首先需要在config文件夹下的index.js中build对象里的assetsPublicPath属性的属性值由"/"改成"./"2.其次在build文件夹下的utils.js文件中 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallba...
2018-07-24 22:29:24
1242
原创 vue使用axios 发送post请求的四种方法
//写法一 后端可以接收到,应该是json格式 // export const requestLogin = params => { console.log(params); // return $axios.post(`http://192.168.0.105:5846/Home/TestData`, // qs.stringify(params,{ indices: fal...
2018-07-10 09:35:35
15375
2
原创 git与github关联实例
本地项目提交到github还需要git和github关联,为了防止自己遗忘过快,还是记录下来好,下次不清楚可以温故温故git关联github步骤如下:1.打开git bush here ,输入ssh 回车 查看ssh是否已安装2.输入命令 ssh-keygen -t rsa 回车,在自己设定或默认路径打开3.打开github,已经用自己的账号登录,点击settings,然后点击此...
2018-07-08 21:31:09
246
原创 论axios发送post请求后端接收不到参数之解决方案
关于axios的请求说实话之前也不是很熟悉,搞得出现一个问题都不知道该怎么办才好,比如之前就有遇到axiosmock本地一直报404,尤其是post请求,之后我就打算跨域请求,但是跨域又出现另一个问题,get请求后端可以正常显示,但是post请求一直不行,除非后端搞个输入流才能接收到,但是我觉得这样给他们后端带来了不太好的效果,还是觉得不行,一定要解决掉此问题,结果几经尝试,经过好几次的失败终于发...
2018-07-08 18:23:48
883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人