愿你坚持不懈,努力进步,进阶成自己理想的人

—— 2017.09, 写给3年后的自己

搜索分类Javascript下的文章

JavaScript设计模式——观察者模式

观察者模式是一种常用的设计模式,它的好处是可以解耦两个对象之间的信息传递。 场景 某购物网站展示用户名、头像、获取购物车数据等等操作,需要在登录完成后进行。假设现在展示用户名、头像、获取购物车数据等操作的方法名称如下: showUsername() show...

Vue.js学习总结笔记(二)组件

一、注册组件 1、全局注册 注册组件的方式为: Vue.component(tagName, options); 注意:组件的注册,要在实例化实例之前完成。即: Vue.component('my-com...

ES6学习记录——let和const

一、传统的var 在ES6之前,我们声明一个变量,都是使用var关键字进行声明的,而之前,JavaScript中也只有全局作用域和函数作用域(with和catch块也会创建作用域)。使用var会有一些奇奇怪怪的问题,如: 1)可以重复声明:

React学习笔记(三):进阶知识

一、条件渲染 在React里,我们可以创建不同的组件来封装我们需要的功能。我们也可以根据组件的状态,只渲染组件中的一部分内容,而条件渲染就是为此而准备的。在React中,我们可以像在JavaScript中写条件语句一样地写条件渲染语句,如: function Greet(props) { const isLogined = props.isLogined;...

深入理解delete操作符

在JavaScript中,有个神奇的运算符delete,通常情况下,我们可以使用delete来删除一个对象中的属性,但是我们又经常会发现,delete运算符有些时候,也会有~~蜜汁效果~~。以下,来深入点学习delete运算符 一、语法 ...

React学习笔记(二):基本知识

一、元素渲染 元素(elements)是构成React应用的最小单元,元素描述了想要在屏幕中看到的内容,如: const element = <h1>Hello, world</h1>; 和DOM元素不同的是,React元素是纯对象,创建的代价低。并且React会进行优化处理,只把...

React学习笔记(一):JSX

一、什么是JSX? 一个JSX语法的示例,如下所示 const element = <h1>Hello, world!</h1>; 这种语法形式,既不是HTML,也不是字符串,而是称之为JSX,是React里用来描述UI和样式的语法,JSX最终会被编译为合法的JS语句调用(编译器在遇到{

前端模块化总结

随着Web前端工程的日益庞大和复杂,前端模块化开始成为前端领域所关注的热点问题 一、前端模块化现状 模块化首先由NodeJS引入(require),继而得到大规模发展和推广,并且延伸到了浏览器端,目前,前端模块化主要形成了以下的布局:

History对象使用总结

概述 history对象是BOM所提供的一个功能,用来保存浏览历史。在HTML5之前,history对象主要有以下的功能: history.length 获取访问过的网址数 history.back() 相当于浏览器的后退按钮 history....

DOM操作之获取元素位置(绝对位置、相对位置)与大小

在Web页面的设计过程中,我们经常需要进行DOM操作,而DOM操作中,也经常会有需要获取一个元素的位置的需求。这个位置,包括在整个页面中的绝对位置,也包括了在页面中相对于浏览器窗口的位置等。因此,有必要总结一下如何使用DOM来获取元素的页面位置 一、基本概念 1、网页大小:一张网页的全部区域的面积,就是这张网页的大小,网页的大...

Vue.js学习使用总结(一)基础篇

由于有一段时间没用Vue了,之前学习的时候Vue还是1.0版本,现在出了2.0版本,所以重新学习一遍Vue,并做个记录,让自己印象更深刻 一、Vue实例 1、构造器 每个Vue应用,都是通过构造函数Vue来创建的,如: