xml@77-优快云博客

原创 Vue基础

注意区分：js 表达式和 js 代码(语句)1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方：(1). a(2). a+b(3). demo(1)(4). x === y ? ‘a’ : ‘b’2.js 代码(语句)(1). if(){}(2). for(){}2. Vue 模板语法Vue 模板语法有 2 大类：插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx 是 js 表达式，且可以直接读取到 data 中的所有属性。指令语法：功能：用于解析标签（包

2022-07-16 17:04:22 1180

原创后台管理项目 - 01

运行如下的命令，安装特定版本的：在项目根目录中新建作为整个项目的入口文件，并初始化如下的代码：1.2 配置 cors 跨域运行如下的命令，安装中间件：在中导入并配置中间件：1.3 配置解析表单数据的中间件通过如下的代码，配置解析格式的表单数据的中间件：1.4 初始化路由相关的文件夹在项目根目录中，新建文件夹，用来存放所有的模块在项目根目录中，新建文件夹，用来存放所有的在中，导入并使用：1.6 抽离用户路由模块中

2022-07-13 16:59:51 1879

原创 Git-Github 基础操作知识

Git 是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点：项目越大越复杂，协同开发者越多，越能体现出 Git 的高性能和高可用性！Git 之所以快速和高效，主要依赖于它的如下两个特性：① 直接记录快照，而非差异比较② 近乎所有操作都是本地执行传统的版本控制系统（例如 SVN ）是基于差异的版本控制，它们存储的是一组基本文件和每个文件随时间逐步累积的差异。好处：节省磁盘空间缺点：耗时、效率低在每次切换版本的时候，都需要在基本文件

2022-07-06 13:43:19 2552

原创 HTTP 协议加强（五）

通信，就是信息的传递和交换。通信三要素：通信的主体通信的内容通信的方式案例：张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。其中：通信的主体是张三和李四；通信的内容是考上传智专修学院；通信的方式是写信；案例：服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。其中，通信的主体是服务器和客户端浏览器；通信的内容是传智专修学院的简介；通信的方式是响应；通信协议（Communication Protocol）是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解：通信双方采

2022-07-05 17:47:49 172

原创跨域与 JSONP （四）

如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：同源策略（英文全称Same origin policy）是浏览器提供的一个安全功能。MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通俗的理解：浏览器规定，A 网站的JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：① 无

2022-07-05 16:56:46 282

原创 Ajax 加强（三）

XMLHttpRequest （简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。思考：能否直接使用 xhr 对象发起 Ajax 请求？步骤：① 创建 xhr 对象② 调用 xhr.open()函数③ 调用 xhr.send()函数④ 监听 xhr.onreadystatechange 事件1.3 了解 xhr 对象的 readyState 属性XMLHttpReq

2022-06-23 08:22:42 233

原创 form 表单与模板引擎（二）

表单在网页中主要负责数据采集功能。HTML中的标签，就是用于采集用户输入的信息，并通过1.2 表单的组成部分表单由三个基本部分组成：表单标签表单域表单按钮表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。action 属性用来规定当提交表单时，向何处发送表单数据。action 属性的值应该是后端提供的一个 URL 地址，这个 URL 地址专门负责接收表单提交过来的数据。当表单在未指定 action 属性值的情况下， action 的默认

2022-06-21 15:05:28 342

原创数据库与身份认证 - 04

数据库（database）是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界，充斥着大量的数据。数据的来源有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据，图像、音乐、声音都是数据。为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。市面上的数据库有很多种，最常见的数据库有如下几个：数据的组织结构：指的就是数据以什么样的结构进行存储。传统型数据库的数据组织结构，与Ex

2022-06-12 18:24:18 474

原创 _Express - 03

官方给出的概念： Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解： Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express 的中文官网：http://www. Express js.com.cn/思考：不使用 Express 能否创建 Web 服务器？答案：能，使用 N

2022-06-07 17:16:13 190

原创模块化 - 02

模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处：① 提高了代码的复用性② 提高了代码的可维护性③ 可以实现按需加载模块化规范就是对代码进行模块化的拆分与组合时，需要遵守的那些规则。例如：使用什么样的语法格式来引用模块。在模块中使用什么样的语法格式向外暴露成员模块化规范的好处：大家都遵守同样的模块化规范写代码，降低了

2022-06-07 15:51:50 302

原创初识 Node.js与内置模块 - 01

不同的浏览器使用不同的 JavaScript 解析引擎：其中，Chrome 浏览器的V8 解析引擎性能最好！每个浏览器都内置了 DOM、 BOM 这样的 API 函数，因此，浏览器中的 JavaScript 才可以调用它们。运行环境是指代码正常运行所需的必要环境。总结：① V8 引擎负责解析和执行 JavaScript 代码。② 内置 API 是由运行环境提供的特殊接口，只能在所属的运行环境中被调用。Node.js® is a JavaScript runtime built on

