- 博客(33)
- 收藏
- 关注
RSS订阅原创 elementUI upload 上传视频 后台不返回url 如何回显
elementUi的upload组件上传图片是自动回显的。如果上传视频组件不会自动回显，需要手动设置回显，一般采用的是待服务端返回url后设置回显。但是如果后台不返回url，但又需要回显，应该怎么办呢？我一般采取的方法是自己手动生成url，这样做有一个好处，是不用等待上传成功便可以让前端用户抢先一步预览到该视频。具体方法如下：1. 我们知道通过upload上传的文件实际上是存储在了c盘的临时文件夹中. window系统下是C:\Users\${Username}\AppData\Local\Temp
2021-07-18 21:26:48
1519
原创 js利用document.visibilityState 实现类似原生的onShow onHide事件的监听 以及 监听 切换标签页
移动端嵌入的webview一直有一个困扰就是网页端没有onShow事件 这样有很多需求都不太好做; 其实早就有了一个事件来做这个事儿; 经过我测试 目前最新版本的ios14和安卓10 11 兼容性都没问题; 可以正常使用. 所以把这个方法记录一下 分享给还不知道的小伙伴; 具体的文档我放个地址 可以自行去查看 这里我简单放一个录像演示一下https://developer.mozilla.org/zh-CN/docs/Web/API/Document/visibilityState视频展示...
2021-03-14 18:54:50
839
原创 如何手动 展开 收起 elementui cascader 以及 date 等各种组件的下拉框
今天写下这篇博客的原因是在思否上面看到了好几个人提问怎么关闭date等组件的下拉框 看来遇到这个问题的朋友不少; 今天把自己一点儿小经验分享一下;elementUI是这样的 有时候文档不会写 但是每个有下拉框或者弹窗的组件关闭的方法大同小异 一般都是操作组件的 "v-show"指令; 问题是怎么找到控制其显隐的这个属性; 其实很简单 只要获取这个dom就可以了; 我们只要再组件上加上 ref="dateDom"; 然后可以再控制台打印 "this.$refs.dateDom"; 会输出一个对象...
2021-03-14 18:34:34
1985
4
原创 2020年js里的typeof操作符返回值一共几种?
在es3.1时代, typeof 操作符返回值如下:"number" "string""boolean""undefined""object""function"到了es2015时代 typeof操作符返回值如下:新增: "symbol"到了es2020时代 typeof操作符返回如下:新增: "bigint"本文参考MDN官...
2020-05-03 23:53:50
284
原创 vue优化首页加载时间的探索
一个月前, 公司用户反馈后台收到用户反馈, 说我们的iosApp客户端的福利中心页首次加载时间太久. 因为这个页面是嵌入的web网页. 所以早晨开会领导指示要抽时间优化下这个东西. 第一次接到这种工作, 没有什么逻辑可寻. 一开始在网上找了几种方法, 比如模块换成cdn, 优化代码 等等. 但是基本没有效果. 于是,最近的晚上和周六日都在研究, 把测试版代码改的稀巴烂. 算是...
2020-05-03 23:12:13
348
原创 elementUi cascader 级联动组件 hover 收起二级菜单
最近一直和这个组件打交道, 有多个地方不太完美, 一开始领导让先这么用着, 后期再优化. 最近把几个不完美的地方优化了下. 写下此篇. 让遇到此问题的朋友少走类似的弯路. 先简单说下问题, 这个组件默认是点击option, 下拉框就隐藏. 但当我们开启了触发方式为hover的时候, 也就是expandTrigger: 'hover' 的时候. 这个时候点击option...
2020-02-18 21:30:49
2873
2
原创 vue中history路由模式下打包后 二级 多级路由无法访问 刷新空白404的问题
最近写了几个后台,都是用的哈希路由. 前几天写了一个移动端的任务中心. 领导要求需要用history模式的路由.于是踩了一些坑儿. 特地分享给大家. 改为history后遇到了多级路由无法访问的问题, 原因: 我们以前使用哈希路由时, 打包后, 然后访问网址network面板的js文件请求是这样的: http://ap....
2019-12-10 20:03:03
4851
1
原创 js中对象取值的点语法和中括号语法的区别
js中对于对象取值时有两种方法, 一种是点语法, 一种是中括号语法. 但总有人不清楚什么时候用哪种. 网上其他博客有的说的不太全. 这次详细的说的介绍一下: 中括号语法: 任何时候 场合都可使用 适用范围很广; 点语法: 较有局限性, 一下说一下; ...
2019-12-10 00:16:48
3457
2
原创 js原生for循环和map的性能耗时对比
解释: 此测试我在思否已发表, 特意复制到这儿, 让更多的人看到https://segmentfault.com/a/1190000020249549?_ea=18114825其实做过相关测试的博客已经不少了, 但不自己亲身试一下, 死不了这条心. 所以今天恰逢周六, 来用测评笔记本的思维测评一下两者的性能对比.(本人喜欢在51论坛发博客, 此论坛是一个笔记本分享体验的论坛)...
2019-09-01 17:11:33
3861
2
原创 vue中自动改变页面title的简易方法
在做项目的时候, 有时候会有这种需求. 就是每跳转一次页面要改变title. 其实这种功能倒不难实现. 作为前端, 都知道document.title = "标题" 就可以改变页面title了. 但如果页面一多起来, 这样每个页面都来一句就很麻烦了. 有没有一种方法, 只在全局写一句就可以实现这个目的. 有的. 1. 在路由中添加title, 如下: ...
2019-08-24 22:54:12
1006
原创 vue中返回到指定滚动条位置的几种方法探讨
我们在vue开发中经常会碰到一种需求, 返回页面后需要定位到滚动条指定位置, 以增强用于体验. 比如在a页面,它是个列表, a页面是不做分页的. 最常见的就是小说类网站的目录页. 或者后台类网站列表 包含查看更多按钮这种的. 也就是说这种页面我们想观看更多内容, 不然出现滚动条. 但因为vue是单页应用, 当我们点击其中一条数据, 进入b页面. a页面就销毁了. 再从b返回到a时, a...
2019-08-11 17:38:19
1633
原创 快应用开发中的一些注意事项和坑
最近公司在开发一款快应用, 第三版已经上线. 期间也踩了不少坑. 特地发出来 , 希望能帮助一些新手同学; 今天简单聊一下, 以后再逐条详细说下 需要说明的是 这些注意的点都是在1040的版本中的问题 目前快应用已升级1050版本 因要考虑大多机型的兼容性 我司还未升级 所以以下仅限于1040版本中的问题 另外 联盟的编辑器和华为的编辑器报错的机...
2019-07-07 21:47:55
1042
原创 vue实现类似jquery 给当前元素加类名 给兄弟元素去类名的方法
jquery中有个非常好用的方法,就是加类名去类名.诸如以下功能: 此时有这样的需求, 需要用户点击每个金额的时候,边框变颜色或者背景变颜色.这种功能可以说是烂大街.jquery时代轻松两行代码搞定.但是在vue中有的新人可以没用过.在这里说一下实现这个功能的方法.也很简单. 简述思路: 1.写一个边框样式. 2. 动态绑定class 3...
2018-12-25 20:43:00
2817
原创 vue中移动端网页 H5网站 添加到 友盟 cnzz的方法
cnzz官网有很详细的教程,注册账号等.这里就不阐述这些流程了.主要说一下添加代码部分;整个流程也就4步.注册号账号后,根据官网的流程添加网站信息.完成后复制代码添加到项目中就可以了.https://web.umeng.com/main.php?spm=a211g2.181323.0.0.3cb23604g8CF7N&c=user&a=index这里只说一下在vue中添加c...
2018-12-23 20:21:04
3776
6
原创 vue中利用全局路由钩子给url统一添加公共参数
有的时候我们可能有这样的需求,比如现在url为m.taoyuewenhua.com/#/ 我们需要在用户每次跳转路由的时候监控有没有abc这个参数. 如果有,后端要求我们在以后跳转任何url的时候,都要在url携带上这个参数.就变成m.taoyuewenhua.com/#/&abc=xxx;这个参数称为"公共参数"; 那么,我们该如何做呢?因为...
2018-12-16 21:52:38
10811
7
原创 js 数组方法 indexOf和includes的用法及区别
项目中,经常遇到需要判断数组中有没有这一项.以前用indexOf()较多.es7新增了includes()方法.下面看一下它的用法以及和indexOf的区别. 1.indexOf()用法: 直接打点调用,括号参数传需要匹配的项.如果数组中有这一项,返回此项的索引值.没有返回 -1; 2. includes()方法: 直接打点调用,括号传两个参...
2018-12-02 16:11:47
5770
原创 汇总 vue 移动端 苹果端和安卓端的兼容性问题
项目中遇到的苹果safari不兼容的问题太多了.在这里整理一下.希望能帮助到在走弯路的人. 1. 日期格式问题. 这个问题应该是遇到最多的.也是最多被熟知的.safari不识别2018-08-08的日期格式.会显示NaN. 解决方式: 在处理日期之前转换为2018/08/08的格式. 2. 设置了input背景颜色在safari颜色异常显示...
2018-12-01 22:06:50
9671
原创 vue中获取dom元素的方法 ref $refs的使用
vue官方不建议我们直接操作dom.但真到项目实战中.有时候还是需要一些操作dom的功能.目前我在vue项目中最常用两种方式操作dom;下面简单说一些. 第一种: 封装一个类似于jquery的函数.通过函数执行访问到dom元素. 第二种: 使用vue提供的实例属性$refs获取到dom. 先说下第一种: 封装函数如下:Vue....
2018-12-01 20:50:20
8026
原创 vue利用router-link 传参 和 获取参数的方式
本章只谈如何利用router-link传递query参数.暂时不谈编程导航传参.两者差不多.今天把router-link这种传参和获取参数的形式讲解清楚.希望对大家有帮助. 假如目前我们现在需要做一个项目.路由的设计是这样的: 主页:www.wangyiyinyue.com; 首页负责展示专辑封面;点击进去专辑详情页面; ...
2018-11-10 17:50:47
7323
原创 原生js实现继承的几种方式(call(), 原型继承,构造函数继承)
要实现继承,基本的面向对象知识和原型链知识是必不可少的.今天简单聊一下,以后有时间详细说一下. 1.继承的目的: 就是共享属性和方法. 2.继承的实现方法: 原型链是实现继承的主要方式.改变作用域也算一种,也就是call()或者apply(). 3.构造函数式继承: （继承的是属性）将父类的构造函数在子类的函数体中执行，并且通过call改变this指向...
2018-10-15 22:17:16
1069
原创 详解 js经典面试题 之 找出字符串中出现最多的字符和次数
在js的笔试中,这道题出现的概率还是比较高的.下面简单聊聊这道题 首先说,这道题的解法有很多种,为了便于理解.今天介绍一种我认为最简单最易理解的一种解法 "对象法".下面上案例, let str = 'djaouoiutjjjjj'; // 定义字符串 var obj = {}; // 先定义一个空对象,稍后使用. f...
2018-10-14 11:24:27
1272
原创 聊聊js中的函数节流 节流模式
其实函数节流也用了很久了,今天简单聊聊它的实现原理,目的和使用方法.给初学者一点参考. 函数节流的目的: 对高频率事件做做次数限制.比如onmousewheel,注意是对函数的执行次数进行的节流限制.因为高频率事件会频繁操作dom.开销很大.所以用它节省浏览器的性能开销.以实现性能优化的目的. 函数节流的原理: 其实很简单,就是把需要执行的函数放在一个延时...
2018-10-11 23:28:29
1511
原创 vue表单验证库async-validator的使用 elementUi + form
目前使用vue在构建登录注册页面的时候,一般都是引入elementUi的form组件.它添加了async-validator.大幅提升了开发效率.async-validator是一个用来验证数据规则的一个库.它的github地址是https://github.com/yiminghe/async-validator .我们可以在elementui里直接使用它.下面介绍它...
2018-10-06 14:30:22
23887
7
原创 vue利用 v-bind 实现 点击变色 切换 样式
切换样式应该是v-bind很常用的功能了.简单写一个切换样式的案例.供初学者参考吧.代码如下: <p :class="{red: !isshow,blue: isshow}" @click="isshow=!isshow">我爱云虹</p>export default { data() { return { isshow: true...
2018-10-05 23:51:16
20835
原创 详解js实现冒泡排序 特别详细
因非科班出身,所以最近再补一些数据结构算法的知识.今天详细来说一下js实现的冒泡排序.同时它也最简单易懂.对初学者应该会有帮助. 冒泡排序的核心思想是两两比较相邻的数,如果顺序相反则交换位置.直到没有顺序相反的为止.下面举例说明: 有一个数组 let arr = [5, 4, 3, 2, 1]; 我们现在要使用冒泡排序算法实现对这个数组的正序排序;也就是...
2018-09-26 23:15:42
1449
3
原创 利用Vue计算数据属性实现简单的表单校验
计算数据属性(官网称呼),又叫动态数据绑定(相对于静态数据绑定而言).可以在dom渲染之前修改数据.按照官网的解释,计算数据属性是为了简化模板的运算逻辑.从而利于维护.把复杂的逻辑绑定在computed里.当然,利用它也可以做很多事情.比如单选,全选的实现.今天简单实现一下表单的校验.原理逻辑都差不多. 初学者需注意: ...
2018-09-15 13:45:34
2271
原创 整理vue2.0中的指令
1. v-bind(语法糖 ":"). 将dom的属性值变成js环境,或者绑定样式和类;2. v-model. 实现数据双向绑定;3. v-on(语法糖"@"). 为dom绑定事件;4. v-if,v-else,v-else-if. 条件模板指令. v-if可通过true和false的切换实现创建和删除元素;5. v-show 实现元素的显隐,配合.demo-en...
2018-07-31 15:54:35
253
原创 Angular6.0使用路由步骤(共7步)
今天写的有点儿多了,前几天一直写js基础.今天想聊聊angular6.0的路由实现.因为有公司已经开始转向angular6.0了.写完赶紧吃饭去了. 声明一下,以下路由的实现是基于angular6.0 脚手架 实现的. 脚手架的安装方法不在此讨论范围内. 第一步:创建一个路由文件. 通过指令ng g module 模块名称...
2018-06-23 21:17:27
1735
1
原创 js中关于this指向的几种形式
对于js初学者来说,this指向问题把不少人搞得头大.记得我初学js的时候,也是如此.后来也是不断查资料.今天就聊聊js中this指向的几种形式. 注意:以下几种形式皆是es3.1语法下,也就是非严格模式下的this指向;因为es5和es6中,都对this指向做了不同程度的改变;以后有时间了在一起聊聊es5和es6中的this.建议大家拥抱es6. 第一...
2018-06-23 20:25:15
1786
原创 整理下js中创建对象的几种方法
虽然工作中可能并用不到这么多方法,但是笔试中却常常遇见.所以,也是值得一学的. 第一种: 对象字面量创建; var person = {}; var person = { name: "qingwa", age: "28" }第二种: Object 构造函数创建; ...
2018-06-23 19:44:43
227
原创 适合初学者理解的"同源策略"
相信很多朋友在学习ajax的时候,对"同源策略"都比较模糊.下面我用最简单的例子说明什么是"同源策略".所谓同源,就是指协议相同,域名相同,端口号相同.这三者缺一不可.否则即为不同源.也就是我们所说的"跨域了";比如下面这个网站:http://www.qingwaxiezi.com/qingwa/xiezi.html;http:// 就是 协议; www.qingwaxiezi.c...
2018-06-15 21:27:26
746
原创 适合初学者理解的js 闭包
本文意在给js初学者一些简单的启蒙,用最简短且通俗易懂的方式解释下闭包.鉴于面向初学者,本文中不出现执行上下文,词法作用域等概念.免得搞得初学者头晕.没有解释的太深入,敬请谅解. 解释之前,我们先来看一下书里面是怎么解释闭包的.通常有两种解释.第一:通过返回函数的形式访问到父函数的局部变量.第二:闭包就是"定义在一个函数内部的函数",闭包就是将函数内部和函数外部连接起来的一座桥梁.看...
2018-06-12 20:46:57
267
原创 整理下Jquery中用到的英语单词 带音标
对于前端初学者来说.接触的第一个库就是jquery了.目前有些声音讨论jquery过时了.在这里本人对此不做讨论.只是说一点儿,任何框架和库都有过时的时候.但是它的思想不会那么快过时.就酱: 1. each [i:tʃ] adv. 每个；各自; 2. selector [sɪ'lektə] n. 选择器；挑选者 3. context ['kɒntekst] n. 环境；上...
2018-05-09 20:48:16
2102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人