js 事件1

绑定事件 绑定到对象上,句柄式 div.onclick = function() {}; 利用方法添加,封装兼容性函数如下: <!-- 绑定事件 --> function addEvent(elem, type, handle) { if(elem.addEve...

2019-09-09 14:27:26

阅读数 8

评论数 0

js bom操作

概念 bom browser object model 提供与浏览器相关操作接口 封装的兼容性函数 <!-- 获取浏览器视口宽高 --> function getViewportOffset() { if(window.innerWidth) { ret...

2019-09-09 11:23:57

阅读数 26

评论数 0

js dom操作及原理

概念 dom document object model 文档对象模型 定义了表示和修改文档的方法,也就是一些操作html和xml方法的集合(操作不了css样式表,但可以通过操作HTML属性间接更改样式) document document是指啥,我们随意打开一个html文件,在控制...

2019-09-08 00:08:10

阅读数 3

评论数 0

js 工具方法 数组去重 类型判断

数组去重 <!-- 数组去重 --> // 方法1 利用对象属性名不重复的特性 function arrayUnique(arr) { var l = arr.length; var obj = {}; var retArr = []; for(var i ...

2019-09-03 15:43:03

阅读数 4

评论数 0

js 基础

字符串 任何类型的变量与字符串相加,均为字符串连接 字符串比较的是ascii码值 && 和 || var a = 0 && 2, //0 第一个数为假,则返回第一个数 b = 1 && 2, ...

2019-09-02 22:34:09

阅读数 5

评论数 0

js 入门

浏览器组成 shell部分:即浏览器TAB页、书签等等外表的部分; 内核部分: 渲染引擎 js引起 其他模块 js执行队列 js单线程执行 轮转时间片:将各个任务分割成多个时间片,排队执行。比如执行task1 1ms,然后执行task1 1ms,再执行task1 1ms,因此视觉效果上...

2019-09-02 21:29:09

阅读数 4

评论数 0

vue.js 一个超简单的例子让你搞懂nextTick的使用场景

先看一个以下的例子: <!DOCTYPE> <html> <head> <title>vue-exe</title> <meta chars...

2019-09-02 13:59:54

阅读数 7

评论数 0

js 拷贝

概念 对于基础值来说,拷贝就是值的拷贝,但对于引用值来说,可分为 赋值:拷贝引用值的地址 浅拷贝:拷贝一层值 深拷贝:拷贝所有层。 基本原理 赋值 var obj = { a: 1, b: [1,2] } var copy = obj; obj.a = 2; obj.b[0] ...

2019-09-01 22:55:57

阅读数 4

评论数 0

js try catch 与 es5严格模式

try catch基本用法 try { //一旦发生错误,中止代码段,跳转到catch内的代码段执行 }catch(e) { //捕捉错误,错误信息在e对象中,e.name错误名,e.message错误信息 } e的6种错误 序号 e.name 对应信息 1...

2019-09-01 19:58:27

阅读数 29

评论数 0

js 继承

截至到目前来看,js继承有以下四种方式: 原型链: 共享原型:不能随便改动自己的原型。 圣杯模式 原型链模式 Grand.prototype.name = 'liao'; function Grand() {} Father.prototype = new Grand(); Father...

2019-08-31 12:04:44

阅读数 6

评论数 0

js 类数组

基本原则 类数组为对象,但有一些数组的方法,用起来像数组,因为其本质为对象,也有对象的用法 属性要为索引(数字)属性,必须有length属性,最好加上push方法 举例子 var obj = { 0: 'a', 1: 'a', 2: 'a', 3: 'b', length: 4,...

2019-08-31 12:00:58

阅读数 28

评论数 0

js 数组

数组 push方法原理 Array.prototype.push = function() { var len = arguments.length; for(var i = 0; i < len; i++){ this[this.length] = arguments...

2019-08-31 11:05:09

阅读数 13

评论数 0

js 链式调用的实现原理

var doudou = { makeup: function () { console.log('I am beautiful!'); return this; }, eat: function () { console.log('I am strongger!'); re...

2019-08-27 13:35:43

阅读数 6

评论数 0

js 包装类

包装类 先看以下代码: var num = New Number(123); var str = New String('abc'); var bol = New Boolean(true); 有没有思考过这种方式(构造函数)创建的数字、字符串、布尔值与平常直接赋值有啥区别? 原始值没有...

2019-08-27 11:14:19

阅读数 6

评论数 0

js 一个例子弄清楚this的所有指代情况

this的四个原则: 函数预编译过程,this指向window,函数1内的函数2预编译过程,this指向函数1; 全局作用域时,this指向window call/apply可以改变this指向 obj.func(),func()内的this指向obj,谁调用指向谁 实例 var ob...

2019-08-27 10:25:10

阅读数 6

评论数 0

js call/apply

call与apply异同 作用:均为改变this指向 call传参为多个参数,apply传参为一个参数数组 例子 function Person(name, age) { this.name = name; this.age = age; } Person('doudou', 28);...

2019-08-26 11:08:23

阅读数 6

评论数 0

js 对象/__proto__/构造函数/原型/原型链超简单详细理解

啥是原型 先看一个最简单的例子: function Car() { this.name = 'BMW'; } var car = new Car(); 上面的代码通过构造函数法创建了一个对象,如果将共有的属性放到Car(){}里,则每次新建造一个car对象时,都需要重复将同一名字进...

2019-08-26 10:10:25

阅读数 5

评论数 0

vue.js v-model 与 v-bind的区别

可以简单地这么理解: v-model 为 双向数据绑定; v-bind为单向数据绑定。 先来看一个例子: <!DOCTYPE> <html> <head> <title>v-mo...

2019-08-22 18:25:56

阅读数 15

评论数 0

js 对象

创建对象的方法 对象字面量: var obj = {} 构造函数法: 系统自带构造函数 var obj = new Object() 注意:用系统自带的构造函数创建的对象与对象字面量方法创建的对象基本一样。 自定义构造函数 function Person(age) { t...

2019-08-21 21:06:21

阅读数 9

评论数 0

vue.js element-ui动态改变组件placeholder的值

element-ui根据条件动态改变组件placeholder的值 假设有一个需求,一个下拉框select,如果无选项,则显示 暂无可用VPC,请先申请,如果有选项, 则显示 请选择 利用vue.js 的v-bind属性,将placeholder绑定一个动态参数,如下: :placehol...

2019-08-21 17:31:23

阅读数 80

评论数 0

提示
确定要删除当前文章?
取消 删除