JavaScript 的 原型链

首先要明确的是,JavaScript 是面向对象的语言,但与 Java 、 C# 等语言有别,没有类的概念,而是基于原型链 (即使是ES6的"class"也是基于原型链的一种语法糖)。 理解原型对象 只要创建一个新函数,系统默认为其创建一个 protot...

2019-03-03 23:03:13

阅读数 20

评论数 0

JavaScript 的 this 指向

this 的定义 this 是一个指针,指向的是函数执行的环境对象。 用几个例子说明 this 的指向 普通函数内的 this 指向执行环境对象,例子中的执行环境是 window var a = 'window' function fn(){ let a = 'fn' retu...

2019-03-03 17:09:37

阅读数 14

评论数 0

JavaScript 的 闭包

词法作用域: 首先我们看一个最简单的例子: var x = 100; function fn(){ console.log(x); } fn(); // 100 毫无疑问,"fn()" 函数是可以访问到外部定义的变量 "x"。函数被创建时...

2019-02-17 22:59:11

阅读数 19

评论数 0

Echarts (数据可视化库) 入门

安装: $ npm install echarts --save 官网地址:https://echarts.baidu.com/index.html github项目地址:https://github.com/apache/incubator-echarts   引入: // ...

2019-02-11 18:14:10

阅读数 320

评论数 0

Flex 布局

基本概念: 采用 Flex 布局的元素,称为 Flex 容器(flex container)。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item)。 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。 主轴开始点(与边框的交...

2019-01-26 23:45:47

阅读数 27

评论数 0

回流( reflow ) 与 重绘( repaint )

了解页面渲染过程: 渲染过程如下: 解析 HTML 生成 DOM Tree;解析 CSS 生成 Style Rules; 两者合并生成 Render Tree; 根据几何信息(位置、大小等),生成页面布局 (Layout); 根据特征信息(颜色、透明度等),绘制页面 (Paintin...

2019-01-19 23:09:22

阅读数 32

评论数 0

JavaScript 函数内的 arguments 对象

描述: arguments 是一个对应于传递给函数的参数的类数组对象。不是数组,但可以转化成数组。函数内部必定存在的一个对象。 function fn () { console.log(arguments); } fn('a', 'b', '', 'd'); // Arguments(4...

2019-01-06 21:29:28

阅读数 21

评论数 0

关于 响应式布局 [ 转 ]

原文地址  前言: 响应式,即设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。    视口: 电脑端的视口宽度等于分辨率,而移动端的视口宽度跟分辨率没有关系,宽度默认值是设备厂家指定的。iOS, Andr...

2019-01-05 22:34:46

阅读数 18

评论数 0

CSS 常用样式

  会话尖角气泡: 在线demo       (效果图)      <div class="bubble">泡内文字</div> .bubble{ color...

2019-01-05 21:19:32

阅读数 39

评论数 0

CSS 堆叠覆盖 层级关系

 如下图所示:   其中需要注意的是,行元素是 后定义的 高于 前定义的 ,"z-index≥0" 高于 上下文所有元素。 代码如下: <div class="parent"&amp...

2019-01-05 16:21:25

阅读数 384

评论数 0

Vue CLI 3 入门

官方文档   安装 // 若已安装 vue-cli 2.x/1.x 需要先卸载 npm uninstall vue-cli -g // 需要全局安装 npm install -g @vue/cli // 查看当前 vue-cli 版本 vue --version   创建项目 //...

2018-12-24 22:33:28

阅读数 31

评论数 0

Vue Router 入门

安装: 官方文档 官方API文档 npm install vue-router // router/index.js import Vue from 'vue' import VueRouter from 'vue-router' // 模块化工程中,Vue.use() 是必须的 Vue...

2018-12-16 00:19:49

阅读数 46

评论数 0

Vuex 入门

安装: npm install vuex --save // store/index.js import Vue from 'vue' import Vuex from 'vuex' // 模块化工程中,Vue.use() 是必须的 Vue.use(Vuex); // 抛出模块,用...

2018-12-16 00:16:00

阅读数 42

评论数 0

JavaScript 的 Symbol 类型

它是JavaScript的第七种原始类型: 有别于6种原始类型: Undefined(未定义)、Null(空值)Boolean、(布尔类型)、Number(数字类型)、String(字符串类型)、Object(对象类型) ES6新特性中的symbol也是值,但它不是字符串,也不是对象,而是是...

2018-12-15 15:17:44

阅读数 35

评论数 0

JavaScript 的 RegExp 速查

创建 正则对象: // 以下三种方法均可以 const regex = /^[a-zA-Z]+[0-9]*\W?_$/gi; let regex2 = new RegExp(/^[a-zA-Z]+[0-9]*\W?_$/, "gi"); let regex3...

2018-12-11 22:49:20

阅读数 31

评论数 0

Vue 渲染函数 (render)

 简单例子: Vue.component('render-demo', { props: { num: { type: Number, required: true } }, render (createElement) { retu...

2018-12-11 22:48:42

阅读数 105

评论数 0

JavaScript 的 Object 类型

简单创建: // 构造函数体内的"this"将指向 实例对象 function Box(x, y){ this.x = x; this.y = y; }; var box1 = new Box(4, 5); // {x:4,y:5} // 使用...

2018-12-06 22:44:39

阅读数 31

评论数 0

Vue 过渡动画

进入(v-enter)/离开(v-leave)/移动(v-move)&列表(transition-group)的过渡 简单的例子: <div id="demo"> &l...

2018-12-01 23:27:27

阅读数 402

评论数 0

前端的本地存储 --- cookie/session/localStorage/sessionStorage

1、cookie: 本身用于客户端和服务端通信,每次http请求都会携带cookie。但具有本地存储的功能。缺点是容量少(4kb);安全性低;浪费带宽资源(每次请求携带)。 Cookie中存放的信息包含cookie本身属性和用户自定义属性,cookie的信息由键/值对组成,但一个cookie只...

2018-11-29 23:04:35

阅读数 40

评论数 0

Vue 组件间通信

1、父 ---> 子 传递  "props" 和 "$parent" 的用法: Vue.component('child-component', { template: ` &a...

2018-11-28 22:48:20

阅读数 36

评论数 0

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