小小段-优快云博客

一、条件判断条件判断语句指的是根据指定的条件所返回的结果（真或假或其它预定义的），来执行特定的语句。JavaScript 支持两种条件判断语句：if...else和switch。if...else 语句当一个逻辑条件为真，用if语句执行一个语句。当这个条件为假，使用可选择的 else 从句来执行这个语句。if 语句如下所示：if (condition) { statement_1;}else { statement_2;} //推荐使用严格的语句块模式，语句else可选案例：//判

2022-03-25 17:57:58 1524

原创音频日历模块

一、音频日历模块这个案例是本人实际开发时所写开发要求：通过日历模块控制音频模块点击某天时修改音频及音频模块标题由于一些问题，暂无法获取数据，但大部分功能均已实现线上可去 cctv国际在线->土耳其首页底部 ->点击收音机更多线上案例与以下代码出入削大~不过原理差不多。HTML:<div class="right-content"> <div class="radio-wrap"> <div class="radio-bo

2022-03-25 16:39:49 458

原创 2.操作符流程控制循环

一、表达式与运算符1.运算符JavaScript 拥有如下类型的运算符。本节描述了运算符和运算符的优先级。赋值运算符(Assignment operators)比较运算符(Comparison operators)算数运算符(Arithmetic operators)位运算符(Bitwise operators)逻辑运算符(Logical operators)字符串运算符(String operators)条件（三元）运算符(Conditional operator)逗号运算符(Com

2022-03-11 18:15:26 1412

原创 1.js语法和数据类型

前言本片开始从新夯实JavaScript基础知识，之前学习囫囵吞枣，导致后面项目和学习中出现各种各样的问题；从这篇笔记开始，放缓速度，好好理解JavaScript，为以后升职加薪打下坚实的基础。一、注解JavaScript的注解分为两种：单行注解和多行注解// 单行注释/* 这是一个更长的, 多行注释*//* 然而, 你不能, /* 嵌套注释 */ 语法错误 */二、声明JavaScript有三种声明方式var 声明一个变量，可以初始化一个值。let 声明一个块作用域的局

2022-03-10 18:32:23 1154

转载 nvm管理工具

nvm官方文档http://nvm.uihtm.com/

2022-02-17 16:27:18 381

原创 jQuery中的Ajax

一.jQuery中的Ajax浏览器中提供的 XMLHttpRequest 用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列 Ajax 相关的函数，极大地降低了 Ajax 的使用难度。jQuery 中发起 Ajax 请求最常用的三个方法如下：$.get()$.post()$.ajax()1. $.get()函数的语法jQuery 中 $.get() 函数的功能单一，专门用来发起 get 请求，从而将服务器上的资源请求到客户端来进行使用。$.get

2021-10-27 21:59:13 339

原创 webpack

一. webpack1.当前 Web 开发面临的困境文件依赖关系错综复杂静态资源请求效率低模块化支持不友好浏览器对高级 Javascript 特性兼容程度较低etc…2. webpack 概述webpack 是一个流行的前端项目构建工具（打包工具），可以解决当前web 开发中所面临的困境。webpack 提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目的可维护性。前绝大多数企业

2021-03-18 21:58:23 148

原创模块化相关规范

一. 模块化相关规范1. 模块化概述传统开发模式的主要问题:命名冲突文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.大一统的模块化规范 – ES6模块化在 ES6 模块化规范诞生之前，Javascript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。但是，这些社区提出的模块化

2021-03-17 14:26:02 269

原创 Vue.js 前后端交互模式

一. 前后端交互模式1.1 接口调用方式原生 ajax基于 jQuery 的ajaxfetchaxios1.2 URL 地址格式1. 传统形式的 URL格式：schema://host:port/path?query#fragment①schema：协议。例如http、https、ftp等②host：域名或者IP地址③port：端口, http默认端口80，可以省略④path：路径, 例如/abc/a/b/c⑤query ：查询参数，例如 uname=lisi&a

2021-03-15 08:47:08 670

原创 Promise用法

一. 前后端交互模式1.1 接口调用方式原生 ajax基于 jQuery 的ajaxfetchaxios[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kkHohqX2-1607164217814)(./images/16前后端交互.png)]1.2 URL 地址格式1. 传统形式的 URL格式：schema://host:port/path?query#fragment①schema：协议。例如http、https、ftp等②host：域名或者I

2020-12-05 18:32:09 192

原创 Vue组件

