web-基础语法与进阶
关注
分享
扫一扫
2022web-基础语法与进阶
小沈曰
人生的高度，不在于你看清了多少事，而在于你看轻了多少事。
展开
-
【HTML】window.postMessage详解
【HTML】window.postMessage详解原创 2024-03-12 22:54:28 · 2135 阅读 · 0 评论 -
【HTML】HTML文件引用另一个HTML文件的解决方案
【代码】【HTML】HTML文件引用另一个HTML文件的解决方案。原创 2023-06-08 18:38:21 · 1297 阅读 · 0 评论 -
【VSCode】检查单词拼写插件Code Spell Checker
【VSCode】检查单词拼写插件Code Spell Checker原创 2023-08-01 10:00:30 · 540 阅读 · 0 评论 -
【Github】Something went wrong! file an issue at https://tiny.one/readme-stats
【Github】Something went wrong! file an issue at https://tiny.one/readme-stats原创 2023-07-18 22:23:49 · 515 阅读 · 0 评论 -
【VUE】h5app复制文本兼容iOS与android的解决方案
【VUE】h5app复制文本兼容iOS与android的解决方案原创 2023-06-29 13:15:44 · 373 阅读 · 0 评论 -
【VUE】H5App在原生APP中如何在h5App的首页点击返回“直接返回到APP“中而“不是返回到上一级页面“的解决方法
【VUE】H5App在原生APP中如何在h5App的首页点击返回"直接返回到APP"中而"不是返回到上一级页面"的解决方法原创 2023-06-29 09:56:19 · 861 阅读 · 0 评论 -
【CSS】结果伪类选择器
【CSS】结果伪类选择器原创 2023-06-19 10:56:49 · 66 阅读 · 0 评论 -
【HTML】字符实体
【HTML】字符实体原创 2023-06-14 16:23:39 · 67 阅读 · 0 评论 -
【yarn】在windows上安装与使用yarn
【yarn】在windows上安装与使用yarn原创 2022-10-14 16:06:50 · 687 阅读 · 0 评论 -
【Web】error node-sass: Command failed
第一步：删掉项目中的node_modules第二步：nrm ls 查看当前的镜像源地址 例如：disturl https://npm.taobao.org/dist第三步：使用admin权限运行下面内容npm config set disturl https://npm.taobao.org/dist --globalyarn config set disturl https://npm.taobao.org/dist --global第四步：npm install 或 yarn install原创 2022-05-09 10:32:54 · 282 阅读 · 0 评论 -
【Windows】安装指定版本的nodejs
打开链接： https://nodejs.org/dist/选择指定的版本：例如 v14.0.0原创 2022-04-20 19:30:00 · 2742 阅读 · 0 评论 -
【CSS】流、 元素、基本尺寸
CSS ：为图文信息展示服务的“流”： 一种基本的定位和布局机制“流体布局”：利用元素“流”的特性实现的各类布局效果.vocabulary { height: 99px; color: transparent; backgroud-color: rgba(0,0,0,.5);}1.属性: height, color;2.值: 99px;3.关键字: transparent;4.长度单位: px5.功能符: rgba(0,0,0,.5)6.属性值: 值+关键字+功能符7.声明:原创 2022-04-17 22:45:00 · 371 阅读 · 0 评论 -
【WebGL】简单入门教程
第1章-介绍WebGL 解决了用户在页面中绘制和渲染 3D 图形的功能，且使用户通过页面与三维图形交互成为可能，这项技术将在下一代开发用户易用直观界面中发挥重要的作用。在接下的几年，WebGL技术将广泛地应用于电子设备的移动终端，包括平板、手机设备，因此，WebGL 技术的学习显的特别重要。涉及技术栈HTML、HTML5JavaScriptGLSL ES语言第2章-初识WebGL2.1 手动绘制一个图形实现的步骤添加一个画布元素获取到画布元素的基于webgl上下文环境对象使用对象原创 2022-04-11 22:11:22 · 20767 阅读 · 4 评论 -
【WebGIS】WebGIS、桌面GIS、移动GIS、三维GIS的简介
什么是WebGIS？WebGIS是建立在Web技术上的一种特殊环境下的地理信息系统。WebGIS通过互联网对地理空间数据进行发布和应用，以实现空间数据的共享和互操作，如GIS信息的在线查询和业务处理等。WebGIS可采用多主机、多数据库进行分布式部署，是一种浏览器/服务器(B/S)结构，服务器端向客户端提供信息和服务，浏览器(客户端)具有获得各种空间信息和应用的功能。WebGIS是IT技术应用于GIS开发的产物。GIS通过Web功能得以扩展，真正成为一种大众使用的工具。从Web的任意一个节点， In原创 2022-04-11 09:46:03 · 8321 阅读 · 1 评论 -
【VSCode】调试器debugger详细使用手册
Visual Studio Code 的主要功能之一是其出色的调试支持。VS Code 的内置调试器有助于加速您的编辑、编译和调试循环。调试器扩展VS Code 具有对Node.js运行时的内置调试支持，并且可以调试 JavaScript、TypeScript 或任何其他转换为 JavaScript 的语言。开始调试以下文档基于内置的Node.js调试器，但大部分概念和功能也适用于其他调试器。在阅读有关调试的信息之前先创建一个示例 Node.js 应用程序会很有帮助。您可以按照Node.js 演原创 2022-04-01 15:05:51 · 66577 阅读 · 1 评论 -
【Canvas】基础绘制与使用
1、画布元素的使用1.1 绘制线条画布的作用Canvas 元素作为HTML5标准的一部分，允许你通过脚本动态渲染图像。每一个 canvas 元素都有一个上下文环境对象，在其中可以绘制任意图形。简单的使用在页面中添加画布元素获取画布元素的上下文环境对象使用上下文环境对象绘制图形，保存在内存中绘制一个线条 //设置画布的起始点 context.moveTo(x,y); //从当前位置绘制直线到x,y坐标 context.lineTo(x,y);1.2 绘制不同线条颜原创 2022-03-31 23:32:02 · 298 阅读 · 0 评论 -
【eslint】Identifier ‘***_***‘ is not in camel case
问题描述与服务端对接的字段中，使用到下划线，但是与eslint默认的检测冲突问题解决在.eslintrc.js文件中添加如下内容 rules: { camelcase: "off", },原创 2022-03-30 12:34:53 · 570 阅读 · 0 评论 -
【面试】JavaScript基础
1. 解释下什么是变量声明提升？变量提升（hoisting），是负责解析执行代码的 JavaScript 引擎的工作方式产生的一个特性。JS引擎在运行一份代码的时候，会按照下面的步骤进行工作：首先，对代码进行预解析，并获取声明的所有变量然后，将这些变量的声明语句统一放到代码的最前面最后，开始一行一行运行代码我们通过一段代码来解释这个运行过程：console.log(a) var a = 1 function b() { console.log(a) }b() // 1上原创 2022-03-28 18:24:47 · 1254 阅读 · 1 评论 -
【面试】CSS基础
1. CSS选择器的优先级是怎么样的？CSS选择器的优先级顺序：内联样式 > ID选择器 > 类选择器 > 标签选择器 > 通配符* > 继承优先级的计算：优先级是由 A、B、C、D 四个值来决定的，具体计算规则如下A={如果存在内联样式则为1，否则为0}B={ID选择器出现的次数}C={类选择器、属性选择器、伪类选择器出现的总次数}D={标签选择器、伪元素选择器出现的总次数}计算示例：样式一：/* A=0 不存在内联样式 B=0 不存原创 2022-03-28 18:07:42 · 558 阅读 · 0 评论 -
【面试】HTML基础
1. HTML 文件中的 DOCTYPE 是什么作用？HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准DOCTYPE 即 Document Type，网页文件的文档类型标准。主要作用是告诉浏览器的解析器要使用哪种 HTML规范 或 XHTML规范 来解析页面。DOCTYPE 需要放置在 HTML 文件的 <html>标签之前，如：<!DOCTYPE html><html> ...</html> (目前主流)<!DOC原创 2022-03-28 17:42:32 · 226 阅读 · 0 评论 -
【问题】eslint添加配置后重启vscode后依然无法使用
问题描述在setttings中添加eslint配置，重启vscode后依然无法使用 "eslint.enable": true, "eslint.run": "onType", "eslint.options": { "extensions": [ ".js", ".vue", ".jsx", ".tsx" ] }, "editor.cod原创 2022-03-10 10:22:55 · 1515 阅读 · 0 评论 -
【js】05_JS函数增强知识点补充
05_JS函数增强知识点补充原创 2022-02-26 16:03:18 · 252 阅读 · 0 评论 -
【js】03_JS内存管理和闭包
03_JS内存管理和闭包原创 2022-02-26 15:52:25 · 272 阅读 · 0 评论 -
【js】02_JS内存管理和闭包
02_JS内存管理和闭包原创 2022-02-26 15:51:09 · 402 阅读 · 0 评论 -
【js】01_深入JavaScript运行原理
01_深入JavaScript运行原理原创 2022-02-26 15:49:37 · 165 阅读 · 0 评论 -
JS高级 03-15 操作符-一元操作符
只能操作一个值的操作符叫做一元操作符。一元操作符是ECMAScript中最简单的操作符。1. 递增和递减操作符递增和递减操作符直接借鉴自C，而且各有两个版本：前置型和后置型。顾名思义，前置型应该位于要操作的变量之前，而后置型则应该位于要操作的变量之后。因此，在使用前置递增操作符给一个数值加1时，要把两个加号（++）放在这个数值变量前面，如下所示：var age = 29++age;在这个例子中，前置递增操作符把age的值变成了30 （为29加上了1），实际上，执行这个前置递增操作与执行以下操作的原创 2020-06-05 10:27:47 · 272 阅读 · 0 评论 -
JS高级 03-04语法-严格模式
ECMAScript 5 引人了严格模式（strict mode）的概念。严格模式是为JavaScript定义了一种不同的解析与执行模型。在严格模式下， ECMAScript3中的一些不确定的行为将得到处理，而且对某些不安全的操作也会抛出错误。要在整个脚本中启用严格模式，可以在顶部添加如下代码:"use strict”;这行代码看起来像是字符串，而且也没有赋值给任何变量，但其实它是一个编译指示（pragma），用于告诉支持的javascript引攀切换到严格模式。这是为不破坏ECMAScript 3原创 2020-06-03 11:17:45 · 231 阅读 · 0 评论 -
JS高级 03-27 语句-for语句
for语句也是一种前测试循环语句，但它具有在执行循环之前初始化变量和定义循环后要执行的代 码的能力。以下是for语句的语法：for (initialization； expression; post-loop-expression) statement下面是一个示例:var count = 10;for (var i = 0; i < count; i++) { alert(i);}以上代码定义了变量 i 的初始值为0。只有当条件表达式 (i<count ) 返回 true 的原创 2020-06-11 15:19:28 · 195 阅读 · 0 评论 -
JS高级 04-03-03 垃圾收集- 性能问题
垃圾收集器是周期性运行的，而且如果为变量分配的内存数量很可观，那么回收工作量也是相当大的。在这种情况下，确定垃圾收集的时间间隔是一个非常重要的问题。说到垃圾收集器多长时间运行一 次，不禁让人联想到IE因此而声名狼藉的性能问题。IE的垃圾收集器是根据内存分配量运行的，具体点说就是256个变量、4096个对象〈或数组)字面量和数组元素(slot)或者64KB的字符串。达到 上述任何一个临界值，垃圾收集器就会运行。这种实现方式的问题在于，如果一个脚本中包含那么多变量，那么该脚本很可能会在其生命周期中一直保有那么多原创 2020-06-13 15:44:25 · 181 阅读 · 0 评论 -
JS高级 04-01-04 基本类型和引用类型的值-检测类型
要检测一个变量是不是基本数据类型？typeof操作符是最佳的工具。说得更具体一点，typeof操作符是确定一个变量是字符串、数值、布尔值，还是undefined的最佳工具。如果变量的值是一个对象或null，则typeof操作符会像下面例子中所示的那样返回"object":var s = "Nicholas";var b = true;var i = 22;var u;var n = null;var o = new Object();alert(typeof s); //stringale原创 2020-06-13 09:26:15 · 123 阅读 · 0 评论 -
JS高级 03-16 操作符-布尔操作符
在一门编程语言中，布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力，那么诸如 if…else 和循环之类的语句就不会有用武之地了。布尔操作符一共有3个：非(NOT )、与(AND ) 和或(OR)。1. 逻辑非逻辑非操作符由一个叹号（!）表示，可以应用于ECMAScript中的任何值。无论这个值是什么数据类型，这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值，然后再 对其求反。也就是说，逻辑非操作符遵循下列规则：如果操作数是一个对象，返回false;如果操原创 2020-06-10 16:52:14 · 441 阅读 · 0 评论 -
JS高级 03-25 语句-do-while语句
do-while语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。 换句话说，在对条件表达式求值之前，循环体内的代码至少会被执行一次。以下是do-while语句的语法：statement} while (expression)； 下面是一个示例：var i = 0;do { i += 2;} while (i < 10);alert(i); // 10在这个例子中，只要变量i的值小于10，循环就会一直继续下去。而且变量i的值最初为0,每 循环都会递增2。原创 2020-06-11 14:29:47 · 184 阅读 · 0 评论 -
JS高级 03-21 操作符-条件操作符
条件操作符应该算是ECMAScript中最灵活的一种操作符了，而且它遵循与Java中的条件操作符相同的语法形式，如下面的例子所示：variable = boolean__expression ? true_value : false_value；本质上，这行代码的含义就是基于对 boolean_expression 求值的结果，决定给变量 variable 赋什么值。如果求值结果为true，则给变量variable赋true_value值；如果求值结果为false, 则给变量variable赋fals原创 2020-06-11 10:27:30 · 205 阅读 · 0 评论 -
JS高级 04-00 变量、作用域和内存问题
按照ECMA-262的定义，JavaScript的变量与其他语言的变量有很大区别。JavaScript变量松散类型的本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。尽管从某种角度看，这可能是一个既有趣又强大，同时又容易出问题的特性，但JavaScript变量实际的复杂程度还远不止如此。JavaScript变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型的值源自以下5 种基本数据类型原创 2020-06-12 14:53:49 · 148 阅读 · 0 评论 -
JS高级 04-03-02 垃圾收集-引用计数
另一种不太常见的垃圾收集策略叫做引用计数(reference counting )。引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。 如果同一个值又被赋给另一个变鈕，则该值的引用次数加1。相反，如果包含对这个值引用的变肚乂取 得了另外一个值，则这个值的引用次数减1。当这个值的引用次数变成0时，则说明没有办法再访问这个值了，因而就可以将其占用的内存空间回收回来。这样，当垃圾收集器下次再运行时，它就会释放那些引用次数为零的值所占用的内存。N原创 2020-06-13 15:35:03 · 432 阅读 · 0 评论 -
JS高级 03-26 语句-while语句
while语句属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对岀口条件求值。 因此，循环体内的代码有可能永远不会被执行。以下是while语句的语法：while(expression) statement下面是一个示例：var i = 0;while (i < 10) { i += 2;}alert(i); //10在这个例子中，变量 i 开始时的值为0，每次循环都会递增2。而只要 i 的值小于10，循环就会继续下去。...原创 2020-06-11 15:06:47 · 170 阅读 · 0 评论 -
JS高级 03-14 数据类型-Object类型
ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和（或）方法，就可以创建自定义对象，如下所示：var o = new Object();这个语法与Java中创建对象的语法相似；但在ECMAScript中，如果不给构造函数传递参数，则可以省略后面的那一对圆括号。也就是说，在像前面这个示例一样不传递参数的情况下，完全可以省略那对圆括号（但这不是推荐的做法）：var o = new Objec原创 2020-06-05 09:17:17 · 292 阅读 · 0 评论 -
JS高级 03-20 操作符-相等操作符
确定两个变量是否相等是编程中的一个非常重要的操作。在比较字符串、数值和布尔值的相等性时, 问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。最早的ECMAScript中的相等和不等操作符会在执行比较之前，先将对象转换成相似的类型。后来，冇人提出了这种转换到底是否合理的质疑。最后，ECMAScript的解决方案就是提供两组操作符：相等和不相等—先转换再比较，全等和不全等一比较而不转换。1. 相等和不相等ECMAScript中的相等操作符由两个等于号（==）表示，如果两个操作数相等，则返回true。原创 2020-06-11 10:14:17 · 213 阅读 · 0 评论 -
JS高级 03-30 语句-break和continue语句
break和continue语句用于在循环中精确地控制代码的执行。其中，break语句会立即退出循环， 强制继续执行循环后面的语句。而continue语句虽然也是立即退出循环，但退出循环后会从循环的顶部继续执行。请看下面的例子：var num = 0;for (var i = 1; i < 10; i++) { if (i % 5 == 0) { break; } num++;}console.log(num); //4这个例子中的for循环会将变量 i 由1递增至10。在循环体原创 2020-06-12 09:59:05 · 233 阅读 · 0 评论 -
JS高级 05-01 Object类型
到目前为止，我们看到的大多数引用类型值都是Object类型的实例；而且，Object也是ECMAScript中使用最多的一个类型。虽然Object的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它们确实是非常理想的选择。创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数，如下所示：var person = new Object();person.name = "Nicholas";person.age = 29;console.log(person.n原创 2020-06-23 09:49:45 · 129 阅读 · 0 评论