2022-06-05 18:58:13 1057

原创 ES 6 - 05

ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指ES2015 及后续的版本。每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。ES6中新增的用于声明变量的关键字。注意：使用 let 关键字声明的变量才具有块级作用域，使用 var 声明的变量不具备块级作用域特性。暂时性死区var tmp = 123 ;if (true) {tmp = ‘abc’;let

2022-06-05 08:18:30 181

原创正则表达式 - 04

正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。其他语言也会使用正则表达式，本阶段我们主要是利用JavaScript 正则表达式完成表单验证。灵活性、逻辑性和功能性非

2022-06-05 07:36:57 168

原创函数进阶 - 03

1. 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2. this2.1 函数内 this 的指向2.1 改变函数内部 this 指向1. call 方法2. apply 方法3. bind 方法2.2 call apply bind 总结3. 严格模式3.1 什么是严格模式3.2 开启严格模式1. 为脚本开启严格模式2. 为函数开启严格模式3.4 严格模式中的变化1. 变量规定2. 严格模式下 this 指向问题3. 函数变化4. 高阶函数5. 闭包

2022-06-03 21:42:42 201

原创构造函数和原型 - 02

构造函数和原型在典型的OOP的语言中（如Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6 之前，JS 中并没用引入类的概念。ES6 ，全称ECMAScript6.0 ，2015.06 发版。但是目前浏览器的JavaScript 是ES5 版本，大多数高版本的浏览器也支持 ES6 ，不过只实现了 ES6 的部分特性和功能。在 ES6 之前，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式：构造函数是一种特殊的函数，主要用来

2022-06-03 14:36:31 168

原创 JavaScript 面向对象 - 01

JavaScript 面向对象 - 01

2022-05-31 17:12:41 145

原创 ECMAScript 6

第 1 章 ECMASript 相关介绍1.1. 什么是 ECMAECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。 1994 年后该组织改名为Ecma国际。1.2. 什么是 ECMAScriptECMAScript 是由 Ecma 国际通过 ECMA- 262 标准化的脚本程序设计语言。1.3. 什么是 ECMA- 262Ecma 国际制定了许多标准，而 ECMA

2022-05-30 11:46:44 241

原创服务器的基本概念与初识 Ajax（一）

服务器的基本概念与初识Ajax1. 客户端与服务器1.1 上网的目的⚫ 刷微博⚫ 浏览新闻⚫ 在线听音乐⚫ 在线看电影⚫ etc…上网的本质目的：通过互联网的形式来获取和消费资源1.2 服务器上网过程中，负责存放和对外提供资源的电脑，叫做服务器。因特网1.3 客户端上网过程中，负责获取和消费资源的电脑，叫做客户端。因特网2. URL地址2.1 URL地址的概念URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放

2022-05-30 08:19:27 280

原创 Ajax学习笔记（二）

HTTPHTTP（hypertext transport protocol）协议『超文本传输协议』，协议详细规定了浏览器和万维网服务器之间互相通信的规则。约定, 规则请求报文重点是格式与参数行 POST /s?ie=utf-8 HTTP/1.1 头 Host: atguigu.com Cookie: name=guigu Content-type: application/x-www-form-urlencoded User

2022-05-30 08:18:46 124

原创 Ajax学习笔记（一）

第 1 章：原生 AJAX1. 1 AJAX 简介AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。1. 2 XML 简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用

2022-05-30 08:17:43 116

原创 jQuery事件+其他方法（三）

jQuery事件+其他方法（三）

2022-05-27 21:53:46 490

原创 jQuery 常用API（二）

jQuery 常用API（二）学习笔记

2022-05-27 21:21:15 189

原创 jQuery 入门（一）

jQuery入门（一）

2022-05-27 17:10:17 100

原创移动端-网页特效

文章目录1. 触屏事件1.1 触屏事件概述1.2 触摸事件对象（TouchEvent）1.3 移动端拖动元素2. 移动端常见特效案例：移动端轮播图2.1 classList 属性案例：返回顶部2.2 click 延时解决方案3. 移动端常用开发插件3.1 什么是插件3.2 插件的使用3.3 Swiper 插件的使用3.4 其他移动端常见插件3.5 插件的使用总结3.6 练习-移动端视频插件 zy.media.js4. 移动端常用开发框架4.1 框架概述4.2 Bootstrap1. 触屏事件1.1 触屏

2022-05-23 20:46:06 556

空空如也

空空如也