javascript基础知识回顾
Mrlonely思考笔记
zengjiahao
展开
-
offset家族与scroll家族
/*1.复习: 1.offset家族:获取元素自身的真实宽高和位置(a.获取number类型 b.只能获取不能设置) * offsetWidth/Height:获取元素自身真实的宽高(width + border + padding) * offsetParent: 获取元素最近的定位父级 * offfsetLeft/Top:获取元素自身的左/上外边框与定位父级的左/上内边...原创 2018-08-15 16:30:02 · 301 阅读 · 0 评论 -
JavaScript内存管理与垃圾回收
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management 内存生命周期 不管什么程序语言,内存生命周期基本是一致的: 分配你所需要的内存 使用分配到的内存(读、写) 不需要时将其释放\归还 所有语言第二部分都是明确的。第一和第三部分在底层语言中是明确的,但在像JavaScript这些高级语言中,大部分都是隐...原创 2018-12-14 09:58:06 · 205 阅读 · 0 评论 -
基于Vue与jQuery模拟饿了么点餐Demo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&am原创 2018-11-02 01:35:25 · 959 阅读 · 0 评论 -
JavaScript基础整理
JavaScript基础整理 前言 @author: zengjiahao @date: 2018/10/21 内容目录 Js基础-01(变量,数据类型,运算符,表达式,Math高级函数) 1.js入门概念 1.前端三老铁 HTML:确定网页的结构 CSS:确定网页的样式 JavaScript(js):确定网页的行为(交互) 2.js语言组成 ECMAScript 确定js的语...原创 2018-10-21 22:32:26 · 187 阅读 · 0 评论 -
js预解析机制
/*1.默认情况js代码从上往下执行 ----不严谨 2.预解析:js编译器在从上往下执行代码之前会把代码看一眼,在预解析的过程中会进行变量的提升 3.变量的提升:js在执行代码之前会把变量的声明提升到当前作用域的最顶端 * a.把var变量声明提前,只是声明提前,赋值还是在原地 * b.函数的声明也会提升 4.预解析的作用(意义):让函数在任何地方都可以被调用 ...原创 2018-08-15 17:48:13 · 233 阅读 · 0 评论 -
关于js的变量作用链
/*作用域链由来:默认情况下,全局作用域成为0级链,函数可以开辟一个局部作用域,而函数内部又可以声明函数形成 新的作用域,以此类推,就形成了作用域链 变量在作用域链的访问规则:就近原则 * 当在一个作用域中访问变量时,首先在自身当前作用域寻找变量的声明,如果有声明访问的就是自身作用域的变量 如果没有声明,就在父级作用域中寻找声明,如果没有继续往父级找,一直找到顶级链,如果还没有程序...原创 2018-08-15 17:37:39 · 121 阅读 · 0 评论 -
开关思想
/*开关思想 1.当某种情况的结果只有两种情况(开关思想,声明一个布尔类型的值表示开关) 2.随便假设开关一种状态 3.验证你的状态 */ /* 下面以数组去重为例 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&原创 2018-08-15 17:25:31 · 809 阅读 · 0 评论 -
冒泡算法分析
/*冒泡排序核心原理:数字中相邻的两个元素比较大小,然后交换位置 冒泡法排序是固定的三个步骤: * 1.外层循环决定比较的轮数: arr.length - 1 * 2.内层循环决定每一轮比较的次数 : 内层循环次数 = arr.length - 1 - i * 3.比较大小,交换位置 /* 外层循环:比较的轮数 arr.length-1 内层循环:决定每一轮比较的次数 ...原创 2018-08-15 17:20:02 · 542 阅读 · 0 评论 -
原生js方式实现全选反选
/** 复习一下:原生js的一些知识,全选反选虽然是简单的案例,但是很多地方都能用到。 先复习下原理知识点,后面再写一个点餐选择框实例 **/ /**原生js /*需求分析: * (1)点击全选,所有的选择框都是选中状态 * (2)点击全不选择,所有的选择框都是未选中状态 * (3)点击反选,所有的选择框选择状态与自身当前状态相反 /* 思路分析: ...原创 2018-08-18 00:56:13 · 3793 阅读 · 0 评论 -
ES6class-构造函数的另一种写法1
Class基础使用 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。 在ES6中,提供一种新的方式 class (类)来实现。 基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 现在公司用的这种方式,感觉语义是清晰了很多,现在闲暇之余整理一下,免得写代码的时候卡...原创 2019-01-20 13:01:16 · 712 阅读 · 0 评论