2 大米绿豆

尚未进行身份认证

我要认证

交流开发心得 帮助前端小白

等级
TA的排名 9w+

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

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

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

2020-05-03 23:12:13

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

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

2020-02-18 21:30:49

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

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

2019-12-10 20:03:03

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

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

2019-12-10 00:16:48

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

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

2019-09-01 17:11:33

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

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

2019-08-24 22:54:12

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

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

2019-08-11 17:38:19

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

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

2019-07-07 21:47:55

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

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

2018-12-25 20:43:00

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

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

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

2018-12-16 21:52:38

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

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

2018-12-02 16:11:47

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

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

2018-12-01 22:06:50

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

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

2018-12-01 20:50:20

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

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

2018-11-10 17:50:47

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

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

2018-10-15 22:17:16

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

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

2018-10-14 11:24:27

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

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

2018-10-11 23:28:29

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

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。