随笔分类 -  Javascript

1
摘要:// 数组深度去重 let arr = [1, 2, 3, 4, 1, 4, 5, 5, {a: false, b: {c: 2}}, {a: 0, b: {c: 2}}, {a: 0, b: {c: 2}}, {a: 0, b: {c: 2}}, [1, 2], [1, 2]]; console.log('org', arr) Array.prototype.noRe... 阅读全文
posted @ 2019-03-11 17:38 JeneryYang 阅读(373) 评论(0) 推荐(0) 编辑
摘要:1. 多重判断中使用Array.includes 如果添加更多的红色的水果,比如cherry和cranberries,那会怎样呢?你会使用更多的||来扩展条件语句吗? 我们可以通过Array.includes(params)来重写上面的条件语句。如下: function test(fruit) { 阅读全文
posted @ 2019-01-29 15:44 JeneryYang 阅读(3251) 评论(0) 推荐(0) 编辑
摘要:data() { return { loadingText: '' } }, methods: { load() { this.loadingText = '数据加载中...'; axios.get('/some/url').then(resp => this.loadingText = '') } } 阅读全文
posted @ 2019-01-11 15:11 JeneryYang 阅读(3602) 评论(0) 推荐(0) 编辑
摘要:核心代码render: (h, params) => { let texts = ''; //表格列显示文字 let index = params.row.IpAddress.indexOf(',') if (params.row.IpAddress !== null) { if (index >... 阅读全文
posted @ 2019-01-02 16:21 JeneryYang 阅读(3653) 评论(0) 推荐(1) 编辑
摘要:自从Node的7.6版本,已经默认支持async/await特性了。如果你还没有使用过他,或者对他的用法不太了解,这篇文章会告诉你为什么这个特性“不容错过”。本文辅以大量实例,相信你能很轻松的看懂,并了解Javascript处理异步的一大杀器。 初识Async/await 对于还不了解Async/a 阅读全文
posted @ 2018-12-13 14:08 JeneryYang 阅读(8239) 评论(0) 推荐(1) 编辑
摘要:1、首先要说一下虚拟DOM,下面一张图说明下: 普通的dom是我们创建的div等节点,虚拟dom是是我们creatElement,然后对属性之类的进行赋值。 2、普通组建在该场景下的问题 代码冗长 templete中大部分代码是相同的 外层必须包含一个无用的div 使用render函数重构(重点) 阅读全文
posted @ 2018-05-26 09:55 JeneryYang 阅读(198) 评论(0) 推荐(0) 编辑
摘要:对象的赋值 key值的构建对象 //key值的构建对象 //场景化,假如key值未知, let keyval = 'skill'; var objKey = { [keyval]:"web" } console.log("objKey是",objKey); //打印结果 {skill: "web"} 阅读全文
posted @ 2018-04-20 11:41 JeneryYang 阅读(121) 评论(0) 推荐(0) 编辑
摘要:数组填充 数组循环 数组查找includes方法: 阅读全文
posted @ 2018-04-20 10:53 JeneryYang 阅读(703) 评论(0) 推荐(0) 编辑
摘要:es6中判断一个数是不是整数,采用的方法是:Number.isFinite(params);返回值是true/false 字符串转化与查找: 详情参考:http://es6.ruanyifeng.com/ 阅读全文
posted @ 2018-04-20 10:51 JeneryYang 阅读(306) 评论(1) 推荐(0) 编辑
摘要:es6中队字符串的扩展,有`字符串`,${},获取字符串,还有一些字符串的查找,以及一些函数,像str.startsWith(string),str.endsWith(string),等等注意红色标注, 阅读全文
posted @ 2018-04-18 19:01 JeneryYang 阅读(98) 评论(0) 推荐(0) 编辑
摘要:当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子: 这时我们看到控制台输出了 1,2,3,undefined,这说明是可以传入多个值,并且就算方法中引用多了也不会报错。 扩展运算符的用处: 我们先用一个例子说明,我们声明两个数组arr1和arr 阅读全文
posted @ 2018-04-17 15:11 JeneryYang 阅读(136) 评论(0) 推荐(0) 编辑
摘要:数组的解构赋值: 简单的数组解构: 以前,为变量赋值,我们只能直接指定值。比如下面的代码: let a=0; let b=1; let c=2; let a=0; let b=1; let c=2; 而现在我们可以用数组解构的方式来进行赋值。 let [a,b,c]=[1,2,3]; let [a, 阅读全文
posted @ 2018-04-16 20:03 JeneryYang 阅读(211) 评论(0) 推荐(0) 编辑
摘要:es5之前一直都是var es6 新的声明方式有: let //Block scale 局部变量 const(//constant)声明了就不能变 var(//global scope) 全局变量 阅读全文
posted @ 2018-04-16 19:27 JeneryYang 阅读(114) 评论(0) 推荐(0) 编辑
摘要:第一章:es6开发环境的搭建 命令:npm init -y 生成package.json文件(依赖文件);项目结构如下: 全局安装 babel-cli 命令如下:npm install -g babel-cli, 还需本地安装babel-preset-es2015 和 babel-cli 然后在项目 阅读全文
posted @ 2018-04-16 14:52 JeneryYang 阅读(149) 评论(0) 推荐(0) 编辑
摘要:html部分 js部分 原文出自:https://www.cnblogs.com/shueixue/p/5776965.html 阅读全文
posted @ 2018-04-12 15:00 JeneryYang 阅读(533) 评论(0) 推荐(0) 编辑
摘要:effect : 'flip', 阅读全文
posted @ 2018-04-09 17:54 JeneryYang 阅读(425) 评论(0) 推荐(0) 编辑
摘要:在写移动端布局的时候,个人比较喜欢的一段代码。 简单解读下,浏览器默认字体大小16px=1rem,把浏览器宽度平均分为10份,如果设计稿是640*750,那么1rem=64px,宽度为100px的盒子就是,100/64rem。上面的注释比较清晰。 阅读全文
posted @ 2018-03-27 16:29 JeneryYang 阅读(152) 评论(0) 推荐(0) 编辑
摘要:一、面向对象 1.1 概念 面向对象就是使用对象。面向对象开发就是使用对象开发。 面向过程就是用过程的方式进行开发。面向对象是对面向过程的封装。 1.2 三大特性 抽象性所谓的抽象性就是:如果需要一个对象描述数据,需要抽取这个对象的核心数据 提出需要的核心属性和方法 不在特定的环境下无法明确对象的具 阅读全文
posted @ 2018-03-16 10:36 JeneryYang 阅读(288) 评论(0) 推荐(0) 编辑
摘要:定义函数的两种方式:函数声明和函数表达式 1、函数声明如下: 2、函数表达式类型如下: 最常见的一种 递归的正确使用: 阅读全文
posted @ 2018-02-28 16:29 JeneryYang 阅读(426) 评论(0) 推荐(0) 编辑
摘要:javascript中的原型链的基本思想是:利用原型让一个引用类型继承另一个引用类型的属性和方法。 构造函数、原型、实例三者之间的关系: 每一个构造函数都有一个原型对象,原型对象都包括一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。(目前不是很理解,等以后知识丰富了再研究。) 阅读全文
posted @ 2018-02-28 15:54 JeneryYang 阅读(139) 评论(0) 推荐(0) 编辑

1