一. 组件化开发思想1.1 现实中的组件化思想体现标准分治重用组合1.2 编程中的组件化思想体现1.3 组件化规范: Web Components我们希望尽可能多的重用代码自定义组件的方式不太容易（html、css和js）多次使用组件可能导致冲突Web Components 通过创建封装好功能的定制元素解决上述问题规范网址：https://developer.mozilla.org/zh-CN/docs/Web/Web_ComponentsVue部分实现了上述规范二.

2020-12-04 21:23:15 173

原创 Vue基础深入学习

一. 数组更新检测1.1 变异方法(修改原有数据)Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push()pop()shift()unshift()splice()sort()reverse()注意：这里的API会影响原始的数组数据1.2 替换数组(生成新的数组)变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如 filter()、concat() 和 slice()。它们不会变更原始数组，而总是

2020-12-03 09:11:07 197

原创 Vue常用特性

一. Vue常用特性1.1 常用特性概览表单操作自定义指令计算属性侦听器过滤器生命周期1.2 表单操作1.基于Vue的表单操作Input 单行文本textarea 多行文本select 下拉多选radio 单选框checkbox 多选框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Do

2020-12-02 09:03:01 397

原创 Vue基础

一.Vue概述Vue：渐进式JavaScript框架官网：https://cn.vuejs.org/二. Vue基本使用2.1 传统开发模式对比这是原生js<div id="msg"></div><script type="text/javascript"> var msg = 'Hello World'; var div = document.getElementById('msg'); div.innerHTML = msg;</scr

2020-12-02 08:53:34 454

原创基金操作

2020.11.6 基金持有及盈率小段本金 10000元，现持仓 7284.07元基金持有盈率操作止盈目标止盈南方中证全指证券公司ETF联接C(004070)812.641.58%020%华夏中证人工智能主题ETF联接A(008585)1773.74-2.00%030%天弘中证计算机主题ETF联接A(001629)1623.64-5.05%00%诺安成长混合(320007)788.996.62%030%国泰CES

2020-11-06 17:33:16 505

原创 Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client注意：throw err; // Rethrow non-MySQL errors虽然报了这个问题，但是并不是数据库链接失败，这种问题的出现是由于，node每次只能返回一次res.send()，如果返回多次就会报这样的错。...

2020-11-01 22:38:08 3869 11

原创前后端的身份认证

