随笔档案「2020年5月」 - xiaoxustudy

【函数】深拷贝和浅拷贝

摘要：目录： 1、深拷贝与浅拷贝 2、浅拷贝实现 3、深拷贝实现深拷贝与浅拷贝传值与传址相关笔记：https://www.cnblogs.com/xiaoxuStudy/p/12185177.html 原始数据类型的拷贝是传值，应用数据类型的拷贝是传址。深拷贝与浅拷贝因为原始类型的拷贝是传值，所阅读全文

posted @ 2020-05-31 21:49 xiaoxustudy 阅读(859) 评论(0) 推荐(0)

【函数】class 基本语法

摘要：目录： 1、Class 简介 2、Class 特性 3、Class 表达式 4、Class Static 静态方法 5、new.target Class 简介 ES6 的 Class 写法只是弱化了 ES5 中构造函数的写法，变得更像强类型语言的写法。这可以理解为是语法糖。下面对比 ES5 与 ES 阅读全文

posted @ 2020-05-31 21:07 xiaoxustudy 阅读(1486) 评论(0) 推荐(0)

【函数】高阶函数

摘要：目录： 1、高阶函数 2、map/ reduce/ filter 3、flat 4、高阶函数在实际开发中的意义高阶函数高阶函数是对其他函数进行操作的函数，可以将它们作为参数或返回它们。简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回。众所周知，JS 中的函数其实都指向某个变阅读全文

posted @ 2020-05-31 21:01 xiaoxustudy 阅读(432) 评论(0) 推荐(0)

【函数】compose 函数和 pipe 函数

摘要：目录： 1、compose 函数 2、pipe 函数 compose 函数 compose 函数将需要嵌套执行的函数平铺。嵌套执行指的是，一个函数的返回值作为另一个函数的参数。其实 compose 函数在函数式编程中通常用来将几个有特点的函数拼凑在一起，让他们结合，产生一个崭新的函数。compos 阅读全文

posted @ 2020-05-31 20:59 xiaoxustudy 阅读(557) 评论(0) 推荐(0)

【函数】如何保证代码质量

摘要：目录： 1、单元测试 2、单元测试代码 3、JEST基础使用单元测试什么是单元测试？测试是一种验证我们的代码是否可以按预期工作的方法。换句话说，就是写一些代码来验证一段代码是否能得到预期设计代码时所期望的结果。被测试的对象可以是样式、功能、流程、组件等。单元测试是指对软件中最小可测试单元进行阅读全文

posted @ 2020-05-31 20:23 xiaoxustudy 阅读(191) 评论(0) 推荐(0)

【异步编程】理解异步

摘要：目录： 1、同步与异步 2、JavaScript 单线程 3、定时器定时器的执行过程定时器可能存在的问题定时器的应用场景定时器的应用同步与异步一段同步代码： 1 <script> 2 //test() 是一个定时 2s 的方法 3 const test = () => { 4 let 阅读全文

posted @ 2020-05-31 20:20 xiaoxustudy 阅读(338) 评论(0) 推荐(0)

使用 Git Bash

摘要：打开 GitBash，查看当前路径： $是命令行的前缀。当前位置是 c/User/惠，对应 Windows 的路径是 C:\Users\惠切换路径，进入工作目录： D:\ 在 Git Bash 中对应的地址是 /d 阅读全文

posted @ 2020-05-11 16:17 xiaoxustudy 阅读(137) 评论(0) 推荐(0)

【选择符 API】querySelector() 方法

摘要：querySelector() 方法接收一个 CSS 选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回 null。下面实现一个点击粉色盒子出现 “你好~” 文本。例 1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < 阅读全文

posted @ 2020-05-11 15:14 xiaoxustudy 阅读(527) 评论(0) 推荐(0)

Vue 模板语法-指令

摘要：Vue官网：https://cn.vuejs.org/v2/guide/syntax.html#指令主要学习官网教程，纪录练习。 v-if 参数 v-bind 指令使用 v-bind 为 a 标签绑定 href 属性，为 data 对象的 url 属性赋值一个地址。在页面上点击“点击跳转Vue 阅读全文

posted @ 2020-05-09 07:43 xiaoxustudy 阅读(208) 评论(0) 推荐(0)

Vue 模板语法-插值

摘要：Vue官网： https://cn.vuejs.org/v2/guide/syntax.html#插值学习官网教程。纪录练习。文本使用 v-once ，改变数据时插值处内容不会更新。原始 HTML 通过 v-html 使数据变成 html 元素。没有使用 v-html: 使用了 v-htm 阅读全文

posted @ 2020-05-08 23:01 xiaoxustudy 阅读(401) 评论(0) 推荐(0)

