1 大米绿豆

尚未进行身份认证

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

等级
博文 22
排名 15w+

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

最近公司在开发一款快应用,第三版已经上线.期间也踩了不少坑.特地发出来,希望能帮助一些新手同学;今天简单聊一下,以后再逐条详细说下需要说明的是这些注意的点都是在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

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

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

2018-06-23 20:25:15

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

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

2018-06-23 19:44:43

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

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

2018-06-15 21:27:26
奖章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!