读心悦

  • 读心随笔
  • 读心里话
  • 计算机
Javascript
Javascript

原来JSON还可这样玩着

JOSN JSON是一种数据格式,是JavaScript Object  Notation的缩写。JSON作为JavaScript的一个严格子集,使用了JavaScript中的一些模式来表示结构化数据。 ❏ 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。 ❏ 对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型的值。 ❏ 数组:数组也是一…

2021年01月14日 0条评论 13点热度 0人点赞 阅读全文
Javascript

ES5新增的reduce和reduceRight

当我们需要计算整个数组的值的时候,最先想到的方式是循环数组,然后逐个相加减:   const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var sum0 = 0; for (let index = 0; index < arr.length; index++) { sum0 = sum0 + arr[index]; } console.log(sum0) // 55 ES5新增的reduce()和reduceRight(),来归并数组【也可以说是迭代数组的所有项,…

2021年01月07日 0条评论 53点热度 2人点赞 阅读全文
Javascript

工厂模式(Factory)

JavaScript中常见的设计模式 工厂模式 提供一个创建实例的功能,不需要关心具体的实现。被创建的实例的类型可以是接口,也可以是抽象类或者具体类。 命名规范 类名称:模块名称+Factory 方法名称:get+接口名称或者create + 接口名称 简单工厂 例如:假设这是一个汽车店,多种型号的汽车出售 function CarShop(){} CarShop.prototype = { carsell:function(model){ var cars; switch (model) { //类型A case…

2021年01月06日 0条评论 33点热度 0人点赞 阅读全文
Javascript

面向对象中的继承

在函数(类)的内部通过this(函数内部自带的一个变量)变量添加属性或者方法来实现对类添加属性或者方法。 通过this添加属性、方法是在当前对象上添加,JavaScript是一种基于原型prototype的语言,每创建一个对象时,都会有一个原型prototype用于指向它继承的属性、方法。 然而通过prototype继承的方法并不是对象本身的,在使用这些方法时,是通过prototype一层一层查找到的。 var book = function(id,bookname,price){ this.id = id; th…

2021年01月06日 0条评论 23点热度 0人点赞 阅读全文
Javascript

原型模式(Prototype)和单例模式(Singleton)

原型模式 就是用原型实例指向创建对象的类,主要用于新的对象的类共享原型对象的属性以及方法。 简单实例: /** * 图片轮播类 */ var LoopImages = function(imgArr,container){ this.imagesArray = imgArr; this.container = container; } LoopImages.prototype = { //创建轮播图 createImage:function(){}, //切换图片 changeImage:function(){} …

2021年01月06日 0条评论 26点热度 0人点赞 阅读全文
Javascript

JavaScript设计模式-结构型设计模式

结构型设计模式关注如何把类或者对象组合成为更大、更复杂的结构,简化设计。包含:外观模式、适配器模式、代理模式、装饰者模式、桥接模式、组合模式、享元模式 外观模式(套餐服务)Facade 为一组复杂的子系统接口提供一个更高级的统一接口,通过该接口对I系统接口的访问更容易。 例如: /** * 外观者模式 * @param {*} dom * @param {*} type * @param {*} fn */ function addEvent(dom,type,fn){ if (dom.addEventListen…

2021年01月06日 0条评论 20点热度 0人点赞 阅读全文
Javascript

JavaScript设计模式-技巧型设计模式简介

技巧型设计模式是I通过一些特定技巧来解释组件的某些问题。主要包含链模式、委托模式、数据模式、数据访问对象模式、节流模式、简单模板模式、惰性模式、参与者模式、等待者模式。 链模式 在对象方法中将当前对象返回,实现了对同一个对象多个方法链式调用。简化了在对对象多个方法的多次调用时,对该对象多次引用。在jQuery的使用中,链式调用是最平不过了。 /** * 链模式 * 元素获取的模式 * @param selector 选择符 * @param context 上下文 */ var Dom = function(sel…

2021年01月06日 0条评论 22点热度 0人点赞 阅读全文
Javascript

JavaScript设计模式-架构型设计模式

指的是一类框架结构,通过提供一些子系统,指定它们的职责,并且将它们调理清晰组织在一起。主要包含了同步模块模式、异步模块模式、Widget模式、MVC模式、MVP模式、MVVM模式 模块化 把复杂的系统分解为高内聚、低耦合的模块,让系统开发变得可控、可维护、可拓展,提高模块的复用率。 同步模块模式(SMD) 请求发出以后,不论模式是否存在。立即执行后续的逻辑,实现模块开发中对模块的立即引用。 模块管理与创建方法 /*** * 同步模块模式 */ //定义模块管理单体对象 var F = F || {}; /** * …

2021年01月06日 0条评论 23点热度 0人点赞 阅读全文
Javascript

let和const命令

let let命令用于声明变量,它声明的变量只在let命令所在的代码块有效。 let命令声明变量不存在变量提升的情况,var命令会存在变量提升的情况,就是在变量声明之前可以使用,值为undefined;let声明的变量一定在声明后使用,否则报错。 在块级作用域内存在let命令,那么它所声明的变量就只能在该作用域内有效。不受到外部影响。 let 不允许在同作用域声明同一个变量; const 声明一个只读的常量。声明变量必须初始化。 const pi = 3.1415; console.log(pi); //3.141…

2021年01月06日 0条评论 20点热度 0人点赞 阅读全文
Javascript

浏览器渲染原理

浏览器的内核分成两个部分,一个渲染引擎,另一个是JS引擎。不同的浏览器的渲染引擎不同(不同的浏览的内核不同)。 浏览器工作的流程: 1)浏览器解析内容: HTML/SVG/XHTML,解析这三种文件会生成一个DOM Tree(DOM 树) CSS,解析CSS,产生了CSS规则树 JavaScript脚本,主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。 2)解析结束后,浏览器引擎则通过DOM Tree 和CSS Rule Tree来构建Rendering Tree。 …

2021年01月06日 0条评论 24点热度 0人点赞 阅读全文
123

读心悦

自己从事开发也有一段时间了,总有一些迷茫,对未来有一点恐惧,不知道以后会不会继续从事开发的岗位。无论未来做出怎样的选择,这个网站就记录一下从事开发这段时间的一些笔记、阅读笔记吧,好歹也给自己留个纪念吧,你说呢! 写点代码,读点书,读点心,读点自己!

标签聚合
redux 悦读 小程序 vue Echarts react canvas mysql CSS node hook 随笔 Nginx JavaScript taro flutter 阅读 git 闲谈
分类
  • flutter (11)
  • html/css (23)
  • Javascript (22)
  • Mysql (2)
  • node (2)
  • React (27)
  • vue (1)
  • 小程序 (41)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (9)

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号