Vue实例-数据与方法

摘要：VUE官网：https://cn.vuejs.org/v2/guide/instance.html#%E6%95%B0%E6%8D%AE%E4%B8%8E%E6%96%B9%E6%B3%95 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="u 阅读全文

posted @ 2020-05-08 11:01 xiaoxustudy 阅读(297) 评论(0) 推荐(0)

盒子居中的局部处理

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #box{ width: 350px; height: 200px; background-color: red; margin: 20px; t 阅读全文

posted @ 2020-05-06 21:36 xiaoxustudy 阅读(209) 评论(0) 推荐(0)

标签居中

摘要：目录： 1、水平居中 2、垂直居中一、水平居中块级标签：设置 margin : 0 auto 行内标签：设置 text-align : center 行内-块级标签：设置 text-align : center 块级标签水平居中 <!DOCTYPE html> <html> <head> <me 阅读全文

posted @ 2020-05-06 20:46 xiaoxustudy 阅读(2106) 评论(0) 推荐(0)

HTML中的盒子模型

摘要：目录： 1、属性 2、内边距 padding 3、边框 border 4、设置边框圆角 5、外边距 margin 盒子模型：https://www.runoob.com/css/css-boxmodel.html 属性最小宽度最小高度这些用于适配手机端。 height : 设置元素高度 width 阅读全文

posted @ 2020-05-06 13:26 xiaoxustudy 阅读(711) 评论(0) 推荐(0)

JavaScript 图片库

摘要：Q：为什么要利用 JavaScript 创建图片库？ A：① 如果所有图片放在同一个页面，会使页面变得庞大，用户下载页面时需要等待较长时间。 ② 如果为每张图片创建一个页面，制作时需要花费许多时间。 ③ 如果利用 JS 创建图片库，相比之下页面比较不庞大，制作时花费的时间也较短。第一步：为图片创建阅读全文

posted @ 2020-05-02 10:52 xiaoxustudy 阅读(467) 评论(0) 推荐(0)

获取和设置属性

摘要：目录： 1、getAttribute 2、setAttribute 获取到所需元素后，可以利用 getAttribute 获取它的各个属性，利用 setAttribute 更改属性节点的值。（获取元素相关笔记：https://www.cnblogs.com/xiaoxuStudy/p/128148 阅读全文

posted @ 2020-05-01 22:13 xiaoxustudy 阅读(206) 评论(0) 推荐(0)

节点

摘要：目录： 1、元素节点 2、文本节点 3、属性节点 4、获取元素以下面的代码与节点树为例来理解节点： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>ToDo list</title> 6 阅读全文

posted @ 2020-05-01 21:26 xiaoxustudy 阅读(458) 评论(0) 推荐(0)

class 属性、div 属性

摘要：可以通过 CSS（层叠样式表）告诉浏览器应该如何显示一份文档的内容。使用样式的两种方式：① 嵌在文档的 <head> 部分（<style> 标签之间） ② 放在另一个样式表文件里 CSS 可继承。比如说为 body 元素定义了一些样式，包含在 body 元素里的所有元素都将自动获得那些样式。比如阅读全文

posted @ 2020-05-01 18:53 xiaoxustudy 阅读(2027) 评论(0) 推荐(0)

认识 DOM

摘要：WebAPIs 包含 BOM 跟 DOM。 DOM 是一套操作页面元素的 API。DOM可以把 HTML 看作是文档树。通过 DOM 提供的 API 可以对树上的节点进行操作。 DOM 中的 "D" 是 document (文档)。 DOM 中的 "O" 是 Object (对象)。 DOM 中的阅读全文

posted @ 2020-05-01 11:44 xiaoxustudy 阅读(238) 评论(0) 推荐(0)

配置 jQuery、初识 jQuery

摘要：下载配置 jQuery 1. 到官网 http://jquery.com 下载 jquery 下载的时候有压缩版本跟未压缩版本可选。未压缩版本易于阅读，通常在开发中使用。未压缩版本不易阅读但体积较小，通常在项目上线时使用。 2. 将 jquery-3.5.0.min.js 放到项目的指定文件夹中，一阅读全文

posted @ 2020-05-01 10:05 xiaoxustudy 阅读(340) 评论(0) 推荐(0)

JavaScript 【在HTML中使用 JavaScript】

摘要：使用 <script> 元素的方式有 2 种方式： 1. 直接在页面嵌入 JavaScript 代码 2. 包含外部 JavaScript 文件直接在页面嵌入 JavaScript 代码指定 type 属性（一般为 text/javascript ，将 JavaScript 代码直接放在元素阅读全文

posted @ 2020-05-01 10:01 xiaoxustudy 阅读(190) 评论(0) 推荐(0)