1 大米绿豆

尚未进行身份认证

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

等级
TA的排名 11w+

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

vue利用 v-bind 实现 点击变色 切换 样式

切换样式应该是v-bind很常用的功能了.简单写一个切换样式的案例.供初学者参考吧.代码如下:<p:class="{red:!isshow,blue:isshow}"@click="isshow=!isshow">我爱云虹</p>exportdefault{data(){return{isshow:true...

2018-10-05 23:51:16

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

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

2018-09-26 23:15:42

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

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

2018-09-15 13:45:34

整理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

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

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

2018-06-23 21:17:27

查看更多

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