浅谈js词法环境-编程思维

JavaScript 词法环境 本文主要讲解JS词法环境,我们将看到什么是词法环境,词法范围如何工作,函数内部的名称如何解析,内部属性,弄清楚词法环境利于我们理解闭包。让我们开始吧... 什么是词法环境? 在理解闭包时,最大的混淆来源是术语“词汇环境”,或者只是“词汇”这个词。在计算机科学中术语“词汇”仅表示“源代码”,或者换句话说,“与写的代码有关”。 大家请考虑以下代码: var a =

js--什么是包装类型,有什么需要注意的地方-编程思维

在 JavaScript 中,基本类型是没有属性和方法的,但是为了便于操作基本类型的值,在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象,如: var a = "abc"; a.length(); //3 a.toUpperCase(); //'ABC' 在 访 问 'abc'.length 时 , JavaScript 将 'abc' 在 后

javascript-极速入门指南-1-基础语法/数据类型/函数介绍-编程思维

内容概要 Javascript编程语言 JS编程语言简介 注释语法 引入JS的多种方式 结束符号 变量与常量 定义变量 let关键字与var关键字的区别 定义常量 基本数据类型 运算符 流程控制 函数 内置对象 Javascript编程语言简介 JS全称Javascript 但是与Java没关系,之所以这么叫是为了蹭Java的热度 Javascript是前端工程师的编程语言,但

javascript-极速入门指南-2-bom与dom操作-编程思维

内容概要 BOM操作 BOM操作基础 DOM操作 jQuery类库 BOM操作 BOM操作基础 BOM(Browser Object Model) 是指浏览器对象模型,它使用Javascript有能力与浏览器进行'对话' 打开新网页 window.open('http://www.baidu.com') 并且可以填写参数控制打开新网页的大小 window.open('http:/

js防抖函数-编程思维

1、使用场景:   例如:搜索框搜索输入。只需用户最后一次输入完,再发送请求 2、函数防抖的要点:   需要一个 setTimeout 来辅助实现,延迟运行需要执行的代码。如果该方法多次触发,则把上次记录的延迟执行代码用 clearTimeout 清掉,重新开始计时。若计时期间事件没有被重新触发,等延迟时间计时完毕,则执行目标代码。 3、防抖函数如下: /** * fn:需要被防抖执行的函数

javascript 中url构造函数-编程思维

前言 URL对于我们开发人员来讲,应该是非常熟悉了。在对URL进行参数拼接时,我们一般都会直接进行字符串拼接或使用模版字符串,因为这样非常方便,但是我们这样其实会在不知不觉中以不安全的方式编写 URL。 比如,我们通常会这样写: const url = `https://www.baidu.com ?model=${model}&locale=${locale}?query.text

究竟什么是shadow dom?-编程思维

shadow dom 是什么? 顾名思义,shadow dom直译的话就是影子dom,但我更愿把它理解为DOM中的DOM。因为他能够为Web组件中的 DOM和 CSS提供了封装,实际上是在浏览器渲染文档的时候会给指定的DOM结构插入编写好的DOM元素,但是插入的Shadow DOM 会与主文档的DOM保持分离,也就是说Shadow DOM不存在于主DOM树上。 并且Shadow DOM封装出来的

配制node.js和命令行-编程思维

配制Node.js和命令行 安装或升级node.js 从Node.js (nodejs.org)下载最新版安装文件。 查看npm全局包有哪些: npm list -g --depth=0 查看npm版本: npm -v 查看哪些包有更新: npm outdated -g 查看参数配置: npm config ls 安装或升级npm 以管理员身份打开命令行,执行如下命令 npm i -g

前端框架对比总结(表格):react、angular、vue.js(国产)等-编程思维

前端框架对比 前端框架 优点 缺点 React React是由Facebook开发和创建的开源框架。根据Stack Overflow Developer 的 2021 年调查,该框架是 2022 年最好的 UI 框架,被大多数前端开发人员使用。 如果您不具备 JavaScript 的实践知识,则建议不要使用 React。同样,对于没有经验的开发人员,JSX 的学习

前端和后端对比总结表格(全方位、多角度)-编程思维

  前端和后端概述 前端 什么是前端开发?Frontend 前端开发主要涉及网站和 App,用户能够从 App 屏幕或浏览器上看到东西。简单地说,能够从 App 屏幕和浏览器上看到的东西都属于前端。 网站和移动 App 的前端 我们就以你现在正在浏览的网页为例。网页上的内容、图片、段落之间的空隙、左上角的图标、右下角的通知按钮,所有这些东西都属于前端。 移动 App 的前端和网站是一

node和npm如何升级版本-编程思维

node和npm在某种意义上,早已成为当前前端开发中不可或缺的工具。 本文将介绍如何进行node和npm的版本升级和指定等等操作。 查看node和npm版本: node -v npm -v 清除npm缓存: npm cache clean -f 如何升级npm 当只需要简单的升级 npm 的时候,可以比较方便的处理。 npm升级到最新版本 npm install npm -g np

vue的自定义过滤器-编程思维

vue的自定义过滤器 - Filter一、过滤器的介绍二、局部过滤器1. 定义2. 使用2.1 基础用法2.2 串联用法2.3 接收参数三、全局过滤器1. 定义2. 使用四、总结一、过滤器的介绍Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值 和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部,由 “管道”符号(

【译】15 个有用的 javascript 技巧-编程思维

原文地址:https://javascript.plainenglish.io/15-useful-javascript-tips-814eeba1f4fd 1)数字分隔符 为了提高数字的可读性,可以使用下划线作为分隔符。 const largeNumber = 1_000_000_000; console.log(largeNumber); // 1000000000 2)事件监听器只运行