摘要：
65 后台管理项目 后台管理项目 一、创建项目 vue create u-shop-admin根据产品需求，安装项目的时候选择你需要的依赖routervuex css预处理器 二、项目初始化 //删除默认的app.vue内容//删除views默认的文件夹以及文件//删除components的文件夹 阅读全文
posted @ 2021-05-07 22:58
一花一世界111
阅读(192)
评论(0)
推荐(0)
摘要：
64 生命周期、ref属性、表单的输入、路由 一、生命周期 初始化时期 constructor 初始化render 渲染componentDidMount 挂载完成//大量的异步操作以及接口的调用，我们会在componentDidMount中完成 更新期 首先判断是否含有shouldComponen 阅读全文
posted @ 2021-05-07 22:56
一花一世界111
阅读(360)
评论(0)
推荐(0)
摘要：
63 React基本知识 React基本知识 0.课程介绍 react并不是框架，它只是一个类库。类似于jquery。它没有设计模式，它是单项数据流。它大部分都是原生js的写法。如果一定非要把它跟MVC中V 是一样的。它更多的是操作视图（view）react是脸书（Facebook），它最早是内部项 阅读全文
posted @ 2021-05-07 22:55
一花一世界111
阅读(98)
评论(0)
推荐(0)
摘要：
62 UI框架、stylus（css预处理器） 一、UI框架 1.1UI框架之PC端（elementUI） 官网地址 https://element.eleme.cn/#/zh-CN 安装 npm install(i) element-ui+ element-ui@2.15.1 全局引入UI框架 m 阅读全文
posted @ 2021-05-07 22:53
一花一世界111
阅读(268)
评论(0)
推荐(0)
摘要：
61 Vuex(状态管理) 三、Vuex(状态管理) 3.1 概念 vuex是状态管理。指的是多个组件共享一个数据，那么我们可以创建一个仓库统一去管理当前的所有数据。也就是共享仓库的概念。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并 阅读全文
posted @ 2021-05-07 22:52
一花一世界111
阅读(61)
评论(0)
推荐(0)
摘要：
60 数据交互（axios）、搭建后端服务器 三、数据交互（axios） 3.1概念 axios : 读音 阿克西奥斯河它并不是vue独有的插件。axios是一个HTTP的库，基于promise创建的一般vue中或者react中进行数据交互，我们可以调用这个库易用、简洁且高效的http库(基于p 阅读全文
posted @ 2021-05-07 22:51
一花一世界111
阅读(572)
评论(0)
推荐(0)
摘要：
59 slot槽口（插槽）、路由 一、slot槽口（插槽） 1.1概念 开辟一个插槽组件嵌套的时候，组件标签中的内容无法显示。如果你非要显示数据，那么就开辟一个槽口（插槽） 1.2槽口的创建方式 匿名槽口 父组件<子组件>内容</子组件>子组件<slot></slot> 具名槽口 父组件<子组件 阅读全文
posted @ 2021-05-07 22:49
一花一世界111
阅读(492)
评论(0)
推荐(0)
摘要：
58 组件通信（组件传值）、在脚手架中引入jquery（其他插件）、ref属性、组件嵌套的生命周期流程、is属性、组件的缓存(扩展) 一、组件通信（组件传值） 1.1概念 组件之间可以互相传递数据 1.2组件通信的方式 1.2.1父子组件通信 父组件 <子组件 :自定义属性1='变量1' 自定义属性 阅读全文
posted @ 2021-05-07 22:48
一花一世界111
阅读(398)
评论(0)
推荐(0)
摘要：
57 组件(component)、创建脚手架 一、组件(component) 在前端，两大概念一、模块模块指的就是逻辑封装，一些共通的功能，你把它提取出来，封装到js中。你需要这个功能，你就引入jses6的导入导出（导出的方式决定你引入的方法）引入 import 变量名 from '地址'导出 ex 阅读全文
posted @ 2021-05-07 22:46
一花一世界111
阅读(370)
评论(0)
推荐(0)
摘要：
56 watch（监听/侦听器）、计算属性（computed）、过滤器（filter）、过渡动画（transition） 一、watch（监听/侦听器） 1.1概念 watch 用监听属性的变化。watch用来监听data的变化 1.2监听方法 1.2.1 浅监听 浅监听可以监听，字符串，普通的数组 阅读全文
posted @ 2021-05-07 22:45
一花一世界111
阅读(207)
评论(0)
推荐(0)
摘要：
55 离线存储、表单、动态样式、事件、修饰符、生命周期 一、离线存储（回顾） 离线存储是H5中新增的属性方法一、本地存储（永久性存储） localStorage二、会话存储 sessionStorage以前没有离线存储出现 用什么实现存储，用的是cookie 面试题 一、localStorage 阅读全文
posted @ 2021-05-07 22:43
一花一世界111
阅读(81)
评论(0)
推荐(0)
摘要：
54 vue的基本知识、vue基本指令、UI框架之Bootstrap 一、vue的基本知识 1.1vue 的官网 https://cn.vuejs.org/ 1.2概念 渐进式的JavaScript框架？？？？渐进式。。。自底向上，逐渐增强。vue.js它本身就是一个库，类似于jq。你可以把它当做 阅读全文
posted @ 2021-05-07 22:42
一花一世界111
阅读(165)
评论(0)
推荐(0)
摘要：
53 webpack概念、webpack核心介绍、webpack使用 webpack概念 Webpack 前端资源模块化管理和打包工具。可以将许多松散的模块按照依赖和引用关系打包成符合生产环境部署的前端资源。并将按需加载的模块进行代码分隔，等到实际需要的时候再加载。 开发环境：我们本地的环境或测试环 阅读全文
posted @ 2021-05-07 22:39
一花一世界111
阅读(88)
评论(0)
推荐(0)
摘要：
52 接口开发、服务器的基本配置、宝塔面板配置、上传数据库、上传接口源代码、部署静态页面网站 接口项目 我们角色：纯后端工程师的。 后端要根据策划稿（设计稿） 后端根据策划稿或设计稿开发接口。 前端工程师根据设计稿写html页面。 如果是前后端不分离的：那么只有前端写出来html页面，后端才能渲染数 阅读全文
posted @ 2021-05-07 22:37
一花一世界111
阅读(457)
评论(0)
推荐(0)
摘要：
51 RESTful api规范、接口项目统一处理错误、后端的接口服务、接口文档说明书、前后端分离、后端解决跨域、cors模块、接口项目 RESTful api规范 前言 使用Express开发可以返回html、css、img等这类的数据。 也可以返回json数据： 只提供json数据的Expres 阅读全文
posted @ 2021-05-07 22:35
一花一世界111
阅读(528)
评论(0)
推荐(0)
摘要：
50 mysql数据库其它子句 其它子句 group by 分组查询、聚合查询。 SELECT *[,聚合函数] FROM 表名 [GROUP BY 字段] count(*):总数量 min(字段名) max(字段名) avg(字段名) -- 查询男生和女生分别多少人-- count(*)SELE 阅读全文
posted @ 2021-05-07 22:32
一花一世界111
阅读(71)
评论(0)
推荐(0)
摘要：
49 数据库介绍、mysql安装、mysql初体验、数据可视化工具、SQL查询语言 数据库介绍 1、什么是数据库？ 数据库（database）是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界，充斥着大量的数据。数据的来源有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等 阅读全文
posted @ 2021-05-07 22:30
一花一世界111
阅读(270)
评论(0)
推荐(0)
摘要：
48 Express脚手架框架开发 回顾 http状态码。 https://baike.baidu.com/item/HTTP%E7%8A%B6%E6%80%81%E7%A0%81/5053660?fr=aladdin 项目开发流程 把前端给的文件一一归类。 1、html页面放在views文件夹 2 阅读全文
posted @ 2021-05-07 22:28
一花一世界111
阅读(105)
评论(0)
推荐(0)
摘要：
47 Express框架开发 项目开发流程 1、初始化 npm init -y 2、下载你已知包 npm i express 3、创建入口文件app.js （ main.js ） 4、搭建express服务器基本框架（引包、开端口） 5、定义路由 6、在路由书写自己的业务了（难点） 中间件种类 应用 阅读全文
posted @ 2021-05-07 22:27
一花一世界111
阅读(104)
评论(0)
推荐(0)
摘要：
46 express 一、简介 Express是基于基于 Nodejs平台，快速、开放、极简的 Web 开发框架 官网地址：https://www.expressjs.com.cn/ 作用：使用 Express，我们可以方便、快速的创建 Web 网站的服务器或 API 接口(纯json数据)的服务器 阅读全文
posted @ 2021-05-07 22:24
一花一世界111
阅读(87)
评论(0)
推荐(0)
摘要：
45 服务端与客户端、互联网传输协议、Node创建服务器、其它模块 0、补充 __ dirname和 __filename 注意：只要对文件或目录进行操作，大家要使用绝对路径 。（ 绝对地址动态化 ） node中的相对地址：是相对于当前执行文件的cmd上的路径。 ENOENT: no such fi 阅读全文
posted @ 2021-05-07 22:23
一花一世界111
阅读(528)
评论(0)
推荐(0)
摘要：
44 文件系统/模块 一、文件系统/模块 在Nodejs中可以通过内置的fs模块来操作系统文件。 文件系统操作都具有同步和异步两种方式。Node中的方法基本上都是由同步 sync结尾 和异步组成，如果有同步 ，就不要使用异步。 同步风格的特点：阻塞代码，同步是用等号赋值的拿结果。 异步风格的特点：不 阅读全文
posted @ 2021-05-07 22:22
一花一世界111
阅读(74)
评论(0)
推荐(0)
摘要：
43 Node简介、Node安装、Node运行与顶层对象、Buffer、模块系统、包和npm 一、Node简介 Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。 Node.js主要用于编写像Web服务器一样的网络应用。 官网地址：https 阅读全文
posted @ 2021-05-07 22:21
一花一世界111
阅读(238)
评论(0)
推荐(0)
摘要：
42 class、继承、深/浅拷贝 一、class 1.面向对象编程 1.1 概念 面向对象是一种以对象为中心的编程思想。面向对象是相对于面向过程来讲的，面向对象把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模。 面向过程 面向过程思想强调的是步骤，当碰见问题时，思考的是“我该怎么 阅读全文
posted @ 2021-05-07 22:19
一花一世界111
阅读(107)
评论(0)
推荐(0)
摘要：
41 Symbol、Set和Map、Iterator和Generator、Promise、async函数 一、Symbol（了解） ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。 它是 JavaScript 语言的第七种数据类型。 string，number，undefined, 阅读全文
posted @ 2021-05-07 22:18
一花一世界111
阅读(121)
评论(0)
推荐(0)
摘要：
40 ECMASCript简介、严格模式、let和const命令、变量的解构赋值、模板字符串、对象扩展、函数扩展、Object方法扩展、Array方法扩展 3.ECMASCript简介 ECMAScript 6.0（以下简称 ES6）泛指 JavaScript 语言的下一代标准。 现在浏览器及类似浏 阅读全文
posted @ 2021-05-07 22:17
一花一世界111
阅读(97)
评论(0)
推荐(0)
摘要：
39 插件、zepto 插件 常用插件网站 jquery官网插件 https://plugins.jquery.com/ 百度 CSDN swiper https://www.swiper.com.cn github jq22 使用过程 找 用： 2.1 下载 2.2 文件拷贝到用的地方 自定义插件 阅读全文
posted @ 2021-05-07 22:11
一花一世界111
阅读(65)
评论(0)
推荐(0)
摘要：
38 jquery的动画、AJAX、数据序列化 动画 show hide toggle show: 显示 hide: 隐藏 toggle: 有就隐藏 没有就显示 show/hide/toggle(speed, easing, callback) width + height + opacity sp 阅读全文
posted @ 2021-05-07 22:10
一花一世界111
阅读(83)
评论(0)
推荐(0)
摘要：
37 jquery的链式调用原理、元素三大宽高、操作节点、事件对象、事件绑定、命名空间、事件解绑、one、合成事件、extend 链式调用原理 链式调用: jq的方法都有返回值, 返回操作的对象或被操作以后的对象 // var mn = $('.box');// console.log(mn);// 阅读全文
posted @ 2021-05-07 22:09
一花一世界111
阅读(155)
评论(0)
推荐(0)
摘要：
36 jQuery jQuery 介绍 理念： 写得少 做得多 (write less, do more) 优点: \1. 轻量级 \2. 可靠的事件处理机制 \3. 兼容 \4. 文档处理 \5. 完善的ajax \6. 强大的选择器 \7. 链式调用 \8. 隐式迭代 \9. 开源 \10. 动 阅读全文
posted @ 2021-05-07 22:06
一花一世界111
阅读(78)
评论(0)
推荐(0)
摘要：
35 移动端、Touch 移动端 移动端问题 由于浏览器的模拟器时好时坏，移动端一般不适用on来绑定事件, 用事件绑定的方式添加 pc端事件在移动端有300ms的延迟 如果在移动端的元素下方还有一个元素，如果点击的时候，上层元素消失，这时点击事件会漂移到下层元素, 会触发点击事件 避免此种布局 按住 阅读全文
posted @ 2021-05-07 22:05
一花一世界111
阅读(140)
评论(0)
推荐(0)
摘要：
34 audio、video audio audio: 音频标签 常见属性 var audio = document.querySelector('audio');console.log(audio);console.log(audio.duration); // 音频时长 以s为单位consol 阅读全文
posted @ 2021-05-07 22:04
一花一世界111
阅读(127)
评论(0)
推荐(0)
摘要：
33 localStorage localStorage localStorage: 存储数据到本地 存储数据 对象.属性名 = 属性值; setItem('属性名， '属性值'); // 对象.属性名 = 属性值;localStorage.username = '1332222111';// s 阅读全文
posted @ 2021-05-07 22:03
一花一世界111
阅读(93)
评论(0)
推荐(0)
摘要：
32 ajax AJAX 概念 ajax用来创建快速动态交互式页面的技术; 通过与后台少量的数据交换, 更新页面 在页面不刷新的基础上 更新页面上的某些数据 ajax: Asynchronous javascript and xml 异步 js 和 xml 执行方式 同步: 在数据请求过程中, 必须 阅读全文
posted @ 2021-05-07 22:01
一花一世界111
阅读(43)
评论(0)
推荐(0)
摘要：
31 正则、匿名函数、闭包 正则 概念 正则: 检索字符串的规则字符串 用事先定义好的一些特殊字符组成一定的规则字符串 实现对字符串的一个检索替换 创建方式 new创建 var 变量 = new RegExp(字符/规则字符串, 修饰符); // new var reg = new RegExp(' 阅读全文
posted @ 2021-05-07 22:00
一花一世界111
阅读(137)
评论(0)
推荐(0)
摘要：
30 面向对象、面向对象创建、面向对象的继承 面向对象 概念 面向过程: 注重过程 面向对象: 注重结果 核心：使用对象 有对象 就用对象 没有对象 创建对象 对象由属性和方法组成 属性: 描述 静态的 方法: 行为 动态的 var 变量 = { 属性名: 属性值, 方法名: 函数 } 类: 模板 阅读全文
posted @ 2021-05-07 21:59
一花一世界111
阅读(44)
评论(0)
推荐(0)
摘要：
29 事件对象 事件对象 概念 事件对象： 当事件发生的时候，浏览器会将相关事件的信息存储在一个对象中，这个对象就是事件对象 事件相关 鼠标相关 ie/chrome/高版本ff: window.event 低版本ff: 事件处理函数的第一个形参 document.onclick = function 阅读全文
posted @ 2021-05-07 21:55
一花一世界111
阅读(44)
评论(0)
推荐(0)
摘要：
28 表单、BOM、元素的三大宽高 表单 快速获取表单元素 \1. 需要先获取表单 form \2. 快速获取表单元素 form.name值 var form = document.getElementsByTagName('form')[0];console.log(form);// 2. 快速获 阅读全文
posted @ 2021-05-07 21:54
一花一世界111
阅读(414)
评论(0)
推荐(0)
摘要：
27 节点、表格获取 节点 DOM DOM w3c提供用来操作页面的标准接口 页面在生成的时候, 会形成一个树状结构, 每个标签都在树状结构的某一个位置, 称之为节点 这个树状结构称之为DOM树 节点属性 nodeName: 节点名称 标签--LI P DIV nodeType: 1--12的数字 阅读全文
posted @ 2021-05-07 21:52
一花一世界111
阅读(83)
评论(0)
推荐(0)
摘要：
26 数组、创建数组、数组的方法 数组 概念 数组: 是一个用来存放不定数量不定数据类型的数据的容器 索引: 下标 元素: 值 创建数组 字面量 字面量创建: var 变量 = [值, 值, 值,...]; // 字面量var arr = [1,2,3,4]; new关键字创建 new创建: var 阅读全文
posted @ 2021-05-07 21:50
一花一世界111
阅读(202)
评论(0)
推荐(0)
摘要：
25 时间对象、Moment、字符串对象 时间对象 对象的分类 原生对象: String Number Boolean Object Array Function Date RegExp Error 宿主对象: DOM BOM 内置对象：Global(全局 window, document) Mat 阅读全文
posted @ 2021-05-07 21:46
一花一世界111
阅读(341)
评论(0)
推荐(0)
摘要：
24 定时器、write、Math 定时器 概念 定时器: 让一段代码延迟或者是间隔多长时间之后去执行一次 分类 延迟定时器 延迟定时器：setTimeout(函数, 时间) 时间：毫秒 ms 1s = 1000ms 让一段代码在等待一段时间执行一次 一次性广告 关不掉的广告 setTimeout( 阅读全文
posted @ 2021-05-07 21:43
一花一世界111
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号