随笔分类 - js
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.
阅读全文
摘要：Object.defineProperty介绍-- let obj = {}; Object.defineProperty(obj,'school',{ configurable : true, // 属性能否被删除 //writable : true, // 属性能否被修改 enumerable
阅读全文
摘要：小知识点： vue中计算属性有缓存（对象属性变化时才会更新），方法没有缓存，所以计算属性比方法效率高js中let有块级作用域，var没有块级作用域，所以var是有缺陷的this.letters[0] = 'bb'; //vue中，这种做法并不是响应式的；推荐使用响应式方法：this.letters.
阅读全文
摘要：/src/route/index.js import Demo2 from '@/pages/demo2/index.vue' { path : '/demo2', name : 'demo2', component: Demo2 }, /src/pages/demo1/index.vue <tem
阅读全文
摘要：<template> <div> <div v-if="type 'A'">A</div> <div v-else-if="type 'B'">B</div> <div v-else-if="type 'C'">C</div> <div v-else-if="type 'D'">D</div> <d
阅读全文
摘要：CLI 使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置 cnpm install -g @vue/cli // 如果需要使用旧版本的vue init功能（脚手架2），你可以全局安装一个桥接工具： cnpm install @vue/cli-init -g vue cli2初
阅读全文
摘要：<script type="text/javascript"> let v = new Vue({ el : ".ball", data : {t:1}, beforeCreate : function(){ console.log('组件刚刚被创建!') console.log(this) },
阅读全文
摘要：案例： ①匿名封装 (function(window,document){ const HEAD = 1; let MSG = function(options){ this._init(options); } //原型 MSG.prototype._init = function({msg}){
阅读全文
摘要：ES6: ①let 特点：1 只能作用域当前作用域中； 2 使用let或者const声明的变量，不能再被重新声明； 3 let不存在变量提升 比如： console.log(dad); var dad = 1; 不会报错，因为上面的代码会被变量提升为： var dad; console.log(da
阅读全文
摘要：<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <style type="text/css"> li.selected{ border: 1px solid; } /
阅读全文
摘要：函数表达式的特征 函数表达式是js中一种既强大又容易令人困惑的特性。定义函数的方式有两种：一种是函数声明，另一种是函数表达式. function functionName(arg0,arg1,arg2){ // 函数体 } console.log(functionName.name); ...
阅读全文
摘要：继承是oo语言中一个最为人津津乐道的概念。ECMAScript支持实现继承，而且实现继承只要是靠原型链来实现的·原型链 其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。 简单回顾一个构造函数，原型和实例的关系:每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的 内部指针。那么，假设我们让原型对象等于另一个类...
阅读全文
摘要：·原型模式 我们创建的每一个函数都由一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有 实例共享的属性和方法。 如果按照字面意思来理解，那么prototype就是通过构造函数创建的那个对象实例的原型对象。使用原型对象的好处就是可以让所有对象实例共享它 所包含的属性和方法 // code示例 ...
阅读全文
摘要：创建对象 虽然Object构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量重复代码。 ·工厂模式 工厂模式是一种广为人知的设计模式，这种模式抽象了创建对象的具体过程。考虑到ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装 以特定接口创建对象的细节 // ...
阅读全文
摘要：1 一个完整的JavaScript实现应该由下列三个不同的部分组成 ·核心（ECMScript） //ta定义了这门语言的基础 ·文档对象模型（DOM） //ta把HTML页面映射为一个多节点结构 ·浏览器对象模型（BOM） //开发人员可以通过ta控制器浏览器显示的界面以外的部分2 向HTML页面
阅读全文
摘要：前言 ECMAScript中没有类的概念，因此它们的对象与基于类的语言中的对象有所不同。 ECMA-262把对象定义为："无序的集合属性，其属性可以包含基本值，对象或者函数"。正因为这样，我们可以把ECMAScript想象成散列表： 无非就是一组名值对，其中值可以是数据或者函数， 每个对象都是基于一个引用类型创建的，这个引用类型可以是第5章讨论的原生类型，也可以是开...
阅读全文
摘要：引用类型的值（对象）是引用类型的一个实例。引用类型是一种数据结构，用于将数据和功能组织在一起 对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数，只不过该函数是用于创建新对象的目的而定义的， ·Object类型 目前为止，我们看到的大多是引用类型
阅读全文
摘要：基本类型：Undefind Null Boolean Number String 引用类型： 对象 在操作对象时，实际上实在操作对象的引用而不是实际的对象。为此，引用类型的值是按引用访问的。 从一个变量向另一个变量赋值引用类型的值，同样也会将存储在对象中的值赋值一份放到为新变量分配的空间中。不同的是
阅读全文
摘要：最近有想法研究jQuery源码，一顿查阅顿感自己基础薄弱。手中正好有一本js高程，遂决定深入js基础，并记录心得至博客园。以待一举攻克jQuery，VUE等源码。 1，变量、作用域和内存问题 2，引用类型 3，面向对象的程序设计 4，函数表达式
阅读全文
浙公网安备 33010602011771号