JS高级第8页

JS高级学习历程-4

4执行环境可以访问什么变量具体可以访问变量类型：局部变量、参数、函数、外部环境变量优先级：局部变量>函数>参数>外部环境变量1234508-执行环境可以访问的变量信息678//变量在当前、内部、深层环境都会起作用910varname="cat";11functionf1(){12varage=5;13functionf2(){14varcolor="yellow";15functionf3(){1

dengzhuang8619·2020-08-19 09:49

JS高级笔记（3）函数进阶

函数的定义函数的定义方式1.函数声明方式function关键字（命名函数）functionfn(){}2.函数表达式（匿名函数）varfun=function(){}3.newFunction(‘参数1’,‘参数2’,…,‘函数体’)varf=newFunction(‘a’,‘b’,‘console.log(a+b)’);f(1,2)；Function里面参数都必须是字符串格式第三种方式执行效率低

VIVI Xiao·2020-08-19 06:13

JS高级---原型到原型链（一看就懂）

文中关于一些概念说了可能三到四边，或者更多，希望是加深大家的印象，希望理解，重要的概念说三遍，只要你能理解，我啰嗦五次都愿意。构造函数创建对象==========咱们先来一个栗子=======functionPerson(name){//构造函数this.name=name;}Person.prototype.printName=function(){//原型对象alert(this.name);

前丨端丨小丨学丨生·2020-08-18 23:19

JS高级进阶——递归

递归：函数在运行过程中自己调用自己递归算法的基本思想是：把规模大的、较难解决的问题变成规模较小的、易解决的同一问题。规模较小的问题又变成规模更小的问题，并且小到一定程度可以直接得出它的解，从而得到原来问题的解。看一个典型的求阶乘的栗子：functionfun(n){if(n<=1){return1;}else{returnn*fun(n-1);}}fun(3);但这样有个缺点：我们知道函数名是指向

Jake Zhang·2020-08-18 21:54

javascript 内存的数据结构和机制原理

不了解Js内存管理机制的web开发，不是一个好android.........如果你想更好的学习Js高级知识，必须学会javascript内存管理机制，这点毋庸置疑！

hopefullman·2020-08-18 20:16

js高级（面向对象）

面向对象编程（1）概述1，面向过程编程POP：就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步步实现，使用的时候在一个一个依次调用；2，面向对象编程OOP：把事务分解成为一个个对象，然后由对象之间分工与合作；在面向对象程序开发思想中，每一个对象都是功能中心，具有明确的分工；面向对象编程具有灵活、代码可复用、容易维护和开发，更适合多人合作的大型软件项目；特性：封装性、继承性、多态性区别：面向

hvbv·2020-08-18 01:02

js高级面向对象小结(二)

构造函数:是指用来实例化对象(创建对象)作用:给对象添加属性,初始化属性使用new关键字创建的对象对象的类型就是创建这个对象使用的构造函数的函数名使用{}创建对象对象的类型一定是object相当于使用了newObject()构造函数的注意事项:①函数名首字母大写②函数体里面this指向实例化的对象面向对象三大特性:封装继承多态js对象就是键值对的集合:键值如果是数据(基本数据,复合数据,空数据),

InLett_杨捷·2020-08-17 20:16

js高级_面向对象&&内置对象&&BOM&&封装

js高级_面向对象&&内置对象&&BOM&&封装JavaScript面向对象一类的定义和使用定义格式:class类名{//构造方法constructor(){变量赋值;}方法名(参数列表){方法体;return

春秋二两·2020-08-17 18:56

03-3-JavaScript高级（中）

面向对象游戏案例：贪吃蛇案例目标游戏的目的是用来体会js高级语法的使用不需要具备抽象对象的能力，使用面向对象的方式分析问题，需要一个漫长的过程。

l798358117·2020-08-17 13:29

JS拖拽组件开发

zdy0_2004·2020-08-16 22:06

前端之路

JS高级特征：正则表达式、排序算

大漠孤影丶·2020-08-16 20:43

Fabric.js高级点的教程3--添加遮罩和裁剪的方法

为什么80%的码农都做不了架构师？>>>写这篇文章的时候我就要说一下了，这个遮罩和裁剪耗费了我真的是九牛二虎之力裁剪的插件很多，无论你用原生JS,JQuery,Vue还是React.总能找到一款裁剪插件。今天我要说的是自己写一个截图功能，直接就在操作的画布中操作需要裁剪的图片，而不是跳一个新页面裁剪后再挪过来。Fabricjs提供了很多方式的裁剪，最常见的是Object属性的上的clipTo，然而

weixin_34219944·2020-08-16 16:25

Fabric.js高级点的教程1--添加辅助线的方法

为什么80%的码农都做不了架构师？>>>Fabric.js非常的强大，但是国内的资源教程很少，最近想加个功能给元素添加辅助参考线（类似http://jsfiddle.net/elin/A6CpP/）。这样某个元素移动缩放都会根据其他元素有个参考，就行ps里面的功能一样。虽然类似的功能我其他的项目有单独实现过，但是我本着能懒就懒的原则，于是乎我google了一下，官方的bug里有提到，安利给大家。首

weixin_34119545·2020-08-16 16:41

JS高级---正则表达式其他方法的使用

正则表达式其他方法的使用正则表达式中:g表示的是全局模式匹配正则表达式中:i表示的是忽略大小写varstr="中国移动:10086,中国联通:10010,中国电信:10000";//把里面所有的数字全部显示出来vararray=str.match(/\d{5}/g);console.log(array);//提取这里的日期varstr="2017-11-12";vararray=str.match

marcushbs·2020-08-16 11:15

js高级面试题总结(vdom和vue)

一、vdom（1）什么是vdom？可提高重绘性能（重绘是非常贵的操作，所以需要尽量减少重绘来提高前端性能）（2）为什么要用js？用js模拟的dom结构，dom变化的对比需要逻辑（前端唯有js是图灵完备语言，所以选择使用js）。（3）用js简单模拟一下vdompart1part2//模拟vdom{tag:'div',attr:{id:'container'},children:[{tag:'p',a

光头大魔王、·2020-08-15 23:09

js之闭包（概念、优缺点、应用）

（js高级教程）4.2.2闭包优缺点1闭包的作用（优点）1）读取另一个函数作用域中的变量；2）让这些变量始终保持在内存中，即闭包可以使得它诞生环境一直存在。3）封装对象的私有属性和私有方法。

bailizx·2020-08-15 22:29

JS高级---拷贝继承：把一个对象中的属性或者方法直接复制到另一个对象中

拷贝继承：把一个对象中的属性或者方法直接复制到另一个对象中浅拷贝functionPerson(){}Person.prototype.age=10;Person.prototype.sex="男";Person.prototype.height=100;Person.prototype.play=function(){console.log("玩的好开心");};varobj2={};//Pers

AugustusS·2020-08-15 20:00

js高级面向对象之表格点击排序

面向对象是js的必修部分,关于此部分是否熟练运用也是重中之重,今天写了个关于面向对象的案例,比较有意思,是关于一个表格的排序,触发事件是点击thead的每个th会对表格进行一般排序由于所有的东西都是js动态添加,所以html部分的代码只有一个table,就不发了css代码如下:table{width:800px;}th{height:50px;cursor:pointer;}td{text-ali

那个方·2020-08-15 00:56

从零开始，学习web前端之js高级

面向对象在学习js的面向对象的时候着实懵逼了，因为之前学过java，发现js的面向对象简直太扯淡了。但是没办法，还是要耐着性子学一学，不过有了ECMAScript6之后，相信以后学过强类型语言的同学再去学习js的面向对象会好一些。首先要明确的是，面向对象是一种解决问题的思路，是一种编程思想。早期的编程是面向过程的。“面向过程”(ProcedureOriented)是一种以过程为中心的编程思想。就是

XeonYu·2020-08-14 22:38

JS高级---遍历DOM树

遍历DOM树第一个函数:给我根节点,我会找到所有的子节点:forDOM(根节点)获取这个根节点的子节点varchildren=根节点的.children调用第二个函数第二个函数:给我所有的子节点,我把每个子节点的名字显示出来(children)for(vari=0;i遍历DOM树遍历DOM树Tip:可以在遍历的回调函数中任意定制需求123456789haha123helloworlddsadsad

东骧神骏·2020-08-14 15:00

JS高级---正则表达式练习身份证号码

写正则表达式,根据字符串来写正则表达式进行匹配经验:1.找规律2.不要追求完美身份证的正则表达式15位或者18位([1-9][0-9]{14})|([1-9][0-9]{16}[0-9xX])([1-9][0-9]{14})([0-9]{2}[0-9xX])?1.座机号码的正则表达式010-198767540431-87123490[0-9]{3,4}[-][0-9]{8}\d{3,4}[-]\d

东骧神骏·2020-08-14 08:00

JS高级---识别正则表达式是否匹配

识别正则表达式是否匹配console.log(/[a-zA-Z]+/.test("hello"));console.log(/./.test("除了回车换行以为的任意字符"));//trueconsole.log(/.*/.test("0个到多个"));//trueconsole.log(/.+/.test("1个到多个"));//trueconsole.log(/.?/.test("哈哈"));

额头有王的喵·2020-08-14 08:00

JS高级---案例：验证用户输入的是不是邮箱

案例：验证用户输入的是不是邮箱title*-->请您输入邮箱地址：*//如果输入的是邮箱,那么背景颜色为绿色,否则为红色//获取文本框,注册失去焦点的事件document.getElementById("email").onblur=function(){//判断这个文本框中输入的是不是邮箱varreg=/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]

AugustusS·2020-08-14 08:00

JS高级---案例：验证密码的强度

案例：验证密码的强度1.给我密码,我返回对应的级别2.每次键盘抬起都要获取文本框中的内容,验证文本框中有什么东西,得到一个级别,然后下面的div显示对应的颜色Document#dv{width:300px;height:200px;position:absolute;left:300px;top:100px;}.strengthLv0{height:6px;width:120px;border:1

moon3·2020-08-14 08:00

JS高级---案例：验证用户输入的是不是中文名字

案例：验证用户输入的是不是中文名字[\u4e00-\u9fa5]title请输入您的名字:*//是中文名字,则绿色,否则红色document.getElementById("userName").onblur=function(){varreg=/^[\u4e00-\u9fa5]{2,6}$/;if(reg.test(this.value)){this.style.backgroundColor=

冬眠的龙龙·2020-08-14 08:00

Node.js高级进阶，看看那些还需要学

本文不仅仅可以应用场景的分析，完全可以把它当做Node.js高级进阶当路线，看看那些你还需要学。我们知道node的出现，让前端开发既aj

zz_jesse·2020-08-14 00:22

JS高级之ES6+模块化

文章目录十四、es6内容14.1数组API、正则API、字符串API14.2模板字符串14.3解构赋值14.3.1对象的解构赋值14.3.2函数参数的解构赋值14.3.3补充：属性的简写14.4函数的扩展14.4.1rest参数14.4.2箭头函数14.5对象的扩展14.6Promise14.6.1回调地狱：14.6.2Promise函数基本用法14.6.3Promise函数实现多层回调14.6.

王道长的剑·2020-08-12 16:55

undefined与null的区别

undefined==null//true至于两者为什么相等，看了一下《JS高级程序设计》和《你不知道的JS》，似乎都只提到了是规则，网上的解释也都是个人的看法，以后在哪里看到了再回来补上：以下摘自《你不知道的

清儿阿·2020-08-12 15:37

webpack 安装babel 来解决JS高级语法

安装babel失败！！！这个法子真可行简介babel首先要了解babel插件是干嘛的，随着js的语法规范发展，出现了越来越多的高级语法，但是使用webpack打包的时候，webpack并不能全部理解这些高级语法，需要我们使用一些插件来把高级语法，转为低级语法后打包。babel就是将高级语法转为低级语法的工具。安装插件：安装babel和相关loadercnpminstallbabel-corebab

撩起秀发继续敲·2020-08-11 22:47

webpack:打包js高级语法

例如，一个js文件里有以下语法，直接运行会报错的，需要安装插件。1.安装插件：npminstallbabel-loader@babel/core@babel/runtime-Dnpmi@babel/preset-env@babel/plugin-transform-runtime@babel/plugin-proposal-class-properties-D2.修改webpack.config.

Crisney Liang·2020-08-11 22:26

写给小白的js高级原型链

前言广告：最近github上新开了一个仓库[May-Nodes](https://github.com/maycope/Ma...，包括但不限于之前面试遇到的相关数据库,计算机操作系统,Java基础知识，计算机网络以及LeetCode等算法题解等知识。届时也会整理学习使用的PDF文档与资源。有需要的小伙伴可以点个关注和`star`。在持续更新中，总会遇到你想要的。本篇文章是最近应公司要求学习ES6

maycope·2020-08-11 19:37

【js高级 Day4】深入理解apply和call方法，作用域，闭包，递归

01课程介绍02复习原型:每个实例对象中都有一个属性__proto__,是原型,浏览器使用的,不标准的属性每个构造函数中都有一个属性prototype,是原型,程序员使用的,面向对象和面向过程都是编程思想面向对象注重的是结果面向过程注重的是过程面向对象的特性:封装,继承,多态继承:1.通过原型实现继承,改变原型的指向,属性在初始化的时候就已经固定了,如果是多个对象实例化,那么每个实例对象的属性的值

Web_hls·2020-08-11 14:20

JS高级-ES6语法、let/const、解构赋值、箭头函数、剩余参数接收、lES6 的内置对象扩展（拓展运算符、模板字符串、）set数据结构

什么是ES6>ECMA国际标准化组织制定的一项脚本语言的标准化规范>ES2016及其以后的版本都叫ES6ES6新增语法let/constlet变量特点1、声明的变量具有块级作用域、{作用于括号中}2、let申明的变量没有变量提升3、具有暂时性死区、例如/*-------使用let关键字声明的变量具有暂时性死区特性-------*/varnum=10if(true){console.log(num)

good法乐·2020-08-11 10:12

js高级进阶之深浅拷贝详解与es5 es6实现

js中对象的拷贝非常重要，如果理解不深入必将写出致命的bug，本文将总结之前项目开中中用到的所有拷贝方法进行总结。对象拷贝的本质原因由于js创建对象进内存的机制，原始数据类型Undefined，Null，Boolean，Number、String五类是直接进栈保存的，因此对这五种类型的数据赋值操作是内存里直接复制结果值保存，而object类型的数据都是引用数据类型，栈内保存的是地址引用，实际值存储

guocongcong-cc·2020-08-10 23:20

web前端开发自学路线是怎样的？html+css+JavaScript的学习方法

直接干货学习前端的几个阶段：一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段：canvas、js

编程匠工·2020-08-10 16:20

JS高级程序设计-第七章：函数表达式

函数声明和函数表达式的区别使用函数声明的方法定义函数时，会有变量提升，但是函数表达式则不会；使用函数表达式来实现递归：functionfactorial(num){if(numvalue2){return1}else{return0}}}varcompare=creatCompareFunction('name')//n排序在g后面，因此n>gvarresult=compare({name:'ni

在养一只虎纹�·2020-08-09 03:36

微信wxml页面将时间戳格式化为日期格式 2020-5-12

在utils文件下新建filter.wxs温馨提示：wxs里面不支持js高级语法，所以newDate替换为getDate()//在wxml页面将时间戳格式化为2020-5-12functionfilter

royal-·2020-08-08 20:41

js高级程序设计第一章（本章后记才是干货~）

js高级程序设计第一章：`JavaScript`简介从了解`JavaScript`开始1.`ECMAScript`：提供核心语言功能规定的内容`ECMAScript`兼容2.

Lemon·2020-08-07 21:40

全面深入JavaScript OOP面向对象编程

课程从最简单的JavaScript面向对象特性说起，一直到最后的第三方JS框架源码解读，JS高级

不忘初心01·2020-08-07 19:10

js高级技巧总结之高级函数和防篡改对象

高级函数1.安全的类型检测谈到类型检测，可能大家首先想到的就是typeof或者instanceof(检测数组Array.isArray(arr))等这些方式，但是这些方法都有自己的局限性，比如说Safari（直至第四版）对正则使用typeof会返回function,instanceof必须要在同一个作用域下，还有现在浏览器开始支持原生JSON对象了（DouglasCrockford定义了一个全局J

PrayerYa·2020-08-07 12:40

视频教程-前端工程师就业班淘宝商城HTML/CSS项目实战【JS++前端】-HTML5/CSS

WEB前端开发系列培训的教育团队，以深度知识点、深挖开发技术、保障学员进入互联网企业为课程深度与质量基础，受到了广大前端学习者的青睐与信任，课程包含：HTML/CSS、JS/jQuery、H5系列技术、JS

weixin_31314399·2020-08-06 11:45

wxs处理时间戳为年月日时分秒

wxs不支持js高级语法。

dev_codes·2020-08-04 21:43

JS高级程序设计学习

1.JS的概念JavaScript是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成：ECMAScript；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口。2.在HTML中使用JS元素：引入JS的主要办法，有以下6个属性1.async：立即下载脚本，但不妨碍其他操作，比如下载其他资源或脚本。只对外部脚本文件有效，多个异

盗庚·2020-08-04 06:46

38 Three.js高级材质THREE.ShaderMaterial

注意看这一篇文章最好有webgl基础的同学看，如果没有webgl原生基础，你会看得很懵逼。简介THREE.ShaderMaterial是Three.js库中最通用、最复杂的材质之一。通过它可以使用自己定制的着色器。直接在webgl环境中运行。着色器可以将Three.js中的JavaScript网格转换为屏幕上的像素。通过这些自定义的着色器，可以明确地指定对象如何渲染，以及如何覆盖或修改Three.

暮志未晚Webgl·2020-08-01 09:35

JavaScript高级特性

备注：本文很多内容都是从byvoid同学的nodejs开发里面摘取出来的，是我当时的读书笔记，看过很多关于js高级特性介绍的书，我觉得这本书介绍的最同属易懂当然各有各的爱好，放出来，全当复习JavaScript

weixin_30672019·2020-08-01 03:06

JS高级学习笔记（9）之转：前端路由跳转基本原理

原文链接：前端路由跳转基本原理前述前端三大框架Angular、React和Vue都推行单页面应用SPA开发模式，这是因为在路由切换时，替换DOMTree中发生修改的DOM部分，来减少原来因为多页面应用跳转带来巨大的性能损耗。他们都有自己典型的路由解决方案：@Angular/router、react-router、vue-router。一般来说，这些路由插件总是提供俩种不同的路由方式：Hash和Hi

weixin_30549657·2020-08-01 03:05

《js高级程序设计》之惰性载入

不同浏览器之间存在兼容性问题，当一段代码需要询问浏览器是否兼容时，需要使用if语句，如果是个事件触发函数，那么每次调用都需要执行一遍if语句，使用惰性载入可以使if语句执行一遍。原来函数：functionaddeven(){if(typeofaddEventListener=="function"){element.addEventListener("click",function);}elsei

kalinux·2020-07-31 19:14

尚硅谷JavaScript视频共140集

JavaScript的基础对于一名前端工程师非常重要，希望同学们认真学习，学习完该教程可以继续学习JS高级部分的知识。课程目录

ressx·2020-07-30 20:10

js高级程序设计学习笔记——基本概念

1.逻辑或（||）运算有一个特点，a||b,当a为false的时候，如果b为对象，则直接返回b。利用这一特征，我们在给对象赋值的时候，为了防止赋空值可以使用下面赋值语句。varmyObject=preObject||backObject;这样如果preObject不是空，就把preObject赋值给myObject，否则把backObject赋值给myObject。2.javascript函数不存

关于的梦·2020-07-30 11:30

推荐频道

JS高级