浅谈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:/
brootstrap学习笔记-编程思维
BrootStrap学习笔记 BootStrap模态窗口总结 modal模态窗口类 <div class="modal fade" id="myModal"> modal-dialog对话框类 <div class="modal-dialog"> modal-content内容类 <div class=
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封装出来的
模块化开发-编程思维
1、模块化的发展过程 var moduleObj = { userName: 'zhangsan', fn: function () { console.log('hello world') } } 使用方式 <html> <head> </head> <body>
配制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
vue项目导出功能_前端导出excel_export2excel.js-编程思维
VUE项目导出功能_前端导出Excel_Export2Excel.js vue项目利用插件直接进行excel生成。 1.安装依赖 npm install -S file-saver npm install [email protected] -S npm install -D script-loader 高版本xlsx可能会出错儿！ 2.创建js文件 创建一个名为Export2Excel.js的文件至项目
vue学习笔记-编程思维
Vue基础 前置知识 HTML+CSS+JavaSricpt+WebAPI(DOM+BOM)+Ajax 创建Vue <script> new Vue({ el: '#app', data: { message: '<h1>菜鸟教程</h1>' } }) </script> el el用于设
前端框架对比总结（表格）：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
js中利用include和some来写一个判断权限的公共函数-编程思维
1.include的用法 includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false ['a','b','c'].includes('a') true ['a','b','c'].includes(1) false 2.some方法的用法---一真即真 every方法的用法---一假即假
【笔记】前端人脸检测之clmtrackr.js的使用-编程思维
clmtrackr.js使用示例代码 html代码： <div class="video-con"> <video id="video" playsinline autoplay width="300" height="300"></video> <canvas style="visibility: hidden" id
数组对象根据某个对象合并-编程思维
let arr = [ { id: 1, list: { name: 999} }, { id: 1, list: { name: 888} }, { id: 2, list: { name: 777} }, { id: 2, list: { name: 666} }, { id: 3, list: { name: 555}
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）事件监听器只运行