At me-CSDN博客

模块化开发为什么用模块化开发？原因：1.主要是js文件依赖于导入顺序几乎是强制性的，当导入的多个js文件使用相同的变量名时，就会出现下层变量名覆盖上层变量名情况。解决1：使用闭包函数，形成局部作用域。(function(){ var flag = true})()问题2：当使用闭包函数时，文件之间变量就不能被引用解决2：在闭包函数内定义一个对象，并把它返回。var moduleA = (function () { var obj = {}; var flag = t

2021-03-12 23:14:03 99

原创 css规范

样式属性顺序单个样式规则下的属性在书写时，应按功能进行分组，组之间需要有一个空行。同时要以Positioning Model > Box Model > Typographic > Visual的顺序书写，提高代码的可读性。Positioning Model 布局方式，位置，相关属性包括：position，top，z-index，display，float等。Box Model 盒子模型，相关属性包括：width，height，margin，padding，border，overf

2020-12-19 16:51:36 93 1

原创 js 函数入门要学习的知识

一、函数函数可以封装一段特定功能的代码，然后通过函数名可以重复调用1 .函数的定义funcation 函数名（）{函数体}函数名() 调用函数2. 函数的参数funcation fun (形参1，形参2…) {函数声明}fun(实参1, 实参2…)在函数内部修改形参的值，不会影响外部的实参的值素数（只能被1和自身整除的数）函数返回值 return当函数中不写return的时候返回的值是undefined写了return后面没跟具体值也是返回undefined

2020-12-18 19:31:16 161 1

原创预编译过程

*/ // 预编译发生在执行之前 // 1.初始化全局对象 // Global Object 全局对象 // 2.全局作用域下函数声明提升 /* Global Object {} function foo: undefined // 3.全局作用下变量声明提升 /* Global Object { function foo: undefined, ...

2020-12-18 19:26:23 87 1

原创作用域链

js深入系列之作用域链在《JavaScript深入之变量对象》中讲到，当查找变量的时候，会先从当前上下文的变量对象中查找，如果没有找到，就会从父级(词法层面上的父级)执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。这样由多个执行上下文的变量对象构成的链表就叫做作用域链。下面，让我们以一个函数的创建和激活两个时期来讲解作用域链是如何创建和变化的。函数创建在《JavaScript深入之词法作用域和动态作用域》中讲到，函数的作用域在函数定义的时候就决定了。这是因为函数

2020-12-18 19:22:14 187 1

原创模拟内置对象api函数封装

* unique 数组去重 * @param {Array} array */function unique(array) { var res = []; var arrayLen = array.length; // 验证res 中是否存在 array 数组中元素 for (var i = 0; i < arrayLen; i++) { 0 // j===resLen 循环执行完毕都没有执行 break

2020-12-16 19:09:37 55

原创执行上下文栈过程

js代码执行顺序是什么，大部分人都知道同步执行var foo = function(){ console.log('foo1'); } foo(); // foo1 var foo = function(){ console.log('foo2'); } foo() // foo2function foo(){ console.log('foo1');

2020-12-16 19:00:11 110

原创预编译的一些知识点

js (从浏览器编译角度)js 是一个解析型语言。js 解析语言的方式，是一段一段解析的，不是一行一行解析的。问题：解析过程是什么？第一个过程：1.语言分析。分析代码中是否有【语法错误】，如果有则抛出错误第二个过程：预编译：底层创建对象，Global [Active Object] === 变量对象打开浏览器运行代码前：创建GO提升函数变量声明提升，作为GO对象下属性打开浏览器运行代码前创建 GO，提升函数变量声明提升函数执行是：创建AO，提升形参提升函数声明，形参实参

2020-12-15 19:12:46 143

原创 js中函数排序的一些方法

简单排序冒泡排序冒泡排序是最简单排序算法,时间复杂度为n的平方,代码如下:function bubbleSort(array) {for (var i = 0; i < array.length; i++) {for (var j = array.length; j > 0; j–) {if (array[j] < array[j - 1]) {var temp = array[j - 1];array[j - 1] = array[j];array[j] = temp;

2020-12-09 21:43:52 1187

原创 js中正则表达式了解

正则表达式正则定义显式定义var reg = new RegExp(“正则表达式模式”);//[0-9]表示匹配数字var reg = new RegExp("[0-9]");隐式定义var reg = /正则表达式模式/;//\d:表示匹配数字var reg2 =/\d/;var reg3=/[0-9]/;方法test作用：是否匹配正则表达式模式。返回：true(匹配)/false(不匹配)match作用：可以在字符串内检索指定的值，或找到一个或多个正则表达式的匹配con

2020-12-09 21:39:56 53

转载 js的内置对象

js的内置对象先了解正则表达式布尔对象Boolean()构造函数 new Boolean(); 构造函数将参数转为布尔值Boolean() 转变函数，将一个值转换成为布尔类型的数据日期对象Date()构造函数new Date()可以使用任意的时间日期或者获取当前时间var date = new Date(‘2000-11-10 12:00:00’);var date = new Date；日期对象的方法getFullyear() //返回年份，四位数，建议使用getMonth()

2020-12-03 21:15:12 66

xiafanyuan的博客

原创 webpack基础配置总结

原创 webpack的使用