自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)

原创 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 87

原创 vue优化首页加载时间的探索

一个月前, 公司用户反馈后台收到用户反馈, 说我们的iosApp客户端的福利中心页首次加载时间太久. 因为这个页面是嵌入的web网页. 所以早晨开会领导指示要抽时间优化下这个东西. 第一次接到这种工作, 没有什么逻辑可寻. 一开始在网上找了几种方法, 比如模块换成cdn, 优化代码 等等. 但是基本没有效果. 于是,最近的晚上和周六日都在研究, 把测试版代码改的稀巴烂. 算是...

2020-05-03 23:12:13 123

原创 elementUi cascader 级联动组件 hover 收起二级菜单

最近一直和这个组件打交道, 有多个地方不太完美, 一开始领导让先这么用着, 后期再优化. 最近把几个不完美的地方优化了下. 写下此篇. 让遇到此问题的朋友少走类似的弯路. 先简单说下问题, 这个组件默认是点击option, 下拉框就隐藏. 但当我们开启了触发方式为hover的时候, 也就是expandTrigger: 'hover' 的时候. 这个时候点击option...

2020-02-18 21:30:49 681

原创 vue中history路由模式下打包后 二级 多级路由无法访问 刷新空白404的问题

最近写了几个后台,都是用的哈希路由. 前几天写了一个移动端的任务中心. 领导要求需要用history模式的路由.于是踩了一些坑儿. 特地分享给大家. 改为history后遇到了多级路由无法访问的问题, 原因: 我们以前使用哈希路由时, 打包后, 然后访问网址network面板的js文件请求是这样的: http://ap....

2019-12-10 20:03:03 1146

原创 js中对象取值的点语法和中括号语法的区别

js中对于对象取值时有两种方法, 一种是点语法, 一种是中括号语法. 但总有人不清楚什么时候用哪种. 网上其他博客有的说的不太全. 这次详细的说的介绍一下: 中括号语法: 任何时候 场合都可使用 适用范围很广; 点语法: 较有局限性, 一下说一下; ...

2019-12-10 00:16:48 543

原创 js原生for循环和map的性能耗时对比

解释: 此测试我在思否已发表, 特意复制到这儿, 让更多的人看到https://segmentfault.com/a/1190000020249549?_ea=18114825其实做过相关测试的博客已经不少了, 但不自己亲身试一下, 死不了这条心. 所以今天恰逢周六, 来用测评笔记本的思维测评一下两者的性能对比.(本人喜欢在51论坛发博客, 此论坛是一个笔记本分享体验的论坛)...

2019-09-01 17:11:33 941

原创 vue中自动改变页面title的简易方法

在做项目的时候, 有时候会有这种需求. 就是每跳转一次页面要改变title. 其实这种功能倒不难实现. 作为前端, 都知道document.title = "标题" 就可以改变页面title了. 但如果页面一多起来, 这样每个页面都来一句就很麻烦了. 有没有一种方法, 只在全局写一句就可以实现这个目的. 有的. 1. 在路由中添加title, 如下: ...

2019-08-24 22:54:12 649

原创 vue中返回到指定滚动条位置的几种方法探讨

我们在vue开发中经常会碰到一种需求, 返回页面后需要定位到滚动条指定位置, 以增强用于体验. 比如在a页面,它是个列表, a页面是不做分页的. 最常见的就是小说类网站的目录页. 或者后台类网站列表 包含查看更多按钮这种的. 也就是说这种页面我们想观看更多内容, 不然出现滚动条. 但因为vue是单页应用, 当我们点击其中一条数据, 进入b页面. a页面就销毁了. 再从b返回到a时, a...

2019-08-11 17:38:19 838

原创 快应用开发中的一些注意事项和坑

最近公司在开发一款快应用, 第三版已经上线. 期间也踩了不少坑. 特地发出来 , 希望能帮助一些新手同学; 今天简单聊一下, 以后再逐条详细说下 需要说明的是 这些注意的点都是在1040的版本中的问题 目前快应用已升级1050版本 因要考虑大多机型的兼容性 我司还未升级 所以以下仅限于1040版本中的问题 另外 联盟的编辑器和华为的编辑器报错的机...

2019-07-07 21:47:55 537

原创 vue实现类似jquery 给当前元素加类名 给兄弟元素去类名的方法

