javascript
关注
分享
扫一扫
文章平均质量分 61
yufanhui
这个作者很懒，什么都没留下…
展开
-
JavaScript变量作用域详解
JavaScript变量作用域详解 在JavaScript中，变量可以是全局的，也可以是局部的，在讨论全局变量于局部变量时，起使就是在讨论变量的作用域（scope） 全局变量（global variable）可以在脚本中的任何位置被使用，一旦在脚本中定义了全局变量，就可以在任何位置使用它（包括在函数内部），全局变量的作用域是整个脚本。 局部变量（local...原创 2018-07-09 11:26:11 · 277 阅读 · 0 评论 -
ES6----Class的基本语法
ES6 Class基本语法简介严格模式constructor方法class的实例对象class表达式不存在变量提升this指向class的静态方法9. new.target1.简介JavaScript 语言中，生成实例对象的传统方法是通过构造函数.ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字...原创 2018-08-10 21:02:39 · 703 阅读 · 0 评论 -
ES6----let 和 const命令
let 和 const命令let 命令块级作用域const命令1.let命令ES6新增了let命令，用来声明变量，但是let声明的变量只在let命令所在的代码块有效。{ let a = 10; var b = 1;} console.log(b); //1 console.log(a); // 报错上面的代码之中，用了...原创 2018-08-11 13:50:46 · 200 阅读 · 0 评论 -
Vue----组件、组件嵌套、传递消息
Vue—-组件、组件嵌套、传递消息什么是组件？组件使用组件嵌套父组件向子组件传递消息5. 子组件向父组件传递消息1.什么是组件js组件就是把一系列的功能封装起来，包装成一个对象。比如一个表格组件，一个表单组件等等。一个组件必然包含了某种特定的职能，目的在于可以复用。比方说，你的网站需要展示一个万年历，那么最基本的方法，就是自己画table,自己写逻辑，麻烦得一...原创 2018-08-18 10:10:27 · 7680 阅读 · 0 评论 -
Vue----生命周期钩子
生命周期钩子1.什么生命周期2.钩子函数## 生命周期 生命周期：就是Vue实例从创建到销毁的过程，就是生命周期。 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。 ## 钩子函数 同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的...原创 2018-08-17 19:57:52 · 212 阅读 · 0 评论 -
JavaScript---设计模式与开发实践--第一章（面向对象的JavaScript）
JavaScript—设计模式与开发实践第一章 面向对象的JavaScript设计模式----前言设计模式起源：“模式” 最早诞生于建筑学，哈佛大学建筑学博士士Christopher Alexander研究了为解决同一个问题而设计出的不同建筑解构，从中发现了那些高质量设计中的相似性，并且用“模式”来指代这种相似性。设计模式定义：在面向对象软件设计过程中针对特定问题的简洁而优雅的就解决方案...原创 2018-09-17 22:00:50 · 229 阅读 · 0 评论 -
读《JavaScript设计模式与开发实践》
读《JavaScript设计模式与开发实践》我最近在读读《JavaScript设计模式与开发实践》，并将总结这本书的知识点，在学习过程中会总结觉得有用的知识点，并记录下来，做成系列集，供日后学习，每周更新一篇学习笔记，希望成为有技术的developer第一章————面向对象的JavaScript...原创 2018-09-19 09:08:01 · 229 阅读 · 0 评论 -
JavaScript---设计模式与开发实践--第二章 this、apply、call
JavaScript—设计模式与开发实践–第二章 this、apply、callthisJavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。this指向this指向大致可以分为以下几种。作为对象的方法调用。作为普通函数调用。构造器调用。Function.prototype.call 或 Functio...原创 2018-09-25 21:26:30 · 216 阅读 · 0 评论 -
JavaScript---设计模式与开发实践--第三章 闭包
JavaScript—设计模式与开发实践–第三章 闭包闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。对于 JavaScript程序员来说，闭包（closure）是一个难懂又必须征服的概念。闭包是指有权访问另一个 函数作用域中的变量的函数 ----> 《JavaScript高级程序设计》第三版闭包就是能够读取其他函...原创 2018-10-02 10:19:46 · 362 阅读 · 0 评论 -
JavaScript----快速排序算法(Quciksort)实现
JavaScript—-快速排序算法(Quciksort)实现先来阮大哥的教程。简单易懂，初入JS的最好学习圣地 http://www.ruanyifeng.com/blog/2011/04/quicksort_in_javascript.html快速排序算法的思想在数据集中选择一个元素作为基准。所有小于”基准”的元素，都移到”基准”的左边；所有大于”基准”的元素，都移到”基准”...原创 2018-07-30 20:57:40 · 239 阅读 · 0 评论 -
JavaScript----原型对象
原型对象在说原型对象之前要明白几个单词的意思： prototype (原型，雏形，蓝本) constructor (构造器) 不解释，先上关系图. 这就是他们之间的关系。用另一种方式解释一下prototype： 每一个函数都有一个prototype属性，这个属性其实是一个指针，二这个指针总是指向一个对象。这个对象的用途就是将特定的属性和方法包含在内，起到一个所有实例所共享的作用...原创 2018-07-26 21:32:44 · 194 阅读 · 0 评论 -
JavaScript垃圾（内存）收集机制及其性能问题
JavaScript具有自动垃圾收集机制，其真实含义为：执行环境会负责管理代码执行过程中的使用的内存。垃圾收集机制原理：找出那些不再继续使用的变量，然后释放其占有的内存，为此，垃圾收集机制会按照固定的时间间隔周期性地执行这一操作。局部变量只再函数执行过程中存在，而在这个过程中，会为局部变量在栈内存（或堆内存）上分配相应的空间，以便存储它们的值，然后在函数调用过程中使用这些变量，直到函数执行完毕。这...原创 2018-07-09 21:00:03 · 166 阅读 · 0 评论 -
JavaScript----DOM基础知识（二）——节点关系
JavaScript----DOM基础知识（二）--节点我们知道DOM将HTML或XML文档描绘成了一个具有层次化的节点树，节点又分为几种不同的类型，每种类型用来记录文档中不同的信息，而每个节点又都拥有各自的特点、属性、方法，而且也与其他节点存在着关系。证实这种节点与节点之间的关系，构成了层次。文档元素是文档的外层元素，文档中的其他所有元素都包含在文档元素中。每个文 档只能有一个文档元素。在 HT...原创 2018-07-11 18:38:55 · 315 阅读 · 0 评论 -
JavaScript例子——倒计时功能实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-07-12 19:26:17 · 328 阅读 · 0 评论 -
JavaScript----addEventListener和removeEventListener详解
addEventListener() ，removeEventListener()均为事件绑定操作，一个增加事件绑定，一个是移除事件绑定。addEventListener(),用于向元素增加绑定事件，removeEventListener()用于向 元素移除绑定事件。语法说明：element.addEventListener(event,fn,useCaption ); 参数说明：event，比如...原创 2018-07-13 21:47:54 · 6629 阅读 · 0 评论 -
JavaScript——动画原理
JavaScript——动画原理首先给“动画”进行定义：随时间的变化而改变某个元素在浏览器窗口中里的显示位置。当物体在快速运动时, 当人眼所看到的影像消失后，人眼仍能继续保留其影像1/24秒左右的图像，这种现象被称为视觉暂留现象。是人眼具有的一种性质。人眼观看物体时，成像于视网膜上，并由视神经输入人脑，感觉到物体的像。但当物体移去时，视神经对物体的印象不会立即消失，而要延续1/24秒左右的时间，人...原创 2018-07-14 09:52:39 · 240 阅读 · 0 评论 -
JavaScript----DOM基础知识（三）动态创建标签
JavaScript不仅可以用来改变网页的结构和内容，还可以通过创建新元素和修改现有元素来改变网页结构。在学习利用DOM方法在web浏览器中添加标记时，常常能想到document.write（）和element.innerHTML方法，但是，不推荐使用这两种方法。这两种方法都右一种共同的弊端：结构、样式、行为没有分离。例如：<html lang="en"><head> ...原创 2018-07-14 11:03:17 · 1756 阅读 · 0 评论 -
JavaScript--主流浏览器及其内核
任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWideWeb）浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游...转载 2018-07-14 11:29:15 · 405 阅读 · 0 评论 -
JavaScript----DOM基础知识（四）DOM选择器
JavaScript----DOM基础知识（四）DOM选择器在DOM经常要选中标签，下面就详细介绍五种在DOM中的常规操作节点1.直接查找<script type="text/javascript"> //1.document.getElementById(''); var a = document.getElementById('div'...原创 2018-07-20 11:16:24 · 268 阅读 · 0 评论 -
JavaScript----理解对象
Everything is Object–&gt;数据类型在了解对象之前先要了解一下JavaScript中的数据类型，JavaScript中数据类型分为两类：值类型和引用类型。 function showType(n){ //基本类型。 console.log(typeof n);//undefined console.log(...原创 2018-07-26 17:50:41 · 193 阅读 · 0 评论 -
JavaScript----对象和函数的关系
理解对象中说明了函数是对象，因为可以用 instanceof函数来判断。所以函数是一种对象，但是函数又有特殊的地方。数组是对象的一个子集，属于包含关系，但是对象和函数之间的关系有点复杂，对象和函数的关系类似于鸡生蛋，蛋生鸡的关系。 例子：function Person(name,age){ this.name = name, this.age = age}var pe...原创 2018-07-26 20:18:33 · 1007 阅读 · 0 评论 -
利用Map结构数据重组
利用Map结构数据重组Map 结构相关知识 请跳转阮一峰ES6教程场景：数据是这样的，但是在某些页面中我并不想要这样的数据 ，我想要的数据形式为： 在某个时间下有多少任务（任务含有任务详情数据）。所以就要进行数据重组。像这样简单的数据重组在前端是非常简单的。利用ES6 Map结构。达到数据的重组目的。重组后的数据形式为： let map = new Map(); data.for...原创 2019-01-15 14:50:11 · 1079 阅读 · 0 评论