- 博客(80)
- 收藏
- 关注
RSS订阅原创 JavaScript 高级程序设计梗概
表示已接受请求，但仍处于处理过程中，常见的信息状态码有以下几种：100 继续：表示客户端应该继续它的请求101 切换协议：表示客户端需要采用不同协议以完成请求，如升级为 websocket102 处理：表示服务器已经收到并正在处理，但客户端仍应继续等待。
2024-06-04 21:42:06
895
原创 Vue 最新面试题
vue 实现响应式并不是数据发生变化后 DOM 立即变化。vue 在修改数据后，要等到同一事件循环机制内所有数据变化完成后，再统一进行 DOM 更新nextTick 可以让我们在下次 DOM 更新循环结束后执行延迟回调，用于获取更新后的 DOM。
2024-04-07 14:44:22
1423
原创 浏览器兼容问题
1. 不同浏览器的标签，默认的外边距（margin）和内边距（padding）不同解决办法：在 CSS 文件顶部，添加 * { margin: 0;2. 在 IE6 中，块元素设置 float 并且有水平方向的 margin 时，margin 显示出来会比设置的值大，会导致最后一块元素换行显示解决办法：可以将块级元素 display 设置为 inline3. 在 IE6，IE7 等浏览器，标签高度小于 10px 时，实际的高度会超出设置的高度，这是因为浏览器给标签设置了默认最小高度。
2023-08-14 14:45:22
172
原创 echarts 配置项手册legend
目录legendlegend.typelegend.zlevellegend.z = 2legend.left，rightlegend.top，bottomlegend.width，heightlegend.orient = 'horizontal'legend.align = 'auto'legend.padding = 5legend.itemGap = 10legend.itemWidth = 10legend.itemHeight = 10le
2022-01-13 17:36:03
5219
原创 echarts配置项手册整理
title: {...},标题组件，包含主标题和副标题legend: {...},图例组件展现不同系列的标记，颜色和名字grid: {...},直角坐标系内绘制网格xAxis: {...},直角坐标系 grid 中的 x 轴yAxis: {...},直角坐标系 grid 中的 y 轴tooltip: {...},提示框组件axisPointer: {...},坐标轴指示器的全局公用设置toolbox: {...},工具栏。内...
2022-01-13 10:47:06
2811
原创 axios & 路由
axios基本语法GET 请求<template> <div class="left-container"> <button @click="getInfo">发起 GET 请求</button> </div></template><script> import axios from 'axios' export default { methods: {
2021-08-25 22:50:36
1023
原创 ref 引用 & 数组方法
jQuery 简化了程序员操作 DOM 的过程在 vue 中，程序员不需要操作 DOM，只需要将数据维护好即可。即数据驱动视图在 vue 项目中，不建议安装和使用 jQuery当 vue 项目中，需要进行DOM 操作时，则需要拿到页面上某个 DOM 元素的引用ref 引用用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用每一个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用默认情况下，组件的 $ref.
2021-08-20 22:43:38
4279
原创 生命周期 & 数据共享
组件的生命周期生命周期和生命周期函数生命周期：指一个组件从创建 ---> 运行 ---> 销毁的整个阶段，强调的是一个时间段生命周期函数：由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行注意：生命周期强调的是时间段，生命周期函数强调的是时间点组件生命周期函数分类生命周期图示以上图示中beforeCreate 较少使用 created 生命周期函数，非常常用。 经常在此函数中调用 methods 中的方法，请求服务器的数据。 并且
2021-08-19 15:44:28
340
原创 Vue 组件使用
@ 路径自动提示在 vscode 中导入下面的插件：在设置 settings.json 插入如下配置： // 导入文件时是否携带文件的拓展名 "path-autocomplete.extensionOnImport": true, // 配置 @ 的路径提示 "path-autocomplete.pathMappings": { "@": "${folder}/src" },使用组件的步骤步骤1：使用 import 语法导入需要
2021-08-18 12:11:01
461
原创 vue-cli
单页面应用程序单页面应用程序，简称 SPA（Single Page Application）指的是一个 web 网站中只有唯一的一个 HTML 页面，所有的功能与交互都在这唯一的一个页面内完成vue-clivue-cli 是 Vue.js 开发的标准工具。简化了程序员基于 webpack 创建工程化的 Vue 项目的过程使用 vue-cli，可以使程序员专注于撰写应用，而不必花时间配置 webpack中文官网：http://cli.vuejs.org/zh/安装与使用vue-
2021-08-17 15:36:51
217
原创 计算属性与 axios
计算属性概念计算属性指通过一系列运算，最终得到一个属性值这个动态计算出来的属性值可以被模板结构或 methods 方法使用<body> <div id="app"> <div> <span>R:</span> <input type="text" v-model.number='r'> </div> &l
2021-08-15 21:31:09
468
原创 Vue 侦听器
watch 侦听器watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作<body> <div id="box"> <input type="text" v-model="username"> </div> <script> const vm = new Vue({ el: "#box", data: {
2021-08-14 20:43:19
216
原创 Vue 指令
vue 指令双向绑定指令vue 提供了 v-model 双向数据绑定指令，用来辅助开发者在不操作 DOM 的前提下，快速获取表单的数据用户重新设置表单元素内容，数据源监听到此改变，并作出相应的修改...
2021-08-13 15:47:43
239
原创 JavaScript BOM2
目标能够说出 JS 运行机制 能够使用 navigator 对象设计的属性 能够使用 history 提供的方法实现页面刷新JS 执行队列JS 是单线程JavaScript 语言的一大特点就是单线程，同一时间只能做一件事这是因为 JavaScript 这门脚本语言诞生的使命所致 —— JavaScript 是为处理页面中用户的交互，以及操作 DOM 而诞生的比如我们对某个 DOM 元素进行添加和删除操作，不能同时进行；而应该先添加，再删除单线程就意味着，所有的任务都需要排队，前
2021-07-27 17:04:54
83
原创 JavaScript BOM1
目标能够说出什么是 BOM 能够知道浏览器的顶级对象 window 能够写出页面加载事件以及注意事项 能够写出两种定时器函数并说出区别 能够说出 JS 运行机制 能够使用 navigator 对象设计的属性 能够使用 history 提供的方法实现页面刷新BOM 概述window 对象的常见事件定时器JS 执行机制Iocation 对象navigator 对象history 对象...
2021-07-26 15:10:50
166
原创 事件高级2
事件委托（代理、委派）事件冒泡本身的特性，会带来坏处，也会带来好处，需要灵活使用 事件委托也称为事件代理，在 jQuery 里面称为事件委派应用场景生活中有如下场景：100 个学生，100 个快递员，100份快递，领取各自的快递 解决方案：快递员将100份快递委托给班主任，班主任将快递放到办公室，学生下课自行领取实际开发中的场景：ul 下有多个 li，要求点击每一个 li 都会执行相应的处理程序 以前需要给每一个 li 注册事件，访问 DOM 的次数大大增加，延长了整个页面的交互就
2021-07-24 17:20:27
136
原创 DOM-操作元素
操作元素排他思想（算法）让一组按钮都绑定点击事件在一组相同的标签中，想让某一个元素实现某种样式，需要用到循环的排他算法：所有元素全部清除样式（干掉所有人） 给当前元素添加样式（留下自己） 注意顺序不能颠倒，首先干掉所有人，再设置自己<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> &
2021-07-21 14:48:59
413
原创 JavaScript DOM
目标能够说出什么是 DOM 能够获取页面元素 能够给元素注册事件 能够操作 DOM 元素的属性 能够创建元素 能够操作 DOM 节点DOM 简介什么是 DOM文档对象模型（Document Object Model，简称 DOM） W3C 组织推荐的处理可扩展标记语言（ HTML 或者 XML ）的标准编程接口 W3C 已经定义了一系列的 DOM 接口 通过这些 DOM 接口可以改变网页的内容、结构和样式DOM 树文档：一个页面就是一个文档，DOM 中使用 docum
2021-07-20 16:08:09
351
2
原创 Web APIs
目标能够说出 Web APIs 阶段与 JavaScript 语法阶段的关联性 能够说出什么是 API 能够说出什么是 Web APIWeb APIs 和 JS 基础关联性API 和 Web API
2021-07-19 09:36:44
129
2
原创 JavaScript 简单类型与复杂类型
目录目标简单类型与复杂类型值类型引用类型堆和栈简单类型的内存分配复杂类型的内存分配简单类型传参复杂类型传参目标能够说出简单数据类型的内存分配 能够说出复杂数据类型的内存分配 能够说出简单数据类型如何传参 能够说出复杂数据类型如何传参简单类型与复杂类型简单数据类型又称为基本数据类型或者值类型 复杂数据类型又称为引用类型值类型值类型：简单数据类型 / 基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型 五大数据类型（值类型）：string
2021-07-18 23:25:28
553
4
原创 JavaScript 内置对象
目标能够说出什么是内置对象 能够根据文档查询指定 API 的使用方法 能够使用 Math 对象的常用方法 能够使用 Date 对象的常用方法 能够使用 Array 对象的常用方法 能够使用 String 对象的常用方法内置对象JavaScript 中的对象分为 3 种：自定义对象、内置对象、浏览器对象 自定义对象和内置对象是 JS 基础内容，属于 ECMAScript；浏览器对象属于 JS 独有的，通常指各种 API 内置对象指 JS 语言自带的一些对象，这些对象供开发者直接使用，并
2021-07-18 20:47:49
185
2
原创 JavaScript 对象
目标能够说出为什么需要对象 能够使用字面量创建对象 能够使用构造函数创建对象 能够说出 new 的执行过程 能够遍历对象对象创建对象的三种方式new 关键字遍历对象属性
2021-07-16 15:44:37
823
原创 JavaScript 函数
目标能够说出为什么需要函数 能够根据语法书写函数 能够根据需求封装函数 能够说出形参和实参的传递过程 能够使用函数的返回值 能够使用 arguments 获取函数的参数函数的概念JS 开发中经常需要定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用 虽然 for 循环语句也能实现一些简单的重复操作，但比较具有局限性，这就用到了 函数 函数：封装了一段可以被重复调用执行的代码块 通过调用这些代码块可以实现大量代码的重复使用函数的使用函数的参数函数的返回值
2021-07-15 10:50:31
84
原创 JavaScript数组
目标能够知道为什么要有数组 能够创建数组 能够获取数组中的元素 能够对数组进行遍历 能够给数组新增一个元素 能够独立完成冒泡排序的案例数组的概念数组（Array）可以把一组相关的数据一起存放，并提供方便的询问（获取）方式 数组指一组数据的集合，其中的每个数据项被称为元素，数组中可以存放任意类型的元素 数组就是将一组数据存储在单个变量名下创建数组JS 中创建数组有两种方式：利用 new 创建数组 利用数组字面量创建数组利用 new 创建数组 <scri.
2021-07-13 20:08:49
117
1
原创 JavaScript 命名规范
标识符命名规范变量、函数的命名必须有意义 变量的名称一般用名词 函数的名称一般用动词操作符规范操作符的左右两侧各保留一个空格，++ 除外单行注释规范// 后面，注释前面保留一个空格其他规范循环体关键字（if、for、while等）左右保留一个空格 () 前后都要保留一个空格案例：简易ATM <script> var sum = 100; // 卡中原有余额100 var operation = 0; whi
2021-07-13 13:42:41
50
原创 JavaScript 流程控制1-分支
目录目标流程控制顺序流程控制分支流程控制if-else 语句案例判断闰年if-else if 多分支语句switch 语句注意事项案例switch 语句和 if-else if 语句的区别三元表达式案例：数字补0作业目标能够使用 if 分支语句 能够使用 switch 分支语句 能够使用三元表达式流程控制在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的 很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能.
2021-07-12 13:06:52
102
3
原创 JavaScript 扩展
目标了解解释性语言和编译型语言的特点 标识符不能是关键字和保留字 课后作业解释性语言和编译型语言概述计算机不能直接理解任何除机器语言之外的语言，所以必须把程序语言翻译为机器语言才能运行程序 程序语言翻译为机器语言的工具，被称为翻译器 翻译器翻译的方式有两种：编译、解释 两种方式之间的区别在于翻译的时间点不同 编译器是在代码执行之前进行编译，生成中间代码文件 解释器是在运行时进行即时解释，并立即执行（当编译器以解释方式运行时，也可以称之为解释器）执行过程类似于吃饭：.
2021-07-10 15:07:09
397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人