![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript
Langnang
这个作者很懒,什么都没留下…
展开
-
JavaScript打包工具之Gulp
JavaScript打包工具之Gulp$ npm install --global gulp$ npm install --save-dev gulp// gulpfile.jsvar gulp = require('gulp');gulp.task('default', function() { // 将你的默认的任务代码放在这});$ gulp原创 2020-10-14 10:03:29 · 346 阅读 · 0 评论 -
JavaScript函数库实现之AJAX
JavaScript封装之AJAXconst ajax = (option) => { /** * 配置参数 * @param {string} option.mode 请求的实现方式:native,promise * @param {string} option.url 发送请求的url * @param {string} option.method http连接的方式,包括POST和GET两种方式 * @param {boolean} o原创 2020-10-12 09:49:54 · 105 阅读 · 0 评论 -
JavaScript原理之变量提升(hositing)
JavaScript原理之变量提升(hositing)什么是变量提升为什么会出现提升现象1、预编译阶段:2、执行阶段:小结什么是变量提升JavaScript 中,函数和变量的声明总是会悄悄地“提升”到各个作用域的最顶部为什么会出现提升现象为了搞明白这个问题,我们需要了解 JavaScript 在运行时经历了哪些阶段?任何 JavaScript 代码片段主要经历了 2 个阶段:预编译和执行。1、预编译阶段:任何 JavaScript 代码片段在执行前都要进行预编译(通常就在执行前),预编译所占用原创 2020-10-12 09:04:47 · 633 阅读 · 0 评论 -
JavaScript原理之执行上下文和执行栈
JavaScript原理之执行上下文和执行栈执行上下文执行栈执行上下文执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候,它都是在执行上下文中运行。全局执行上下文: 这是默认或者说基础的上下文,任何不在函数内部的代码都在全局上下文中。它会执行两件事:创建一个全局的 window 对象(浏览器的情况下,VO),并且设置 this 的值等于这个全局对象。一个程序中只会有一个全局执行上下文。函数执行上下文: 每当一个函数被调用时, 都会原创 2020-10-12 09:02:54 · 110 阅读 · 0 评论 -
ES6之Iterator和for...of循环
ES6之Iterator和for...of循环转载 2019-05-22 17:31:15 · 539 阅读 · 0 评论 -
JavaScript之封装jQurey选择器函数
JavaScript之封装jQurey选择器函数var $ =(element="")=>{ if(element.charAt(0) === "#") { //ID选择器 return document.getElementById(element.substring(1)); } else if(element.charAt(0) === ".") { // class...原创 2019-05-22 23:27:22 · 169 阅读 · 0 评论 -
JavaScript之函数的创建和调用
JavaScript之函数的创建和调用创建函数函数声明函数表达式(存储在变量中)构造函数(可自调)调用函数函数方法构造函数函数方法创建函数函数声明函数声明:这种定义方式下,函数不属于任何对象,但是在js中,它始终是默认的全局对象;函数可以先调用,因为在js的最顶层,都有一个预编译处理机制function fun(){ console.log(1); // return this; ...转载 2019-05-28 10:06:15 · 566 阅读 · 0 评论 -
JavaScript之构造函数
JavaScript之构造函数1.什么是构造函数2.为什么要使用构造函数3.构造函数的执行过程4.构造函数的返回值大家都知道原型和原型链是 JavaScript 中最经典的问题之一,而构造函数又是原型和原型链的基础,所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。本文将从以下几个方面来探讨构造函数:1.什么是构造函数2.为什么要使用构造函数3.构造函数...转载 2019-05-28 13:27:55 · 890 阅读 · 0 评论 -
JavaScript之原型和原型链
JavaScript之原型对象一、为什么要使用原型对象二、如何使用原型对象三、绘制 构造函数——原型对象——实例 关系图一、为什么要使用原型对象通过对构造函数的了解,我们知道:function Person(name, age) { this.name = name; this.age = age;}var p1 = new Person('Tom', 18);va...转载 2019-05-28 13:46:58 · 304 阅读 · 0 评论 -
JavaScript之继承
JavaScript之继承什么是继承继承方式属性拷贝原型式继承原型链继承借用构造函数组合继承借用构造函数 + 深拷贝以下内容转载编辑自LiYajie什么是继承js中的继承就是获取存在对象已有属性和方法的一种方式.继承方式属性拷贝就是将对象的成员复制一份给需要继承的对象.// 创建父对象var superObj = { name:'liyajie', age:25...转载 2019-05-28 14:35:50 · 116 阅读 · 0 评论 -
JavaScript之自执行函数
JavaScript之自执行函数什么是自执行函数实例什么是自执行函数一种理解是,自执行即自动执行,也就是所谓的立即执行函数。还有一种理解,即自执行函数是在函数内部执行函数本身,即我们平时常说的递归函数。实例(function(){.......}())上面的代码:外面的一个括号,是直接获取返回值,里面的执行一次(function(){......})() 上面的代码...原创 2019-05-24 09:19:06 · 1420 阅读 · 0 评论 -
JavaScript之事件处理程序
JavaScript之事件处理程序以下内容转载编辑自lijia_1983370657 js的事件处理程序有五种类型,分别是:(1)HTML事件处理程序;(2)DOM0级事件处理程序;(3)DOM2级事件处理程序;(4)IE事件处理程序;(5)跨浏览器的事件处理程序;下面我们来分别解释一下这五种事件处理程序(1)HTML事件处理程序:事件直接写在DOM节点内部<but...转载 2019-05-28 14:51:40 · 194 阅读 · 0 评论 -
JavaScript之Ajax
JavaScript之Ajax什么是ajax?工作原理优缺点注意点及适用和不适用场景跨域什么是ajax?Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。Ajax 是一种用于创建快...原创 2019-05-28 16:35:00 · 446 阅读 · 0 评论 -
JavaScript之封装校验函数
JavaScript之封装校验函数手机号码邮箱校验函数一般使用于检查用户输入内容是否符合要求。如邮箱、密码、手机号码等手机号码let check=(self,type="phone")=>{}邮箱...原创 2019-05-31 15:44:03 · 698 阅读 · 0 评论 -
JavaScript之Vue详解
JavaScript之Vue详解介绍什么是Vue安装常用指令选项配置生命周期组件以下内容转载编辑自Vue官网介绍什么是Vue一套用于构建用户界面的渐进式框架可以自底向上逐层应用只关注视图层易于上手便于与第三方库或既有项目整合安装常用指令v-show 条件显示/隐藏v-if 条件渲染v-else-if 条件渲染v-else 条件渲染v-for 列表渲染v-o...转载 2019-06-03 16:36:48 · 464 阅读 · 0 评论 -
ES6之变量的解构赋值
ES6之变量的解构赋值数组的解构赋值基本用法默认值对象的解构赋值数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示,...转载 2019-05-22 11:16:41 · 1168 阅读 · 0 评论 -
Select2 使用总结
Select2使用总结介绍定位功能前提使用版本功能初始化修改宽度多选占位符自定义选择样式介绍Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.定位下拉框 多选框功能单选 多...原创 2019-05-22 10:45:47 · 379 阅读 · 0 评论 -
JavaScript之浏览器如何解析JavaScript
浏览器如何解析js在浏览器中有一个“js解析器”的工具,专门用来解析我们的js代码。在这里我们只需要关注解析的其中两个步骤就行了,其它的不做研究。js预解析逐行解析代码当浏览器遇到js代码时,立马召唤“js解析器”出来工作。这个时候还不慌,得先做好准备工作。解析器会找到js当中的所有变量、函数、参数等等一大堆。并且把变量赋值为未定义(undefeated),把函数取出来成为一个函数块,...转载 2019-05-24 17:01:17 · 1446 阅读 · 1 评论 -
JavaScript之封装Ajax函数
JavaScript之封装Ajax函数/** * 封装Ajax函数 * @param {string} opt.url 发送请求的url * @param {string} opt.method http连接的方式,包括POST和GET两种方式 * @param {boolean} opt.async 是否为异步,true为异步,false为同步 * @param {object} o...原创 2019-05-21 13:27:31 · 225 阅读 · 0 评论 -
ES6之let和const命令
ES6之let和const命令var、let、const对比命名变量提升暂时性死区重复声明改变vartruetruetruelettruetrueconsttruelet命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。推荐适用范围块级作用域...原创 2019-05-21 16:33:41 · 933 阅读 · 0 评论 -
JavaScript之封装判断数据类型函数
JavaScript之封装判断数据类型函数判断是否是数组判断是否是函数判断是否是数组var isArra=(arr=[])=>{ return Object.prototype.toString.call(arr)==="[object Array]";}判断是否是函数var isFunction_1=(fn)=>{ return Object.prototype...原创 2019-05-21 14:10:13 · 492 阅读 · 0 评论 -
JavaScript之封装Array函数
JavaScript之封装数组函数数组去重数组中出现次数最多的元素数组搜索最大值&&最小值数组去重var distinct=(arr=[])=>{ let newArr=[]; for (let i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) { ...原创 2019-05-21 14:29:07 · 265 阅读 · 0 评论 -
ES6之推荐书籍
ES6之推荐书籍深入理解ES6es6标准入门实战ES2015:深入现代JavaScript 应用开发原创 2019-05-21 15:40:18 · 4069 阅读 · 0 评论 -
JavaScript之变量提升
JavaScript之变量提升JavaScript 变量提升JavaScript 初始化不会提升避免变量提升JavaScript 变量提升在JavaScritp中,函数和变量的声明都将被提升到函数的最顶部。在JavaScript中,变量可以在使用后声明,也就是变量可以先使用在声明。console.log(x);// undefinedvar x;console.log(x);// un...原创 2019-05-21 16:18:48 · 316 阅读 · 0 评论 -
JavaScript之数据类型
JavaScript之复合型数据原创 2020-10-11 22:10:20 · 76 阅读 · 0 评论 -
ES6之编程风格
ES6之编程风格块级作用域let取代var全局常量和线程安全字符串解构赋值对象数组函数Map结构Class模块ESLint的使用块级作用域let取代varES6提出了两个新的声明变量的命令:let和const。其中,let完全可以取代var,因为两者语义相同,而且let没有副作用。var命令存在变量提升效用,let命令没有这个问题。全局常量和线程安全在let和const之间,建议优先使...转载 2019-05-21 17:47:17 · 96 阅读 · 0 评论 -
JavaScript之浅拷贝与深拷贝
JavaScript之浅拷贝与深拷贝浅拷贝深拷贝如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。浅拷贝let a = [1, 2, 3, 4, 5];let b = a;console.log(a===b);// trueb[0]=6;console.log(a==...原创 2019-05-22 10:34:38 · 327 阅读 · 0 评论 -
JavaScript之封装String函数
JavaScript之封装字符串函数去除空格使用replace正则匹配使用str.trim()方法去除空格使用replace正则匹配在这里插入代码片使用str.trim()方法原创 2019-05-21 22:33:24 · 146 阅读 · 0 评论 -
JavaScript之封装Math函数
JavaScript之封装Math函数原创 2019-05-21 22:31:40 · 1363 阅读 · 0 评论 -
JavaScript之封装Date函数
JavaScript之封装Date函数Date 对象方法Date 对象会自动把当前日期和时间保存为其初始值。Date 对象方法Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。...原创 2019-05-21 22:38:45 · 242 阅读 · 0 评论 -
RequireJS解析与基本配置
RequireJS解析与基本配置介绍模块化加载js代码安装Browsers:<script type="text/javascript" src="js/plugins/require/require.js" data-main="js/main.js">NPM:基本配置main.jsrequire.config({ // 所有模块的查找根路径。即默认加载的模...原创 2019-05-22 10:45:09 · 627 阅读 · 0 评论