jquery中有个非常好用的方法,就是加类名去类名.诸如以下功能:     此时有这样的需求, 需要用户点击每个金额的时候,边框变颜色或者背景变颜色.这种功能可以说是烂大街.jquery时代轻松两行代码搞定.但是在vue中有的新人可以没用过.在这里说一下实现这个功能的方法.也很简单.          简述思路:  1.写一个边框样式.     2. 动态绑定class     3...

2018-12-25 20:43:00 2126

原创 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 2352 4

原创 vue中利用全局路由钩子给url统一添加公共参数

         有的时候我们可能有这样的需求,比如现在url为m.taoyuewenhua.com/#/   我们需要在用户每次跳转路由的时候监控有没有abc这个参数. 如果有,后端要求我们在以后跳转任何url的时候,都要在url携带上这个参数.就变成m.taoyuewenhua.com/#/&abc=xxx;这个参数称为"公共参数";         那么,我们该如何做呢?因为...

2018-12-16 21:52:38 7187 7

原创 js 数组方法 indexOf和includes的用法及区别

       项目中,经常遇到需要判断数组中有没有这一项.以前用indexOf()较多.es7新增了includes()方法.下面看一下它的用法以及和indexOf的区别.         1.indexOf()用法:  直接打点调用,括号参数传需要匹配的项.如果数组中有这一项,返回此项的索引值.没有返回 -1;         2. includes()方法: 直接打点调用,括号传两个参...

2018-12-02 16:11:47 3601

原创 汇总 vue 移动端 苹果端和安卓端的兼容性问题

   项目中遇到的苹果safari不兼容的问题太多了.在这里整理一下.希望能帮助到在走弯路的人.       1. 日期格式问题. 这个问题应该是遇到最多的.也是最多被熟知的.safari不识别2018-08-08的日期格式.会显示NaN.         解决方式: 在处理日期之前转换为2018/08/08的格式.       2. 设置了input背景颜色在safari颜色异常显示...

2018-12-01 22:06:50 6679

原创 vue中获取dom元素的方法 ref $refs的使用

      vue官方不建议我们直接操作dom.但真到项目实战中.有时候还是需要一些操作dom的功能.目前我在vue项目中最常用两种方式操作dom;下面简单说一些.    第一种: 封装一个类似于jquery的函数.通过函数执行访问到dom元素.    第二种: 使用vue提供的实例属性$refs获取到dom.    先说下第一种:           封装函数如下:Vue....

2018-12-01 20:50:20 6299

原创 vue利用router-link 传参 和 获取参数的方式

     本章只谈如何利用router-link传递query参数.暂时不谈编程导航传参.两者差不多.今天把router-link这种传参和获取参数的形式讲解清楚.希望对大家有帮助.    假如目前我们现在需要做一个项目.路由的设计是这样的:               主页:www.wangyiyinyue.com;  首页负责展示专辑封面;点击进去专辑详情页面;          ...

2018-11-10 17:50:47 5435

原创 原生js实现继承的几种方式(call(), 原型继承,构造函数继承)

     要实现继承,基本的面向对象知识和原型链知识是必不可少的.今天简单聊一下,以后有时间详细说一下.     1.继承的目的: 就是共享属性和方法.     2.继承的实现方法: 原型链是实现继承的主要方式.改变作用域也算一种,也就是call()或者apply().     3.构造函数式继承: (继承的是属性)将父类的构造函数在子类的函数体中执行,并且通过call改变this指向...

2018-10-15 22:17:16 687

原创 详解 js经典面试题 之 找出字符串中出现最多的字符和次数

     在js的笔试中,这道题出现的概率还是比较高的.下面简单聊聊这道题     首先说,这道题的解法有很多种,为了便于理解.今天介绍一种我认为最简单最易理解的一种解法 "对象法".下面上案例,     let str = 'djaouoiutjjjjj'; // 定义字符串 var obj = {}; // 先定义一个空对象,稍后使用. f...

2018-10-14 11:24:27 1020

原创 聊聊js中的函数节流 节流模式

      其实函数节流也用了很久了,今天简单聊聊它的实现原理,目的和使用方法.给初学者一点参考.      函数节流的目的:  对高频率事件做做次数限制.比如onmousewheel,注意是对函数的执行次数进行的节流限制.因为高频率事件会频繁操作dom.开销很大.所以用它节省浏览器的性能开销.以实现性能优化的目的.     函数节流的原理:  其实很简单,就是把需要执行的函数放在一个延时...

