摘要：
13-1.函数的参数 函数的本质： ü 函数的作用，代码重用，编写一个函数，就是为了解决一类问题。 ü 函数每次调用，都有一个结果，那么结果和什么相关呢？y = x , y = x2，y = sin(x)。和我们给定的某一个值相关的。 这就涉及到参数的问题。 函数中的参数分为 形参：函数定义时小 阅读全文
posted @ 2020-12-14 13:12
人心不古
阅读(118)
评论(0)
推荐(0)
摘要：
11-1.引入（认识函数） 引入： 说起函数，其实我们并不陌生，在初中数学中我们就接触过函数；例如我们所学的 y = 2X+1 ; 这是一个二元一次方程，也是我们数字中的函数； 当我们每次输入一个X的值时，经过这个函数的运算，就会输出一个对应的y; 从这里我们可以看出：函数能够揭示一些规 阅读全文
posted @ 2020-12-14 13:11
人心不古
阅读(103)
评论(0)
推荐(0)
摘要：
11-1.跳转语句 在js中，有如下四种跳转语句： ü break ü continue break：结束本层循环 continue：跳过（结束）本次循环，继续进入下一次循环 就是两个关键字 #11-2.多重循环 在实际的开发中，经常需要用到多重循环，尤其是二重循环。 不管是while还是for都可 阅读全文
posted @ 2020-12-14 13:09
人心不古
阅读(77)
评论(0)
推荐(0)
摘要：
十、循环语句-1： 非常之重要。 作用：重复执行一段代码 ü while ü do...while ü for 它们的相同之处，都能够实现循环。 不同的地方，格式不一样，使用的场景略有不同。 #10-1.while循环 语法格式： 基本使用： while循环的使用细节： ü 在循环体中，一定要修 阅读全文
posted @ 2020-12-14 13:08
人心不古
阅读(128)
评论(0)
推荐(0)
摘要：
9-3.if...else if ...else语句 多分支的if语句，多选一。 格式： 基本使用 注意： ü 在js中，else和if要分开写，不能连写。 在js中，else...if的多分支，本质上是if...else的嵌套使用，只不过可以用简化的写法，让程序看起来要简洁一些。 #9-4、pro 阅读全文
posted @ 2020-12-14 12:57
人心不古
阅读(862)
评论(0)
推荐(0)
摘要：
1.什么是语句 概念：在JavaScript中表达式是短语，语句就是整句或命令。 作用：用来执行以使某件事发生 特征：用 ; 结尾 Js中语句的常见形式： ü 表达式语句 ü 复合语句 ü 声明语句 ü 条件语句 ü 循环语句 ü 跳转 #2.表达式语句 具有副作用的表达式式，就可以形成一个完整的语 阅读全文
posted @ 2020-12-14 12:55
人心不古
阅读(132)
评论(0)
推荐(0)
摘要：
(1).什么是表达式 任何有值的内容都是表达式 一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如a=3中的3就是一个表达式，a=3整体也可以作为一个表达式。 常见表达式有如下几种： ü 原始表达式 ü 运算符构成的表达式 ü 对象和数组初始化表达式 ü 函数定义表达式 ü 调用表达式 ü 阅读全文
posted @ 2020-12-14 12:53
人心不古
阅读(118)
评论(0)
推荐(0)
摘要：
6.1.关系运算符 用来进行比较的。比较的结果通常是布尔值真和假。 ü ==：相等，只比较值是否相等 ü ：全等，比较值的同时比较数据类型是否相等 ü ！=：不相等，比较值是否不相等 ü ！==：不全等，比较值的同时比较数据类型是否不相等 ü 返回值：boolean型 相等运算符，使用两个=表示。 阅读全文
posted @ 2020-12-14 12:49
人心不古
阅读(197)
评论(1)
推荐(0)
摘要：
5.1.认识运算符 什么是运算符？ 运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。 运算符的应用： 购物车：计算总价，数量； **Js ** 中有哪些运算符？ 算术运算符、赋值运算符、关系运算符、逻辑运算符、三元运算符 #5.2.如何理解运算符 ü 运算数的个数：一元、二元、三元 阅读全文
posted @ 2020-12-14 12:35
人心不古
阅读(160)
评论(0)
推荐(0)
摘要：
1、 转布尔类型 Boolean()：可以将任意类型的数据转为布尔类型； 语法：Boolean(值) 规则： #2、转字符型 1、 String():可以将任意类型的数据转为字符型 语法：String(值) 返回值：转换的内容加引号 2、 **toString()😗*除了null和undefi 阅读全文
posted @ 2020-12-14 12:34
人心不古
阅读(191)
评论(0)
推荐(0)
摘要：
3.1.什么是数据类型 a. 什么是数据类型？ 想从生活中出发： 考验智商的时刻到了： 1（只）+1（只）=1（双） 3（天）+4（天）=1（周） 5（月）+7（月）=1（年） 4（时）+9（时）=1（时） 6（盎司）+10（盎司）=1（磅） 在日常生活中，描述不同的东西，有不同的一些单位。 实际上 阅读全文
posted @ 2020-12-14 12:33
人心不古
阅读(101)
评论(0)
推荐(0)
摘要：
1.JavaScript词法结构 所谓词法结构是指一套基础性规则，用来描述如何使用这门语言来编写程序，包括如下几项： ü 字符集unicode ü 区分大小写 （true和TRUE） ü 忽略空白字符（空格、制表符和换行符） ü 注释 ü 标识符和关键字（保留字） 解释： 命名：英文命名； 空白：由 阅读全文
posted @ 2020-12-14 12:31
人心不古
阅读(165)
评论(0)
推荐(0)
摘要：
1.JavaScript简介 **JavaScript ** 是什么？（重点） Js是一种专门为网页交互设计的客户端（浏览器端）的脚本语言； Js与html和css有相似之处，都在浏览器端解析； Js和java,c#,php等一样，是一门真正的编程语言 javaScript简称js 小故事：js的创 阅读全文
posted @ 2020-12-14 12:30
人心不古
阅读(146)
评论(0)
推荐(0)
摘要：
一．购物车 效果图: 功能思路分析: 1. 面向对象框架 2. 模拟数据 1.多个店铺数组套对象 2.每个店铺多个商品，数组套对象 3. 渲染数据 先渲染店铺，在渲染店铺中嵌套渲染商品 4. 加购物车 \1. 点击加号按钮计算小计: 小计 = 数量 * 单价 \2. 调用合计方法 5. 减购物车 \ 阅读全文
posted @ 2020-12-14 12:29
人心不古
阅读(115)
评论(0)
推荐(0)
摘要：
一．吸顶楼层 效果图: 功能思路分析: 1. 面向对象框架 2. 渲染导航 \1. 数据 \2. 对象结构的数据用for in遍历 \3. 渲染时将属性名设为锚点(a标签的href) 3. 渲染车系 \1. 车系分类是对象的数据结构，外层渲染用for in \2. 每个分类的内容是数组的数据结构，内 阅读全文
posted @ 2020-12-14 12:28
人心不古
阅读(73)
评论(0)
推荐(0)
摘要：
一．分页 效果图: 功能思路分析: 分页就是将所有的数据按指定条数分成若干份: 假如有24条数据，每页只显示5条，则需要分成Math.ceil(24 / 5) = 5页; 每次只显示1页数据，所以需要在总数据中利用slice截取出1页数据渲染 每一页的数据分布如下: 第一页: 显示1 - 5条数据 阅读全文
posted @ 2020-12-14 12:26
人心不古
阅读(85)
评论(0)
推荐(0)
摘要：
一．面向对象轮播 效果图： 功能思路分析: **1. ** 面向对象框架搭建 **2. ** 渲染数据 1.通过**map().join(‘’)**分别渲染导航和内容的数据 2.渲染时在导航菜单上挂载自定义属性保存下标 3.默认给第一个高亮( 添加类名 ) **3. ** 封装公用切换方法 1.先把 阅读全文
posted @ 2020-12-14 12:23
人心不古
阅读(83)
评论(0)
推荐(0)
摘要：
一．封装格式化日期 功能思路分析: \1. 第一个参数format表示指定的时间格式 \2. 第二个参数date为指定的时间(可以不传，默认当前时间) \3. 获取第二个参数中指定时间的年月日时分秒 \4. 将format中的格式利用replace（）方法替换 #二．表单验证 效果图: 功能思路分析 阅读全文
posted @ 2020-12-14 12:22
人心不古
阅读(87)
评论(0)
推荐(0)
摘要：
一．正则表达式简介 什么是正则表达式 正则表达式，也叫规则表达式, 是对字符串操作的一种逻辑公式。 为什么要使用正则？ 1、使用极简单的方式，去匹配字符串 2、速度快，代码少 3、在复杂的字符串中快速精准的匹配想要的字符 正则表达式创建: 字面量: var reg = / 规则/修饰符; 实例化: 阅读全文
posted @ 2020-12-14 12:21
人心不古
阅读(111)
评论(0)
推荐(0)
摘要：
一．软键盘拖拽 效果图:  功能思路分析: 1 阅读全文
posted @ 2020-12-14 12:20
人心不古
阅读(99)
评论(0)
推荐(0)
摘要：
一．对象 什么是对象: 一组无序的属性集合 创建对象两种方式: 对象字面量: var obj = {} 实例化: var obj = new Object() 对象取值: **[] ( ** 中括号)： 变量、数字等不规范的属性名 .（点） : 符合命名规范的属性名 删除对象的属性: delete 阅读全文
posted @ 2020-12-14 12:18
人心不古
阅读(92)
评论(0)
推荐(0)
摘要：
一．垃圾分类 效果图: 功能思路分析: 1. 鼠标按下 (1) 获取鼠标到元素的距离(e.offsetX) (2) 开启开关变量 (3) 获取事件源 (4) 记录垃圾初始位置 2. 鼠标移动 (1) 当开关变量为真时，修改垃圾的位置即的left和top (2) 垃圾位置 = 鼠标位置到页面位置 阅读全文
posted @ 2020-12-14 12:17
人心不古
阅读(189)
评论(0)
推荐(0)
摘要：
一．成绩分类 效果图: 功能思路分析: 1. 渲染数据 2. 鼠标按下开启拖拽 \1. 给成绩盒子绑定鼠标按下事件(mousedown)，用事件委托做多个标签的拖拽 \2. 开启控制拖拽的变量 \3. 获取鼠标到元素的距离（e.offsetX） \4. 获取事件源 \5. 克隆一个副本，设置定位，放 阅读全文
posted @ 2020-12-14 12:16
人心不古
阅读(140)
评论(0)
推荐(0)
摘要：
一．元素尺寸信息 元素.offsetWidth： 元素的外宽高 width + padding + border 元素.offsetHeight： 元素的外宽高 height + padding + border 元素.clientWidth： 元素的内宽高 width + padding 元素.c 阅读全文
posted @ 2020-12-14 12:14
人心不古
阅读(130)
评论(0)
推荐(0)
摘要：
一．事件流 事件流描述的是从页面中接收事件的顺序，目前主要有三个模型： #1. 事件冒泡: 事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的元素 #2. 事件捕获 不太具体的节点更早接收事件，而最具体的元素最后接收事件，和事件冒泡相反 #3. DOM事件流 DOM2级事件规定事件流包括三 阅读全文
posted @ 2020-12-14 12:13
人心不古
阅读(175)
评论(0)
推荐(0)
摘要：
一．摇一摇 效果图: 功能思路分析: 1. 功能一:页面切换 (1) 点击第一页的设置按钮，从第一页切换到第二页 (2) 点击第二页的返回按钮，从第二页切换到第一页 (3) 第二页的标题发生改变后，第一页的标题也跟着改变 2. 功能二:抽奖 (1) 点击”摇”时，从第二个页面拿到所有的内容进行随机抽 阅读全文
posted @ 2020-12-14 12:12
人心不古
阅读(82)
评论(0)
推荐(0)
摘要：
一．折叠菜单 效果图: 功能思路分析: 功能一:数据渲染 \1. 模拟数据，一级数据为数组套对象的形式，二级数据为数组； \2. 先渲染一级数据，然后再嵌套渲染二级数据（map().join(‘’)）; 功能二:子菜单的显示隐藏 \1. 定义一个初始下标index = 0; \2. 给每一个一级菜单 阅读全文
posted @ 2020-12-14 12:11
人心不古
阅读(146)
评论(0)
推荐(0)
摘要：
一．简易购物车 效果图: 功能思路分析: 功能一:数量加减 \1. 找到所有的加号按钮，循环绑定点击事件。点击加号时让对应的数量+1 （找清楚加号和数量的关系，让数量标签的内容++） \2. 找到所有的减号按钮，循环绑定点击事件。点击减号时让对应的数量-1 （找清楚减号和数量的关系，让数量标签的内容 阅读全文
posted @ 2020-12-14 12:10
人心不古
阅读(149)
评论(0)
推荐(0)
摘要：
语法: 元素.getAttribute(‘自定义属性名’) 功能：获取自定义属性 语法: 元素.setAttribute(‘自定义属性名’,’值’) 功能：设置自定义属性 语法: 元素.removeAttribute(‘自定义属性名’) 功能：删除自定义属性 #一．课堂案例 #1. 标签库 效果图: 阅读全文
posted @ 2020-12-14 12:09
人心不古
阅读(196)
评论(0)
推荐(0)
摘要：
语法：parentNode.appendChild(child) 功能：向父节点的子节点列表的末尾添加新的子节点 语法：parentNode.removeChild(child) 功能：从子节点列表中删除某个节点 语法：document.createElement(‘标签名’) 功能：创建元素节点 阅读全文
posted @ 2020-12-14 12:07
人心不古
阅读(114)
评论(0)
推荐(0)
摘要：
一．DOM简介 Document Object Model 文档对象模型 DOM包含了所有HTML元素的属性和方法，以及访问他们的方式； #二．DOM节点 #1. 什么是节点？ HTML中所有的元素都是一个节点 整个文档是文档节点 所有的标签都是元素节点 标签内的属性是属性节点 标签内的文本是文本 阅读全文
posted @ 2020-12-14 12:06
人心不古
阅读(94)
评论(0)
推荐(0)
摘要：
一．初识DOM 1．什么是DOM？为什么学习DOM 2．DOM是实现js在网页实现交互的关键环节，我们的js代码就是通过DOM的方法来实现对于html内容的操作。 3．认识DOM实现了js和网页结合的原理； 4．认识DOMTREE;认识DOM的分类； 5．简单获取元素，简单事件绑定； 6．认识DOM 阅读全文
posted @ 2020-12-14 12:05
人心不古
阅读(99)
评论(0)
推荐(0)
摘要：
Zepto 的介绍 #什么是 Zepto zepto是轻量级的JavaScript库，专门为移动端定制的框架。 与jquery有着类似的API，俗称：会jquery就会用zepto #zepto的特点 针对移动端 轻量级，压缩版本只有8kb左右 响应，执行快 语法、API大部分同jquery一样，学 阅读全文
posted @ 2020-12-14 11:56
人心不古
阅读(190)
评论(0)
推荐(0)
摘要：
jQuery 设置宽度和高度 宽度操作： $(selector).height(); //不带参数表示获取高度 $(selector).height(200); //带参数表示设置高度 宽度操作： $(selector).width(); //不带参数表示获取宽度 $(selector).width 阅读全文
posted @ 2020-12-14 11:55
人心不古
阅读(81)
评论(0)
推荐(0)
摘要：
文本主要内容 样式和类操作 节点操作 #样式操作和类操作 作用：设置或获取元素的样式属性值。 #样式操作 1、设置样式： //设置单个样式： css(属性，值); $("div").css("background-color","red"); //设置多个样式： css(json); $("div" 阅读全文
posted @ 2020-12-14 11:53
人心不古
阅读(134)
评论(0)
推荐(0)
摘要：
前言 jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 #显示动画 方式一： $("div").show(); 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二： $( 阅读全文
posted @ 2020-12-14 11:50
人心不古
阅读(247)
评论(0)
推荐(0)
摘要：
引入 jQuery 的原因 在用 js 写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐，代码量多。 代码很乱，各个页面到处都是。 动画效果很难实现。 如下图所示： jQuery的出现，可以解决以上问题 阅读全文
posted @ 2020-12-14 11:46
人心不古
阅读(164)
评论(0)
推荐(0)
摘要：
一、什么是better-scroll better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件 #滚动原理 1. 与浏览器滚动原理一致，父容器高度固定，子元素内容撑开，必须产生滚动条，才能滚动。 2. better-scroll只处理容器（wrapper）的第一个子元素 阅读全文
posted @ 2020-12-14 11:41
人心不古
阅读(712)
评论(0)
推荐(0)
摘要：
一、什么是swiper 开源、免费、强大的触摸滑动插件 Swiper常用于移动端网站的内容触摸滑动 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 #二、如何使用 1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件 <link rel 阅读全文
posted @ 2020-12-14 11:39
人心不古
阅读(193)
评论(0)
推荐(0)
摘要：
一、折线图 1. 获取画布画笔 2. 封装画线的方法 3. 画坐标轴 4. 循环数据画横轴 > 4.1 画刻度 > 4.2 刻度文字 > 4.3 画折线 > 4.4 画点 5. 纵轴刻度文字 #二、柱状图 1. 获取画布画笔 2. 封装画线的方法 3. 画坐标轴 4. 循环数据画横轴 > 4.1 画 阅读全文
posted @ 2020-12-14 11:36
人心不古
阅读(195)
评论(0)
推荐(0)
摘要：
一、canvas画布 Canvas是HTML5中新出的一个元素，开发者可以通过JS脚本动态绘制图像。 #1. 创建canvas画布 在页面中创建canvas标签,并设置其id和宽高 (不要通过css设置,会有bug) <canvas id="myCanvas" width="500" height= 阅读全文
posted @ 2020-12-14 11:34
人心不古
阅读(221)
评论(0)
推荐(0)
摘要：
一、音频audio、视频video #1. 如何使用 <audio src="horse.mp3" controls loop="loop" autoplay="autoplay"> <source src="horse.ogg" type="audio/ogg"> <source src="hor 阅读全文
posted @ 2020-12-14 11:33
人心不古
阅读(92)
评论(0)
推荐(0)
摘要：
一、file上传文件 <input type="file" multiple> multiple 设置多选 通过change事件监听是否上传文件 files 属性获取上传的文件集合 #二、FileReader接口 用来把文件读入内存，并且读取文件中的数据。 1. 创建读取文件对象 var f = n 阅读全文
posted @ 2020-12-14 11:31
人心不古
阅读(318)
评论(0)
推荐(0)
摘要：
拖放事件 #1. 三个对象 源对象 -- 被拖放的元素 过程对象 -- 经过的元素 目标对象 -- 到达的元素 #2. 源对象中的事件 要想让某个元素可以拖拽需要设置draggable="true"大多数的标签该属性默认值是false，但是img标签和a标签的draggable属性默认是true d 阅读全文
posted @ 2020-12-14 11:29
人心不古
阅读(193)
评论(0)
推荐(0)
摘要：
一、Cookie #1. 什么是 Cookie？ Cookie 是一些数据, 存储于你电脑上的文本文件中。 cookie最大存储：4kb 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息": 当用户 阅读全文
posted @ 2020-12-14 11:27
人心不古
阅读(438)
评论(0)
推荐(0)
摘要：
一、touch事件 PC端的鼠标事件无法满足移动设备触摸屏的特点， touch事件是移动端特有的 #1. 事件类型 touchstart 开始触摸 touchmove 手指滑动 touchend 触摸结束 touchcancel 触摸意外中断 (如:前女友的来电) #2. touch事件的基本用法 阅读全文
posted @ 2020-12-14 11:26
人心不古
阅读(195)
评论(0)
推荐(0)
摘要：
一、transform 转换属性 #1. translate位移 transform : translate(50px,100px); //把元素水平移动 50 像素，垂直移动 100 像素 transform : translateX(50px); //把元素水平移动 50 像素 transfor 阅读全文
posted @ 2020-12-14 11:25
人心不古
阅读(464)
评论(0)
推荐(0)
摘要：
一、rem布局 rem是相对于根元素的字体大小单位。 假设html的字体大小为16px,那么1rem = 16px; 一旦根元素html定义的font-size变化,整个页面中运用到的rem都会随之变化。 #1. 100等分法 1. html的font-size设置为100px -- 便于换算 2. 阅读全文
posted @ 2020-12-14 11:24
人心不古
阅读(332)
评论(0)
推荐(0)
摘要：
一、弹性布局(flex布局) #1. Flex 布局是什么？ Flex 是 Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ 阅读全文
posted @ 2020-12-14 11:23
人心不古
阅读(183)
评论(0)
推荐(0)
摘要：
一、流式布局(百分比布局) 通过高度定死宽度百分比来适应不同的屏幕 #1. 经典的流式布局 左侧固定,右侧自适应 * { box-sizing: border-box; } .box { width: 100%; height: 700px; position: relative; } .right 阅读全文
posted @ 2020-12-14 11:21
人心不古
阅读(341)
评论(0)
推荐(0)
摘要：
一、什么是SASS SASS是一种强化CSS的辅助工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单可维护。 #二、安装和使用（VS Code中） #1.安装 下载扩展文件 ==Easy Sass== 在用户设置中加入以下代码既可 "easysass.targetDir" 阅读全文
posted @ 2020-12-14 11:20
人心不古
阅读(280)
评论(0)
推荐(0)
摘要：
node是什么? 一句话: 服务器 什么是服务器: 一句话: 客户端访问 并且能够响应 为什么: 一句话: 执行效率高 #安装 #控制台 切换磁盘: e: 改变目录: cd 目录 cd.. 上一层目录 运行node文件: node 文件名.js 自动补全: tab键 上一次/下一次代码: 阅读全文
posted @ 2020-12-14 11:16
人心不古
阅读(69)
评论(0)
推荐(0)
摘要：
npm的初步使用 #一: npm的介绍 node package manager : node的包的管理器 伴随node的安装而安装 npm -v 如果出现版本号 说明安装好了 通过命令执行 #二: npm的安装包 第一步:创建一个package.json的文件 npm init package n 阅读全文
posted @ 2020-12-14 11:15
人心不古
阅读(79)
评论(0)
推荐(0)
摘要：
什么是babel babel是一款基于node开发的工具，其功能是对es6的新语法和新特性进行转码。 #babel7的改进 babel7把各个功能进行了拆分到了不同的包中，所以我们需要对各个包的功能了解，比较常用的有以下 @babel/cli : 提供了命令 babel @babel/core : 阅读全文
posted @ 2020-12-14 11:12
人心不古
阅读(639)
评论(0)
推荐(0)
摘要：
什么是promise 简单回答: 一种异步的解决方案 回顾一下什么是异步 事件 / setTimeout 异步执行的时机 同步->异步微任务->GUI渲染->异步宏任务 #为什么会有Promise 传统的异步解决方案: 回调 回调: 顾名思义 回头调用 function a (fn:函数 阅读全文
posted @ 2020-12-14 11:11
人心不古
阅读(124)
评论(0)
推荐(0)
摘要：
什么是面向对象 机器语言->汇编语言->低级语言(面向过程)->高级语言(面向对象)->框架->api 面向对象 : 把一些公共的东西封装起来 , 通过new出来的对象直接调用就行 #面向对象的知识点-call #类和构造函数 # #改变this指向 #call 是什么 function fn(.. 阅读全文
posted @ 2020-12-14 11:10
人心不古
阅读(123)
评论(0)
推荐(0)
摘要：
1 [了解nodejs] 1.1 [node简介] 1.2 [node的特点] 1.3 [如何安装] 1.4 [如何运行] 2 [es6--基本语法] 2.1 [变量的解构赋值] 2.2 [解构赋值] 2.3 [字符串的扩展] 3 [es6--方法的扩展] 3.1 [数值] 3.2 [函数] 3.3 阅读全文
posted @ 2020-12-14 11:08
人心不古
阅读(142)
评论(0)
推荐(0)
摘要：
第二十单元(vux的配置中模块modules的用法) #课程目标 1.什么是module？ 2.怎么用module？ 3.样板代码目录结构 #知识点 #1.modules 在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象， 阅读全文
posted @ 2020-12-14 11:07
人心不古
阅读(348)
评论(0)
推荐(0)
摘要：
第十九单元(mapState mapMutations等方法的使用) #课程目标 1.熟练使用mapState 2.熟练使用mapGetters 3.熟练使用mapActions 4.熟练使用mapMutations #知识点 首先在讲解用法前我们先创建一个仓库实例 import Vue from 阅读全文
posted @ 2020-12-14 11:05
人心不古
阅读(341)
评论(0)
推荐(0)
摘要：
第十八单元(单向数据流 vuex状态管理) #课程目标 1.理解什么是数据管理模式 2.什么是vuex 3.什么时候使用vuex 4.vuex安装及工作原理 5.vuex语法 #知识点 1.首先来看下图示例，当我们想实现A->D组件的通信时 需要A先跟B通信，B跟C通信，C再跟D通信，过程很繁琐，数 阅读全文
posted @ 2020-12-14 11:03
人心不古
阅读(276)
评论(0)
推荐(0)
摘要：
第十七单元(电商项目逻辑处理，电商划分) #课程目标 1.什么是电商项目 2.什么是B2B，B2C，C2C模式，常见的电商项目 3.移动端电商项目常见的逻辑处理 4.【知识扩展】传统系统架构及分布式系统架构 #知识点 #1.电子商务项目 通过电子商务模式（互联网）为主导，线上线下相结合的业务模式。 阅读全文
posted @ 2020-12-14 11:02
人心不古
阅读(134)
评论(0)
推荐(0)
摘要：
第十六单元(element-ui vue-lazyload 等常用插件) #课程目标 1、掌握插件的引入方式 2、精通UI框架 3、掌握前端常见的几种效果实现 #知识点 一、elementUI的使用 1、官网：https://element.eleme.cn/#/zh-CN/ elementUI 阅读全文
posted @ 2020-12-14 11:01
人心不古
阅读(402)
评论(0)
推荐(0)
摘要：
第十五单元(熟练使用vue-router插件) #课程目标 1、掌握路由嵌套 2、掌握导航守卫 #知识点 #一、路由嵌套 很多时候，我们会在一个视口中实现局部页面的切换。这时候就需要到了嵌套路由。 也就是说一个被渲染组件同样可以包含自己的嵌套 <router-view>。 const router 阅读全文
posted @ 2020-12-14 10:59
人心不古
阅读(88)
评论(0)
推荐(0)
摘要：
第十四单元(认识单页面应用，理解vue-router的基本用法) #课程目标 1、了解单页应用与多页应用以及各自的优缺点 2、掌握路由如何实现单页应用 3、精通路由的基本语法 #知识点 #一、单页应用与多页应用 1、多页应用（MPA） 传统的应用形式，即每一次页面跳转的时候，后台服务器都会给返回一个 阅读全文
posted @ 2020-12-14 10:58
人心不古
阅读(536)
评论(0)
推荐(0)
摘要：
第十三单元(指令的作用，指令的钩子函数) #课程目标 1.了解自定义指令的应用场景 2.掌握自定义全局和局部指令 3.掌握指令的钩子函数 #知识点 #一、认识自定义指令 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。 举例说明：当页面加载时，inpu 阅读全文
posted @ 2020-12-14 10:57
人心不古
阅读(200)
评论(0)
推荐(0)
摘要：
第十二单元(vue中过渡效果的实现) #课程目标 熟练掌握transition组件的用法 熟练使用transition组件做过渡特效 熟练使用transition组件做动画特效 了解使用transition组件自定义过渡的类名 #知识点 #1.过渡简介 Vue 在插入、更新或者移除 DOM 时，提供 阅读全文
posted @ 2020-12-14 10:56
人心不古
阅读(224)
评论(0)
推荐(0)
摘要：
第十一单元(内置组件) #课程目标 熟练掌握component组件的用法 熟练使用keep-alive组件 #知识点 #1.component组件 component是vue的一个内置组件，作用是：配合is动态渲染组件 <component :is='组件'></component> 1 不同组件之 阅读全文
posted @ 2020-12-14 10:55
人心不古
阅读(125)
评论(0)
推荐(0)
摘要：
第十单元(动态组件 keep-alive（钩子函数） 递归组件（name） 组件命名约定) #课程目标 熟练掌握动态组件的实现 掌握keep-alive缓存组件，以及相应的钩子函数 熟练掌握递归组件，以及递归组件的实现原理 了解组件的命名约定 #知识点 #1.动态组件 首先得明白什么叫做动态组件 阅读全文
posted @ 2020-12-14 10:54
人心不古
阅读(516)
评论(0)
推荐(0)
摘要：
第九单元(非父子通信 events 单向数据流) #课程目标 了解非父子组件通信的原理，熟练实现非父子组件间的通信（重点） 了解单向数据流的含义，并且明白单向数据流的好处 #知识点 #1.非父子组件间的通信 在昨天我们已经学习了父子间通信，子父间通信的实现方式，那么如果两个组件不是父子组件那么如 阅读全文
posted @ 2020-12-14 10:52
人心不古
阅读(130)
评论(0)
推荐(0)
摘要：
第八单元(组件通信 子父，父子组件通信 自定义事件 事件修饰符 v-model props验证 ) #课程目标 掌握使用props让父组件给子组件传参（重点） 掌握props属性的使用以及prop验证的常用规则 掌握使用自定义事件让子组件给父组件传参（重点） 了解v-model在组件中的绑定原理，掌 阅读全文
posted @ 2020-12-14 10:51
人心不古
阅读(150)
评论(0)
推荐(0)
摘要：
第七单元(vue的单文件组件形式-单文件组件的加载原理-vue-cli构建的开发环境以及生命周期) #课程目标 掌握安装 vue-cli 命令行工具的方法，掌握使用命令行在本地搭建开发环境，使用命令行在本地运行项目。 精通项目结构，以及各文件和文件夹的作用。 精通单文件组件的文件组织形式，模板、js 阅读全文
posted @ 2020-12-14 10:48
人心不古
阅读(90)
评论(0)
推荐(0)
摘要：
第六单元(vue的实例和组件-vue实例的相关属性和方法-解释vue的原理-创建vue的组件) #课程目标 掌握vue实例的相关属性和方法的含义和使用 了解vue的数据响应原理 熟悉创建组件，了解全局组件与局部组件的区别，掌握组件的相关注意事项 #知识点 #1.vue实例的相关属性和方法ß #1.1 阅读全文
posted @ 2020-12-14 10:47
人心不古
阅读(352)
评论(0)
推荐(0)
摘要：
第五单元(v-if和v-show以及v-for的灵活应用 watch以及computed的区别 （常见效果） #课程目标 精通 v-if v-else v-else-if 的使用 精通 v-show 和 v-if 的区别 精通 v-for 的使用 精通 computed 的使用 精通 watch 的 阅读全文
posted @ 2020-12-14 10:45
人心不古
阅读(156)
评论(0)
推荐(0)
摘要：
第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法) #课程目标 了解 vue 框架的特点 掌握创建 vue 实例 掌握 data 用法及特点 掌握 vue 基本指令的用法 掌握 methods 用法 #知识点 直接用 <scri 阅读全文
posted @ 2020-12-14 10:43
人心不古
阅读(103)
评论(0)
推荐(0)
摘要：
第三单元(webpack的应用-能根据具体的需求构建对应的开发环境) #课程目标 理解什么是单页面应用。 掌握单页面和多页面的差异。 了解单页面的实现原理。 掌握模块化的方式实现webpack配置，区分线上环境和开发环境，能够快速切换对应的配置。 #知识点 单页面应用（spa），是仅仅使用一个htm 阅读全文
posted @ 2020-12-14 10:42
人心不古
阅读(82)
评论(0)
推荐(0)
摘要：
第二单元(webpack的配置-学习webpack的常用配置) #课程目标 掌握webpack的常用配置 掌握如何根据实际的需求修改webpack的对应配置 了解webpack-dev-server的意义和使用 掌握webpack-dev-server的用法 #知识点 webpack的配置项 ent 阅读全文
posted @ 2020-12-14 10:41
人心不古
阅读(313)
评论(0)
推荐(0)
摘要：
第一单元(初识webpack-webpack的功能-webpack的初步使用) #课程目标 了解webpack出现的意义，以及webpack解决的前端问题 掌握webpack的使用流程和步骤 掌握webpack相关的命令 了解webpack的打包原理 #知识点 webpack是node的一个包，该包 阅读全文
posted @ 2020-12-14 10:40
人心不古
阅读(135)
评论(0)
推荐(0)
摘要：
第X单元(redux) #课程目标 理解redux解决的问题，理解redux的工作原理 熟练掌握redux的api 熟练掌握redux和react组件之间的通信（react-redux） 把redux应用个在实际的案例中 #知识点 #授课思路 #案例和作业 阅读全文
posted @ 2020-12-14 10:38
人心不古
阅读(93)
评论(0)
推荐(0)
摘要：
第二十单元(react+react-router-dom+redux综合案例2) #课程目标 #知识点 #授课思路 #案例和作业 阅读全文
posted @ 2020-12-14 10:36
人心不古
阅读(60)
评论(0)
推荐(0)
摘要：
第十九单元(react+react-router-dom+redux综合案例1) #课程目标 复习 综合练习 实战能力 #知识点 react react-router redux #授课思路 #案例和作业 电商首页 电商购物车添加 电商购物车编辑 阅读全文
posted @ 2020-12-14 10:35
人心不古
阅读(96)
评论(0)
推荐(0)
摘要：
第十八单元(redux中间件redux-thunk,redux工程目录的样板代码，规范目录结构) #课程目标 中间件：中间件增强redux的可扩展性，实现功能复用的目的。 redux-thunk异步逻辑处理 redux-thunk的使用规范 #知识点 applyMiddleware 控制反转，act 阅读全文
posted @ 2020-12-14 10:34
人心不古
阅读(148)
评论(0)
推荐(0)
摘要：
第十七单元(redux和组件之间的通信，react-redux的相关api的用法) #课程目标 什么是redux-redux react-redux的作用是什么 react-redux如何应用 #知识点 redux与react结合起来的工具 当一个react项目组件层级越来越深，页面越来越多的时候， 阅读全文
posted @ 2020-12-14 10:33
人心不古
阅读(130)
评论(0)
推荐(0)
摘要：
第十六单元(redux的认识，redux相关api的掌握) #课程目标 掌握组件化框架实现组件之间传参的几种方式，并了解两个没有任何关系组件之间通信的通点 了解为了解决上述通点诞生的flux架构 了解单向数据流及在redux结合react组件之间的数据流向 掌握redux的三大原则，单一数据源，st 阅读全文
posted @ 2020-12-14 10:32
人心不古
阅读(86)
评论(0)
推荐(0)
摘要：
第十五单元(react路由的封装，以及路由数据的提取) #课程目标 熟悉react路由组件及路由传参，封装路由组件能够处理路由表 对多级路由能够实现封装通用路由传递逻辑，实现多级路由的递归传参 对复杂的react应用，能够提取路由表并使用路由组件简化路由配置 在路由组件中实现路由拦截功能 #知识点 阅读全文
posted @ 2020-12-14 10:31
人心不古
阅读(628)
评论(0)
推荐(0)
摘要：
第十四单元(react路由-react路由的跳转以及路由信息) #课程目标 理解前端单页面应用与多页面应用的优缺点 理解react路由是前端单页面应用的核心 会使用react路由配置前端单页面应用框架及实现页面之间的跳转 认识react路由元信息，学会从react路由元信息中拿到所需要的路由信息 会 阅读全文
posted @ 2020-12-14 10:30
人心不古
阅读(347)
评论(0)
推荐(0)
摘要：
第十三单元(react路由-react路由的跳转以及路由信息) #课程目标 熟悉掌握路由的配置 熟悉掌握跳转路由的方式 熟悉掌握路由跳转传参的方式 可以根据对其的理解封装一个类似Vue的router-view #知识点 路由的配置属性 路由配置属性主要有 path、name、component 等。 阅读全文
posted @ 2020-12-14 10:29
人心不古
阅读(138)
评论(0)
推荐(0)
摘要：
第十二单元(react路由-使用react-router-dom-认识相关的组件以及组件属性) #课程目标 理解路由的原理及应运 理解react-router-dom以及内置的一些组件 合理应用内置组件及其属性搭建项目路由 #知识点 路由的由来 路由就是指随着浏览器地址栏的变化，展示给用户的页面也不 阅读全文
posted @ 2020-12-14 10:28
人心不古
阅读(369)
评论(0)
推荐(0)
摘要：
第十一单元(受控组件和非受控组件-实现类似于vue双向绑定的功能) #课程目标 理解因为react的单向数据流 理解表单组件会因为react数据流变的不好维护 理解受控组件与非受控组件的实质区别 理解受控组件在实际项目中的运用场景 利用受控组件完成一个表单控件的封装 #知识点 react单向数据流 阅读全文
posted @ 2020-12-14 10:25
人心不古
阅读(269)
评论(0)
推荐(0)
摘要：
第十单元(children的深入用法-React.Children对象上的方法) #课程目标 理解什么是children 掌握React.Children对象上的方法 #知识点 什么是children 上图中我们看到了，我们之前学过的React.createElement方法，现在大家发现jsx的内 阅读全文
posted @ 2020-12-14 10:12
人心不古
阅读(997)
评论(0)
推荐(0)
摘要：
第九单元(propTypes验证) #课程目标 理解类型验证的必要性 灵活掌握类型验证的使用 #知识点 在给react组件传属性的的时候，我们可以定义属性的类型，此时我们需要下载prop-types这个库。 安装prop-types npm install prop-types -S 1 引入和使用 阅读全文
posted @ 2020-12-14 10:11
人心不古
阅读(198)
评论(0)
推荐(0)
摘要：
课程目标 理解纯函数 熟练掌握组件性能优化的几种技巧 pureComponent和Component的区别 #知识点 一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数 函数的返回结果只依赖于它的参数 函数执行过程里面没有副作用 const a = 1 co 阅读全文
posted @ 2020-12-14 10:10
人心不古
阅读(338)
评论(0)
推荐(0)
摘要：
第七单元(组件的高级用法-组件的组合（children的用法）-高阶组件-封装组件) #受控组件 简而言之，就是受到状态state控制的表单，表单的值改变则state值也改变，受控组件必须要搭配onchange方法，否则不能使用 class App extends Component{ state= 阅读全文
posted @ 2020-12-14 10:09
人心不古
阅读(620)
评论(0)
推荐(0)
摘要：
第六单元(react组件通信-父子组件通信-子父组件通信-跨级组件的传参方式-context方式的传参) #课程目标 1.梳理react组件之间的关系 2.掌握父子传值的方法 3.掌握子父传值的方法 4.掌握嵌套组件传值方法 context #知识点 1.组件和组件之间的关系 （1）父子 props 阅读全文
posted @ 2020-12-14 10:06
人心不古
阅读(571)
评论(0)
推荐(0)
摘要：
第五单元(事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制) 课程目标 深入理解和掌握事件的冒泡及捕获机制 理解react中的合成事件的本质 在react组件中合理的使用原生事件 知识点 在原生的dom模型上触发的事件会进行事件传递。而所谓的事件传递指的是当在A元素上触发某一事件 阅读全文
posted @ 2020-12-14 10:04
人心不古
阅读(293)
评论(0)
推荐(0)
摘要：
第四单元(ref与DOM-findDomNode-unmountComponentAtNode) #课程目标 理解react的框架使用中，真实dom存在的意义。 使用真实dom和使用虚拟dom的场景。 灵活掌握并能够合理使用操作真实dom的方法。 #知识点 react中提供了ref这个属性来获取原生 阅读全文
posted @ 2020-12-14 10:02
人心不古
阅读(917)
评论(0)
推荐(0)
摘要：
第三单元(react组件的生命周期) #课程目标 灵活掌握react组件的生命周期以及组件的活动过程。 能够灵活使用react的生命周期 #知识点 react的类组件的生命周期分为三个阶段 实例期 存在期 销毁期 实例期在组件第一次被实例化的时候触发一次，在这个过程中会执行的生命周期函数如下： co 阅读全文
posted @ 2020-12-14 10:01
人心不古
阅读(118)
评论(0)
推荐(0)
摘要：
第二单元(react的组件-state-props-setState) 课程目标 理解组件和组件的创建、以及能够根据实际场景去划分合理的组件。 理解并且能够灵活的应用组件中的state、props。 可以使用组件去实现各种前端交互。 知识点 组件的定义：组件能够表示一块视图的结构表现以及逻辑交互，并 阅读全文
posted @ 2020-12-14 09:54
人心不古
阅读(85)
评论(0)
推荐(0)
摘要：
第一单元(react简介) 课程目标 理解react这个框架在前端开发中的地位 理解react诞生的原因和意义（react是一个用于快速构建前端视图的javaScript库） 理解什么是虚拟dom、原生js模拟出虚拟dom的表示，模拟出创建虚拟dom的方法，模拟出虚拟dom转换成真实dom的方法。 阅读全文
posted @ 2020-12-14 09:51
人心不古
阅读(137)
评论(0)
推荐(0)
摘要：
一、js 数据类型 javaScritp的数据类型有：数值类型、字符串类型、布尔类型、null、undefined、对象(数组、正则表达式、日期、函数)，大致分成两种：基本数据类型和引用数据类型。 （1）基本数据类型：数值、字符串、布尔、null、undefined （值类型）、symbol(ES6 阅读全文
posted @ 2020-12-14 09:44
人心不古
阅读(295)
评论(0)
推荐(0)
摘要：
一、脚手架(可以快速生成项目) 1、新建一个项目文件夹，使用如下命令： 2、npm init egg --type=simple 3、npm i 它会根据package.json里记录的所需包进行快速安装 4、npm run dev 启动命令 ：默认地址为http://localhost:7001 阅读全文
posted @ 2020-12-14 09:42
人心不古
阅读(455)
评论(0)
推荐(0)
浙公网安备 33010602011771号