一. 前后端的身份认证1.1 Web 开发模式目前主流的 Web 开发模式有两种，分别是：①基于服务端渲染的传统 Web 开发模式②基于前后端分离的新型 Web 开发模式1. 服务端渲染的 Web 开发模式服务端渲染的概念：服务器发送给客户端的 HTML 页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用 Ajax 这样的技术额外请求页面的数据。代码示例如下：app.get('/index.html',(req,res)=>{ // 1. 要渲染的数据 const

2020-11-01 17:37:09 2065

原创在项目中操作 MySQL

一. 在项目中操作 MySQL1.1 在项目中操作数据库的步骤①安装操作 MySQL 数据库的第三方模块（mysql）②通过 mysql 模块连接到 MySQL 数据库③通过 mysql 模块执行 SQL 语句1.2 安装与配置 mysql 模块1. 安装 mysql 模块mysql 模块是托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的能力。想要在项目中使用它，需要先运行如下命令，将 mysql 安装为项目的依赖包：npm i mysq

2020-11-01 17:19:18 355

原创数据库的基本概念

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

2020-11-01 17:17:29 14392

原创跨域与JSONP

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

2020-10-31 13:43:13 250

原创使用 Express 写接口

1. 使用 Express 写接口1.实例// express.jsconst express = require('express')const app = express()const port = 80;// 配置解析表单数据的中间件app.use(express.urlencoded({ extended: false }));const apiRouter = require('./14apiRouter');// 把路由模块，注册到 app 上app.use('/api',

2020-10-27 09:07:09 1488

原创 Express 中间件

1. Express 中间件1.1 中间件的概念1. 什么是中间件中间件（Middleware ），特指业务流程的中间处理环节。2. 现实生活中的例子在处理污水的时候，一般都要经过三个处理环节，从而保证处理过后的废水，达到排放标准。处理污水的这三个中间处理环节，就可以叫做中间件。3. Express 中间件的调用流程当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。4. Express 中间件的格式Express 的中间件，本质上就是一个

2020-10-27 09:04:54 651

原创 Express 路由

1. Express 路由1.1 路由的概念1. 什么是路由广义上来讲，路由就是映射关系。2. 现实生活中的路由按键 1 -> 业务查询按键 2 -> 手机充值按键 3 -> 业务办理按键 4 -> 密码服务与停复机按键 5 -> 家庭宽带按键 6 -> 话费流量按键 8 -> 集团业务按键 0 -> 人工服务在这里，路由是按键与服务之间的映射关系3. Express 中的路由在 Express 中，路由指的是客户端的请求与服务

2020-10-27 09:01:07 782

原创初识 Express

1. 初识 Express1.1 Express 简介1. 什么是 Express官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express 的中文官网：http://www.expressjs.com.cn/2. 进一步理解

2020-10-27 08:58:00 370

原创模块的加载机制

模块的加载机制1. 优先从缓存中加载模块在第一次加载后会被缓存。这也意味着多次调用 require() 不会导致模块的代码被执行多次。注意：不论是内置模块、用户自定义模块、还是第三方模块，它们都会优先从缓存中加载，从而提高模块的加载效率。2. 内置模块的加载机制内置模块是由 Node.js 官方提供的模块，内置模块的加载优先级最高。例如，require(‘fs’) 始终返回内置的 fs 模块，即使在 node_modules 目录下有名字相同的包也叫做 fs。3. 自定义模块的加载机制使

2020-10-22 09:04:33 653

原创 npm与包

npm与包1. 包1. 什么是包Node.js 中的第三方模块又叫做包。就像电脑和计算机指的是相同的东西，第三方模块和包指的是同一个概念，只不过叫法不同。2. 包的来源不同于 Node.js 中的内置模块与自定义模块，包是由第三方个人或团队开发出来的，免费供所有人使用。注意：Node.js 中的包都是免费且开源的，不需要付费即可免费下载使用。3. 为什么需要包由于 Node.js 的内置模块仅提供了一些底层的 API，导致在基于内置模块进行项目开发的时，效率很低。包是基于内置模块封装出来

2020-10-22 08:15:43 530 1

原创模块化的基本概念&Node.js 中的模块化

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

2020-10-19 21:54:10 687

原创 http 模块

一·http 模块1.1 什么是 http 模块回顾：什么是客户端、什么是服务器？在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。如果要希望使用 http 模块创建 Web 服务器，则需要先导入它：const http =

2020-10-19 21:47:59 2824

原创 path路径模块

一·path 路径模块1.1 什么是 path 路径模块path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。例如：path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串path.basename() 方法，用来从路径字符串中，将文件名解析出来如果要在 JavaScript 代码中，使用 path 模块来处理路径，则需要使用如下的方式先导入它：const path = require('path');

2020-10-19 21:37:01 808

原创 Node.js中的fs文件系统模块

一·fs 文件系统模块1.1 什么是 fs 文件系统模块fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。如果要在 JavaScript 代码中，使用 fs 模块来操作文件，则需要使用如下的方式先导入它：const fs = require('fs');1.2 读取指定文件中的内容1. fs.readFile()// 1.导入 fs 模块，来操作文件const fs = require('fs');// 2.使用 f

2020-10-08 21:04:44 302

原创 Node

一·Node.js 简介1.1 Node.jsNode.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.Node.js 的官网地址： https://nodejs.org/zh-cn/1.2 Node.js 中的 JavaScript 运行环境注意：①浏览器是 JavaScript 的前端运行环境。②Node.js 是 JavaScript 的后端运行环境。③Node.js 中无法调用 DOM 和 BO

2020-10-08 21:01:19 117

原创 CSS三大特性

一、css三大特性1、层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠2、继承性 CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号。恰当地使用继承可以简化代码，降低 CSS 样式的复杂性。子元素可以继承父元素的样式：（text-，font-，line-这些元素开头的可以继承，以及color属性

2020-08-06 15:35:55 126

原创 CSS

一. css语法规范CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。1.选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式2.属性和属性值以“键值对”的形式出现3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等4.属性和属性值之间用英文“:”分开5.多个“键值对”之间用英文“;”进行区分二.css选择器的作用选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说，就是选择标签用的。三.css基础选择器基

2020-08-04 15:09:36 221

转载 HTTP

1. HTTP协议简介1.1 什么是通信通信，就是信息的传递和交换。通信三要素：通信的主体，通信的内容，通信的方式1. 现实生活中的通信案例：张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。其中：通信的主体是张三和李四；通信的**内容 ** 是考上传智专修学院；通信的**方式 ** 是写信；2. 互联网中的通信案例：服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。其中，通信的**主体 ** 是服务器和客户端浏览器；通信的**内容 ** 是传智专修学院的

2020-07-29 22:37:21 234

空空如也

空空如也