2018-10-11 23:28:29 1201

原创 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 19414 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 18041

原创 详解js实现冒泡排序 特别详细

      因非科班出身,所以最近再补一些数据结构算法的知识.今天详细来说一下js实现的冒泡排序.同时它也最简单易懂.对初学者应该会有帮助.      冒泡排序的核心思想是两两比较相邻的数,如果顺序相反则交换位置.直到没有顺序相反的为止.下面举例说明:      有一个数组  let arr = [5, 4, 3, 2, 1];  我们现在要使用冒泡排序算法实现对这个数组的正序排序;也就是...

2018-09-26 23:15:42 753 2

原创 利用Vue计算数据属性实现简单的表单校验

        计算数据属性(官网称呼),又叫动态数据绑定(相对于静态数据绑定而言).可以在dom渲染之前修改数据.按照官网的解释,计算数据属性是为了简化模板的运算逻辑.从而利于维护.把复杂的逻辑绑定在computed里.当然,利用它也可以做很多事情.比如单选,全选的实现.今天简单实现一下表单的校验.原理逻辑都差不多.        初学者需注意:                     ...

2018-09-15 13:45:34 1153

原创 整理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 95

原创 Angular6.0使用路由步骤(共7步)

        今天写的有点儿多了,前几天一直写js基础.今天想聊聊angular6.0的路由实现.因为有公司已经开始转向angular6.0了.写完赶紧吃饭去了.        声明一下,以下路由的实现是基于angular6.0 脚手架 实现的.  脚手架的安装方法不在此讨论范围内.        第一步:创建一个路由文件.                通过指令ng g module 模块名称...

2018-06-23 21:17:27 1478 1

原创 js中关于this指向的几种形式

        对于js初学者来说,this指向问题把不少人搞得头大.记得我初学js的时候,也是如此.后来也是不断查资料.今天就聊聊js中this指向的几种形式.        注意:以下几种形式皆是es3.1语法下,也就是非严格模式下的this指向;因为es5和es6中,都对this指向做了不同程度的改变;以后有时间了在一起聊聊es5和es6中的this.建议大家拥抱es6.        第一...

2018-06-23 20:25:15 1127

原创 整理下js中创建对象的几种方法

虽然工作中可能并用不到这么多方法,但是笔试中却常常遇见.所以,也是值得一学的.    第一种: 对象字面量创建;            var person = {};            var person = {                name: "qingwa",                age: "28"            }第二种: Object 构造函数创建;  ...

2018-06-23 19:44:43 142

原创 适合初学者理解的"同源策略"

相信很多朋友在学习ajax的时候,对"同源策略"都比较模糊.下面我用最简单的例子说明什么是"同源策略".所谓同源,就是指协议相同,域名相同,端口号相同.这三者缺一不可.否则即为不同源.也就是我们所说的"跨域了";比如下面这个网站:http://www.qingwaxiezi.com/qingwa/xiezi.html;http://  就是  协议;       www.qingwaxiezi.c...

2018-06-15 21:27:26 518

原创 适合初学者理解的js 闭包

    本文意在给js初学者一些简单的启蒙,用最简短且通俗易懂的方式解释下闭包.鉴于面向初学者,本文中不出现执行上下文,词法作用域等概念.免得搞得初学者头晕.没有解释的太深入,敬请谅解.    解释之前,我们先来看一下书里面是怎么解释闭包的.通常有两种解释.第一:通过返回函数的形式访问到父函数的局部变量.第二:闭包就是"定义在一个函数内部的函数",闭包就是将函数内部和函数外部连接起来的一座桥梁.看...

2018-06-12 20:46:57 157

原创 整理下Jquery中用到的英语单词 带音标

          对于前端初学者来说.接触的第一个库就是jquery了.目前有些声音讨论jquery过时了.在这里本人对此不做讨论.只是说一点儿,任何框架和库都有过时的时候.但是它的思想不会那么快过时.就酱:    1. each [i:tʃ] adv. 每个;各自; 2. selector [sɪ'lektə] n. 选择器;挑选者 3. context ['kɒntekst] n. 环境;上...

2018-05-09 20:48:16 951

空空如也

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除