##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用：选择含有指定属性的元素。 语法：[属性名]{} ``` 示例如下： ```html 属性选择器 用户名： 密 码： 数据量： ``` 运行结果： ![image]( ...

##### 8 JavaScript函数 在JS中声明函数和python差不多. 也要有一个关键字顶在前面. python是`def`, 到了JS里换成了`function`, 只不过在JS中没有像python那么死板, 必须`def`后面必须跟上函数名. 这也为我们未来做逆向提供了第一个超大的伏笔 ...

在当今快节奏的社会中，技术变化日新月异。作为一名技术博客站长，我深切感受到了学习和传播知识的重要性。为了更好地满足读者的需求，我决定采用VuePress搭建一个功能强大且易于维护的知识库平台，名为LearnData。本文将介绍我如何利用VuePress构建LearnData，并展示一些相关的代码示例... ...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ...

> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ...

##### 3 组合选择器 页面元素比较复杂，存在多个嵌套。为了更加灵活选择页面中的元素，CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ...

##### 7 循环语句 在js中有三种循环语句. 首先是while循环. 它的逻辑和咱们python中的while几乎一模一样, 就是符号上有些许的区别. ``` // 语法 while(条件){ 循环体 -> 里面可以有break和continue等关键字 } /* 判断`条件`是否为真, 如果 ...

6 条件判断 除了HTML以外. 几乎所有的编程语言都有条件判断的功能. 比如, python, 我们用if语句来做条件判断. 到了javascript中也是一样的, 也使用javascript来做条件上的判断. ``` /* 语法1 */ if(条件1){ 代码块1 } if(条件) a, b, ...

##### 2 基本选择器  ###### id选择器 id选择器使用“#”进行标识，后面紧跟id名，其基 ...

把你弹窗的id配置下即可，如图： 参考 https://select2.org/dropdown ...

##### 4 数组和对象 在JS中创建数组非常简单. 直接[ ]即可. 也可以用正规军的new Array(). 不过效果都是一样的. ``` var as = [11,22,33,44,55]; var bs = new Array(11,22,33,44,55); ``` 数组的常用操作: ` ...

##### 1 CSS的引入方式 CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ...

##### 3 字符串操作 常用的字符串操作相关的方法： ``` s.split() 字符串切割 s.substr(start, len) 字符串切割, 从start开始切, 切len个字符 s.substring(start, end) 字符串切割, 从start切割到end s.length 字 ...

##### 7 锚点应用 锚点( anchor )是超链接的一种应用，也叫命名锚记，锚点可以像一个定位器一样，可以实现页面内的链接跳转，运用相当普遍。例如，我们有一个网页，由于内容太多，导致页面很长，而且里面的内容，可以分为N个部分。这样的话，我们就可以在网页的顶部设置一些锚点，这样便可以方便浏览者 ...

##### 2 JavaScript的基础类型 JS虽然是一个脚本语言. 麻雀虽小, 五脏俱全. 在js中也是可以像其他编程语言一样. 声明变量, 条件判断, 流程控制等等. 我们先看一下JS中的数据类型 在js中主要有这么几种数据类型(基本) ```javascrpit number 数字, 不论 ...

##### 6 图片标签 在HTML中，图像由标签定义的，它可以用来加载图片到html网页中显示。网页开发过程中，有三种图片格式被广泛应用到web里，分别是 jpg、png、gif。 img标签的属性： ``` /* src属性： 指定图像的URL地址，是英文source的简写，表示引入资源。 sr ...

##### 5 表单标签 表单主要是用来收集客户端提供的相关信息，提供了用户数据录入的方式，有多选、单选、单行文本、下拉列表等输入框，便于网站管理员收集用户的数据，是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁. 表单被form标签包含，内部使用不同的表单元素来呈现不同的方式来供用户输 ...

说起数据加载的机制，有一个绕不开的话题就是前端性能，很多电商门户的首页其实都会做一些垂直的定制优化，比如让请求在页面最早加载，或者在前一个页面就进行预加载等等。 ...

##### 1 JavaScript的引入方式 JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹 ...