12 2021 档案
摘要：效果图 1. 当我门滚动到今日推荐模块，就让电梯导航显示出来 当滚到recommend就显示 那么实现的jQuery代码是： 2.第二个模块，点击电梯导航页面可以滚动到相应内容区域 要对应 3.核心算法：因为电梯导航模块和内容区模块一一对应的 4.当我们点击电梯模块某个小模块，就可以拿到当前小模块的
阅读全文
摘要：Element-UI：一套为开发者、设计师和产品经理准备的基于 Vue 2.0的桌面组件库。 官网地址：https://element.eleme.io/#/zh-CN 1. 基于命令行方式手动安装 安装依赖包 npm i element-ui -S 导入 Element-UI 相关资源 操作： 2
阅读全文
摘要：1. Vue脚手架的基本用法 Vue脚手架用于快速生成 Vue项目基础框架，其官网地址为：https://cli.vuejs.org/zh/ 使用步骤 安装3.x版本的Vue脚手架： 2. 基于3.x版本的脚手架创建Vue项目 3. vue脚手架生成的项目结构分析 4. vue脚手架自定义配置 1.
阅读全文
摘要：1. 传统组件的问题和解决方案 问题 全局定义的组件必须保证组件的名称不重复 字符串模板缺乏语法高亮 不支持CSS意味着当HTML和JavaScript组件化时，CSS明显被遗漏 没有构建步骤限制，只能使用html和ES5 JavaScript，而不能使用预处理器（如：Babel） 解决方案 针对传
阅读全文
摘要：1. 配置打包的入口与出口 webpack的4.x版本中默认约定： 打包的入口文件为src -> index.js 打包的输出文件为 dist -> main.js 如果要修改打包的入口与出口，可以在webpack.config.js中新增如下配置信息： 2. 配置webpack自动打包功能 1.
阅读全文
摘要：自动打包出现这个，这不是我门预期的 const path = require('path') module.exports = { //编译模式 mode:'development', //development production entry:path.join(__dirname,'./src
阅读全文
摘要：1 当前Web开发面临的困境 文件依赖关系错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级JavaScript特性兼容性程度低 etc。。。 webpack概述 webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的困境。 webpack提供了友好的模块
阅读全文
摘要：1. 创建web服务器的基本步骤 导入web服务器的基本步骤 创建web服务器实例 为服务器实例绑定request事件，监听客服端的请求 启动服务器 2. 创建web服务器实例 调用http.createServer()方法，即可快速创建一个web服务实例： 3. 为服务器实例绑定request事件
阅读全文
摘要：在后端开发中，有一些通用的概念和技术是适用于多种后端语言的。以下是一些常见的后端开发领域和相关的通用知识： HTTP（超文本传输协议）：了解HTTP协议是后端开发的基础。这包括HTTP请求、响应、状态码、头部信息等。无论使用哪种后端语言，都需要处理和理解HTTP。 RESTful API：REST（
阅读全文
摘要：1.什么是http模块 回顾：什么是客户端、什么是服务器？ 在网络节点中，负责消费资源的电脑，叫做客服端；负责对外提供网络资源的电脑，叫做服务器 http模块是Node.js官方提供的，用来创建web服务器的模块。通过HTTP模块提供的http.createServer()方法，就能方便的把一台普通
阅读全文
摘要：1. 什么是path路劲模块 path 模块是Node.js官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。 例如： path.join()方法，用来将多个路径片段拼接成一个完整的路径字符串 path.basename()方法，用来从路径字符串中，将文件解析
阅读全文
摘要：fs文件系统模块 path路径模块 http模块 1. 什么是fs文件系统模块 fs模块是Node.js官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。 例如： fs.readFile()方法，用来读取指定文件中的内容 fs.writeFile()方法，用来
阅读全文
摘要：效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
阅读全文
摘要：有哪些模块化的相关规范 使用webpack 使用Vue单文件组件 使用Vue脚手架 使用Element-UI 1. 模块化概述 传统开发模式的主要问题 1.命名冲突 2.文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特点的接口公开
阅读全文
摘要：JQuery $(window).resize(function () { //当浏览器大小变化时 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(docum
阅读全文
摘要：1. async/await的基本用法 async/await是ES7引入的新语法，可以更加方便的进行异步操作 async关键字用在函数上(async函数的返回值是Promise实例对象) await关键字用于async函数当中(await可以得到异步的结果) 处理异步 配合Promise 2. a
阅读全文
摘要：1. axios的基本特性 axios（官网：https://github.com/axios/axios）是一个基于Promise用于浏览器和node.js的HTTP客户端。 它具有以下特征： 支持浏览器和node.js 支持promise 能拦截请求和响应 自动转换JSON数据 2. axios
阅读全文
摘要：fetch概述 1.基础特征 更加简单的数据获取方式，功能更强大、更灵活，可以看作是xhr的升级版 基于Promise实现 语法结构 Fetch的基本使用 2. fetch请求参数 常用的配置选项 method(String): HTTP请求方法，默认为GET（GET、POST、PUT、DELETE
阅读全文
摘要：学习什么是前后端交互模式 学习Promise的相关概念 使用fetch进行接口调用 使用async/await方式调用接口 基于后台接口实现案例 1.接口调用方式 原生ajax 基于JQuery的ajax fetch axios 1. 2 URL地址格式 格式： http://host:port/p
阅读全文
摘要：https://v3.cn.vuejs.org/guide/transitions-overview.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- v3.0 --> <script src
阅读全文
摘要：https://v3.cn.vuejs.org/guide/component-custom-events.html 可以通过 emits 选项在组件上定义发出的事件。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit
阅读全文
摘要：1. 变异方法(修改原有数据) push() pop() shift() unshift() splice() sort() reverse() 2. 替换数组（生成新的数组） filter() concat() slice() <!DOCTYPE html> <html> <head> <meta
阅读全文
摘要：1. 过滤器的作用是什么？ 格式化数据，比如将字符串格式化为首字母大写，将日期格式化为指定的格式等。 2. 定义过滤器 3. 过滤器的使用 4. 局部过滤器
阅读全文
摘要：看文档：https://v3.cn.vuejs.org/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%9A%84-setter 基本例子 计算属性 <!DOCTYPE html> <html> <head> <meta cha
阅读全文
摘要：文档： https://v3.cn.vuejs.org/guide/template-syntax.html 原始HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue
阅读全文
摘要：文档：https://v3.cn.vuejs.org/guide/introduction.html 声明式渲染 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.min.
阅读全文
摘要：数据与方法 当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 <!DOCTYPE html> <html> <head> <meta charset="
阅读全文
摘要：vue官网介绍里面的练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.min.js"></script> </head> <body> <div id="app"
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1. 函数原型 2.如果不知道 也就是把要调⽤的函数放到 下⾯了 旧标准会假设你所调⽤的函 数所有的参数都是int，返回 也是int 如果恰好不对... 3. 函数原型 函数头，以分号“;”结尾，就构成了函数的原型 • 函数原型的
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1. 求和 2. 什么是函数？ 函数是⼀块代码，接收零个或多个参数， 做⼀件事情，并返回零个或⼀个值 可以先想像成数学中的函数： y = f(x) 3.函数定义 4.调⽤函数 函数名(参数值); ()起到了表⽰函数调⽤的重要作⽤
阅读全文
摘要：1. 逻辑运算 逻辑运算是对逻辑量进⾏的运算，结果只 有0或1 逻辑量是关系运算或逻辑运算的结果 2.TRY 如果要表达数学中的区间，如：x ∈(4,6)或 x ∈[4,6]，应该如何写C的表达式？ 像 4 < x < 6这样的式⼦，不是C 能正确计算的式⼦，因为4 < x的 结果是⼀个逻辑值（0或
阅读全文
摘要：1. C是有类型的语⾔ C语⾔的变量，必须： 在使⽤前定义，并且 确定类型 C以后的语⾔向两个⽅向发展： C++/Java更强调类型，对类型的检查更严格 JavaScript、Python、PHP不看重类型，甚⾄不需 要事先定义 2.类型安全 ⽀持强类型的观点认为明确的类型有助于尽早发现程 序中的简
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1. for循环 阶乘 n! = 1×2×3×4× … ×n 写⼀个程序，让⽤户输⼊n，然后计算输 出n! 变量：显然读⽤户的输⼊需要⼀个int的n，然后 计算的结果需要⽤⼀个变量保存，可以 是int的factor，在计算中需要有
阅读全文
摘要：fork : 创建源项目代码库的分支，并拷贝到自己的账号中 star: 关注别人项目更新。 watch: 设置接收邮件提醒，邮件提醒包括Issues and their comments、Pull Requests and their comments、Comments on any commits
阅读全文
摘要：搭建环境有2种 一种是在编译器使用，比如vscode中的live Sass Compiler 一种是在node中下载包搭建 下面是记录node搭建的记录 要有node环境 1. 先建立一个文件夹 sass-easy 不要管dist这些文件和src这些，这些都是后面弄好了，再回来截图的，一开始就是一个
阅读全文
摘要：效果：https://dustinhsiao21.github.io/Javascript30-dustin/01%20-%20JavaScript%20Drum%20Kit/ 长按不松手，可能会产生 playing会添加上去，可以尝试移除 if(e.propertyName !== 'transf
阅读全文
摘要：什么是Node.js Node.js可以做什么 Node.js的JavaScript的组成部分 fs模块读写操作文件 path模块处理路径 http模块写一个基本的web服务器 初识Node.js fs文件系统模块 path路径模块 http模块 初识Node.js 1. 为什么JavaScript
阅读全文
摘要：1. 优先从缓存中加载 模块在第一次加载后会被缓存。这也意味看多次调用require()不会导致模块的代码被执行多次。 注意：不论是内置模块、用户自定义模块、还是第三方模块，它们都会优先从缓存中加载，从而提高模块的加载效率。 2. 内置模块的加载机制 内置模块是由Node.js官方提供的模块，内置模
阅读全文
摘要：1. 注册npm账号 访问https://www.npmjs.com/网站，点击sign up按钮，进入注册用户按钮 填写账号相关信息 点击Create an Account按钮，注册账号 登录邮箱，点击验证链接，进行账号验证 2. 登录npm账号 npm 账号注册登录完成后，可以在终端执行npm
阅读全文
摘要：1. 需要实现的功能 格式化日期 转义HTML中的特殊字符 还原HTML中的特殊字符 2. 初始化包的基本结构 新建it-tools文件夹，作为包的根目录 在it-toole文件夹中，新建如下的三个文件： package.json (包配置文件) index.js（包的入口文件） README.md
阅读全文
摘要：1. 项目包 那些被安装到项目的node_modules目录中的包，都是项目包 项目包又分为两类，分别是： 开发依赖包（被记录到devDependencies节点中的包，只在开发期间会用到） 核心依赖包（被记录到dependencies节点的包，在开发期间和项目上线之后都会用到） 2. 全局包 在执
阅读全文
摘要：1. 包管理配置文件概念 npm规定，在项目目录中，必须提供一个package.json的包管理配置文件。用来记录与项目有关的一些配置信息。例如： 项目的名称、版本号、描述等 项目中都用到了哪些包 哪些包只在开发期间会用到 那些包在开发和部署时都需要用到 2 . 包管理配置文件的作用 2.1 多人协
阅读全文
摘要：1. 格式化时间的传统做法 创建 格式化时间的自定义模块 定义格式化时间的方法 创建补零函数 从自定义模块中导出格式化时间的函数 导入格式化时间的自定义模块 调用格式化时间的函数 2. 格式化时间的高级做法 1.使用npm包管理工具，在项目中安装格式化时间的包moment 2. 使用require(
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1. 初始数组 如何写⼀个程序计算⽤户输⼊的数字的平均数？ #include <stdio.h> enum COLOR {RED, YELLOW, GREEN, NumCOLORS}; int main() { int x; do
阅读全文
摘要：包 1.什么是包 Node.js中的第三方模块又叫包。 就像电脑和计算机指的是相同的东西，第三方模块和包指的是同一个概念，只是叫法不同 2. 包的来源 不同于Node.js中的内置模块与自定义模块，包是由第三方个人或团队开发出来的，免费供所有人使用。 注意：Node.js中的包都是免费且开源的，不需
阅读全文
摘要：案例 1. 直接使用了margin-left:-1px; 鼠标放上去显示4个边框。 1. 如果盒子没有定位，则鼠标经过添加相对定位即可 2.如果经过某个盒子的时候，提高当前盒子的层级即可（如果没有定位，则加相对定位），如果有定位，则加z-index 行内块元素
阅读全文
摘要：CSS用户界面样式 什么是界面样式 所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。 更改用户的鼠标样式 表单轮廓 防止表单域拖拽 1. 鼠标样式 cursor 2. 轮廓线 outline 给表单添加outline:();或者outline:none; 样式之后，就可以去去掉默认
阅读全文
摘要：案例，我们要做这种效果 图片浮动 文字围绕
阅读全文
摘要：浮动元素有一个标准流的父元素，他们有一个共同的特点，都是有高度的。 但是，所有的父盒子都必须有高度吗？ 理想中的状态，让子盒子撑开父亲，有多少孩子，我父盒子就有多高。 但是不给父盒子高度会有问题吗？ 有的，父元素的高度会变成0 很多父盒子不方便加高度的 1. 为什么需要清除浮动 由于父盒子很多情况下
阅读全文
摘要：取地址运算 1 . 运算符 & scanf(“%d”, &i);⾥的& 获得变量的地址，它的操作数必须是变量，int i; printf(“%x”,&i); 地址的⼤⼩是否与int相同取决于编译器，int i; printf(“%p”,&i); 2. &不能取的地址 &不能对没有地址的东⻄取地址 &
阅读全文
摘要：1. 枚举 2. 结构 3. 联合 枚举 枚举是⼀种⽤户定义的数据类型，它⽤关键字 enum 以如下语 法来声明：enum 枚举类型名字 {名字0, …, 名字n} ; 枚举类型名字通常并不真的使⽤，要⽤的是在⼤括号⾥的名字， 因为它们就是就是常量符号，它们的类型是int，值则依次从0 到n。如：e
阅读全文
摘要：全局变量 1. 全局变量 定义在函数外⾯的变量是全局变量 全局变量具有全局的⽣存期和作⽤域 它们与任何函数都⽆关 在任何函数内部都可以使⽤它们 2. 全局变量初始化 没有做初始化的全局变量会得到0值 指针会得到NULL值 只能⽤编译时刻已知的值来初始化全局变量 它们的初始化发⽣在main函数之前 3
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 格式化输⼊输出 2. printf和scanf的返回值 读⼊的项目数 输出的字符数 在要求严格的程序中，应该判断每次调⽤scanf或 printf的返回值，从⽽了解程序运⾏中是否存在问题 3. ⽂件输⼊输出 ⽤>和<做重定向 4.
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1. while循环 如果我们把while翻译作“当”，那么⼀个 while循环的意思就是：当条件满⾜时，不 断地重复循环体内的语句。 循环执⾏之前判断是否继续循环，所以有 可能循环⼀次也没有被执⾏； 条件成⽴是循环继续的条件。
阅读全文
摘要：判断 1. 计算时间差 输⼊两个时间，每个时间分别输⼊⼩时和 分钟的值，然后输出两个时间之间的差， 也以⼏⼩时⼏分表⽰。 #include <stdio.h> int main() { int hour1,minute1; int hour2,minute2; scanf("%d %d",&hour
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 1.表达式计算 ⼀个表达式是⼀系列运算符和算⼦的组合， ⽤来计算⼀个值 amount = x * (1+0.033) * (1+0.033) * (1+0.033); total = 57; count = count +1 ;
阅读全文
摘要：在线C环境：https://clin.icourse163.org/ 变量 1.做计算 #include <stdio.h> int main() { printf("23+1=%d\n",23+1); return 0; } 2.如何能在程序运行时输入那个数字，然后计算输入结果呢？ 需要： 有地方
阅读全文
摘要：1. 计算机是⽣活必需品 如果想要⾃⼰设计⼀些功能和⾏为，让计算机按照你 的意图做事情，就需要写程序了 2. 计算机语⾔ 程序是⽤特殊的编程语⾔写出来表达如何解决问题的 不是⽤编程语⾔来和计算机交谈，⽽是描述要求它如 何做事情的过程或⽅法 3. 算法 我们要让计算机做计算,就需要像这样找出计算的步
阅读全文
摘要：辗转相除法 辗转相除法：辗转相除法是求两个自然数的最大公约数的一种方法，也叫欧几里德算法。 例如，求（319，377）： ∵ 319÷377=0（余319） ∴（319，377）=（377，319）； ∵ 377÷319=1（余58） ∴（377，319）=（319，58）； ∵ 319÷58=5（
阅读全文
摘要：1.当我们查找一个变量时，真实的查找路径是沿着作用域链来查找 案例： 2.跟它的定义位置有关系，跟调用位置没关系，输出Hello Global. 3.变量环境和记录 4.案例面试题 面试题一 打印出200 面试题二 输入undefined，和200 第三题面试题 没写var，浏览器直接放到全局了 第
阅读全文
摘要：1.在swiper中，如果不在swiper-slide的div中加上下面是会出现切换的时候闪过几张图片的问题的 display: flex;justify-content: center;align-items: center; 2.再外层的CSS要给 position: relative;属性。m
阅读全文
摘要：来源：https://zhuanlan.zhihu.com/p/22076342 四季 （薛卫民） Translation：Four Seasons （Xue Weimin） 草芽尖尖，他对小鸟说：“我是春天”。 A grass-shoot is pointed at the tip. He say
阅读全文
摘要：1.JavaScript是一门高级的编程语言。 有高级编程语言，就有低级编程语言，从编程语言发展历史来说，可以划分三个阶段： 机器语言：10001000111，一些机器指令； 汇编语言：mov ax ,bx,一些汇编指令； 高级语言：C、C++、Java、Javascript、Python 但是计算
阅读全文
