08 2021 档案
摘要：版本 CE 即社区版(免费，支持周期三个月) EE 企业版(强调安全，付费使用) 系统要求 Docker CE 支持 64位 版本 CentOs7，并且要求内核版本不低于 3.10 uname -r 如果已经安装了 Docker 可以使用下面命令卸载： sudo yum remove docker
阅读全文
摘要：镜像(Image) Linux 我们都知道，操作系统分为 内核 和 用户空间 对于 Linux 而言，内核启动后，会挂载 root 文件系统为其提供用户空间支持 而 Docker 镜像(lmage) 就相当于是一个 root 文件系统。比如官方镜像 centos7.6 就包含了完整的一套 cento
阅读全文
摘要：Docker 是什么 Logo Docker 使用 Google 公司推出的 Go 语言进行开发实现，基于 Linux 内核的 cgroup，namespace，以及 AUFS 类的 Union FS 等技术 容器是完全沙箱机制，容器开销极低 对进程进行封装隔离，属于操作系统层面的虚拟化技术。由于隔
阅读全文
摘要：更快的对应用进行标准化部署 部署方式 物理机 部署慢 成本高 资源浪费 扩展与迁移 硬件限制 虚拟化 在一台物理主机上，通过硬件底层的虚拟化支持，可以虚拟出来很多个虚拟机 可以形象的看成，每一个虚拟机都是一台独立的电脑 可以让物理机的硬件资源充分利用 可以多部署 资源隔离 容易扩展 容器化 不用安装
阅读全文
摘要：什么是包 包就是一个文件夹，用来管理模块与模块之间的各种关系 包的使用 安装包： npm install xxx 使用包： const xxx = require(xxx); 包的规范 package.json 必须在包的顶层目录下 二进制文件应该在 bin 目录下 JavaScript 代码应该在
阅读全文
摘要：首先我肯定不会一开始就给出该面试题的答案，我将会以一个小案例代码来引出该面试题，小案例代码如下： setTimeout(function () { console.log("setTimeout"); }); setImmediate(function () { console.log("setIm
阅读全文
摘要：通过上一篇 NodeJS-EventLoop和浏览器区别 的介绍当中有说到当同步代码执行就会去执行满足条件微任务代码，timers、poll、check 以此类推，如下我将会以一段代码的形式来演示一下这个过程，代码如下： setTimeout(function () { console.log("s
阅读全文
摘要：概述 和浏览器中一样 NodeJS 中也有 事件环(Event Loop)，但是由于执行代码的 宿主环境 和 应用场景 不同，所以两者的事件环也有所不同： 扩展阅读：在 NodeJS 中使用 libuv 实现了 Event Loop 源码地址：https://github.com/libuv/lib
阅读全文
摘要：JS 是单线程的，JS 中的代码都是串行的，前面没有执行完毕后面不能执行 执行顺序 程序运行会从上至下依次执行所有的同步代码 在执行的过程中如果遇到异步代码会将异步代码放到 事件循环 中 当所有同步代码都执行完毕后，JS 会不断检测 事件循环 中的异步代码是否满足条件 一旦满足条件就执行满足条件的异
阅读全文
摘要：JS 是单线程的，JS 中的代码都是串行的，前面没有执行完毕后面不能执行 执行顺序 程序运行会从上至下依次执行所有的同步代码 在执行的过程中如果遇到异步代码会将异步代码放到 事件循环 中 当所有同步代码都执行完毕后，JS 会不断检测 事件循环 中的异步代码是否满足条件 一旦满足条件就执行满足条件的异
阅读全文
摘要：NodeJS 中的 this 为什么是一个空对象： 因为所有的 NodeJS 文件在执行的时候都会被包裹到一个函数中，this 都被修改为了空的 module.exports (function (exports, require, module, __filename, __dirname) {
阅读全文
摘要：源码如下： let path = require("path"); let fs = require("fs"); let vm = require("vm"); class BNTangModule { constructor(id) { // 保存当前模块的绝对路径 this.id = id;
阅读全文
摘要：Uni-App 简介 框架介绍 uni，读 you ni，是统一的意思 Uni-app 是 Dcloud 公司的产品，是一个跨端开发框架，基于 vue.js 技术栈，被用于移动端开发 用 Uni-App 编写一套代码，可发布到 iOS、Android、Web（响应式）以及各种小程序（微信 / 支付宝
阅读全文
摘要：各个项目组： 统一技术选型 统一规范 统一的工程化 前端项目组举例： 后台管理系统 PC 商城 移动商城 所有选型的前提都是基于： 团队技术的特点 项目大小的规模 框架周边的生态 二次开发还是从零构建： 自己打造内部脚手架、UI 组件库 ...，大公司，技术团队底蕴深厚，不缺钱，比较注重产品的用户体
阅读全文
摘要：SASS 比 LESS 牛逼的地方就在于 SASS 中直接支持循环语句，而 LESS 中需要通过 混合 + 条件判断 自己实现，SASS 中支持两种循环，分别是 for 循环和 while 循环，紧接着我们先修改 HTML 的结构代码然后在来看 sass 中的循环代码内容如下： <!DOCTYPE
阅读全文
摘要：SASS 中的条件判断和 LESS 一样 SASS 中也支持条件判断，只不过 SASS 中的条件判断支持得更为彻底 SASS 中支持的条件判断如下： @if(条件语句){} @else if(条件语句){} ... ... @else(条件语句){} SASS 中当条件不为 false 或者 nul
阅读全文
摘要：SASS 中的继承和 LESS 中的继承一样，都是通过 并集选择器 来实现的，只不过格式不一样而已 混合和继承的区别 混合是直接拷贝，有多少个地方用到就会拷贝多少份 继承是通过并集选择器，不会拷贝只会保留一份 .center { position: absolute; left: 50%; top:
阅读全文
摘要：SASS 中的层级结构，和 LESS 一样支持嵌套，默认情况下嵌套的结构会转换成后代选择器，和 LESS 一样也支持通过 & 符号不转换成后代选择器 .father { width: 300px; height: 300px; background: red; .son { width: 200px
阅读全文
摘要：SASS 中的内置函数和 LESS 一样，SASS 中也提供了很多内置函数方便我们使用，官方文档：https://www.sass.hk/docs/ 字符串函数 unquote(
摘要：和 LESS 一样 SASS 文件中也支持导入其它 SASS 文件，其实原生的 CSS 也支持通过 @import 导入其它的 CSS 文件，只不过不常用，不常用的原因在于原生的 @import 导入其它的 CSS 文件，只有执行到 @import 时浏觅器才会去下载对应 CSS 文件，这导致请求次
阅读全文
摘要：SASS 中的可变参数和 LESS 中也一样，只不过由于 SASS 不是使用 JS 实现的，所以不能直接在混合中使用 arguments，必须通过
摘要：SASS 中带参数的混合和 LESS 中也一样 不带默认值形参 @mixin whc(
摘要：SASS 中的混合和 LESS 中也一样，只是定义格式和调用的格式不同 LESS 中混合定义：.混合名称{} 或者 .混合名称(){} LESS 中混合调用：.混合名称; 或者 .混合名称(); SASS 中混合定义：@mixin 混合名称{}; 或者 @mixin 混合名称(){}; SASS 中
阅读全文
摘要：SASS 中的运算和 LESS 也一样，都支持 +、-、*、/ 运算，注意点：无论是 LESS 中的运算还是 SASS 中的运算都需要加上 () 修改 index.scss div { width: 200px; height: 200px; background: red; position: a
阅读全文
摘要：什么是变量插值 如果是属性的取值可以直接使用变量 但是如果是属性名称或者选择器名称并不能直接使用变量 必须使用变量插值的格式 SASS 中的变量插值 SASS 中的变量插值和 LESS 中也一样，只不过格式不一样 LESS 变量插值格式：@{变量名称} SASS 变量插值格式：#{
摘要：SASS 中的变量和 LESS 中一样，只是定义格式不同，只演示 sass： LESS 中定义变量：@变量名称: 值; SASS 中定义变量：
摘要：SASS 中的注释和 LESS 一样 单行注释不会被编译(不会出现在编译后的文件中) 多行注释会被编译(会出现在编译后的文件中) // 单行注释 /* 多行注释 */ 编译结果如下：
阅读全文
摘要：SASS (Syntactically Awesome Stylesheets Sass) SASS 是一套利用 Ruby 实现的，最早最成熟的 CSS 预处理器，诞生于 2007 年 它扩展了 CSS 语言，增加了变量、Mixin(混合)、嵌套、函数和运算等特性，使 CSS 更易维护和扩展 关于学
阅读全文
摘要：GET 请求和 POST 请求的异同 相同点 都是将数据提交到远程服务器 不同点 提交数据存储的位置不同 GET 请求会将数据放到 URL 后面 POST 请求会将数据放到请求头中 提交数据大小限制不同 GET 请求对数据有大小限制 POST 请求对数据没有大小限制 提交数据大小限制不同可参考官方文
阅读全文
摘要：经过上一篇 GET 请求处理 完成了前端发送 GET 与 PHP 处理 GET 请求之后，接下来本文的内容为 POST，那么前端如何发送 POST 呢，我相信你们应该也大概知道了，那么就是修改 Form 标签的 method 属性值为 post 即可发送一个 POST 请求： 完成了发送之后在来看看
阅读全文
摘要：常见的请求类型有 Get 与 Post 那么如何发送这种请求呢，那么在 PHP 中如何处理这种请求呢，前端发送请求很简单，在 H5 中的表单标签可以收集数据，表单可以将收集到的数据提交到远程的服务器当中，表单就可以发送 Get 请求与 Post 请求，你要收集谁就在哪个元素当中添加一个 name 属
阅读全文
摘要：紧接着上一篇 fullPage常用方法 本章节介绍的内容为 fullPage 的自定义菜单，你也可以自行参考官方文档，我这里就只介绍一些常用的，官方文档地址：https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#ful
阅读全文
摘要：紧接着上一篇 fullPage常用回调函数 本章节介绍的内容为 fullPage 的常用的一些常用方法，你也可以自行参考官方文档，我这里就只介绍一些常用的，官方文档地址：https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chine
阅读全文
摘要：紧接着上一篇 fullPage常用属性 本章节介绍的内容为 fullPage 的常用的一些回调函数，你也可以自行参考官方文档，我这里就只介绍一些常用的，官方文档地址：https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese
阅读全文
摘要：紧接着上一篇 fullPage基本使用 本章节介绍的内容为 fullPage 的常用的一些属性，属性非常多，你可以自行参考官方文档，我这里就只介绍一些常用的，官方文档地址：https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chin
阅读全文
摘要：FullPage 概述 FullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏滚动网站 JQuery 概述 用 JS 封装的一个框架 那么问题来了不会 jQuery 能够学习使用 FullPage 吗？编程开发属于一门 "做中学" 的学科，无论是什么编程语言，我们
阅读全文
摘要：经过上一篇 less中的继承 的讲解之后，本章节开展的内容为 less 中的条件判断，less 中可以通过 when 给混合添加执行限定条件，只有条件满足 (为真) 才会执行混合中的代码，首先想要看这个条件判断首先需要有混合才可以，混合代码如下 .size(@width, @height) { wi
阅读全文
摘要：经过上一篇 less中的层级结构 的讲解之后，本章节开展的内容为 less 中的继承，还是一样的老套路来引出 less 中的继承，先来看一段代码如下 * { margin: 0; padding: 0; } .father { width: 300px; height: 300px; backgro
阅读全文
摘要：基于 less 初体验 这篇文章，在该文章当中其实已经出现了 less 中的层级结构，我将该代码贴在了下方 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>less中的层级结构</tit
阅读全文
摘要：自从 java8 出了一些新特性之后紧接着也出了许多类的新方法例如 Map 在 java8 就新增了许多实用的方法，接下来慢慢介绍也顺便记录一下，可能有一部分人在看官方文档的介绍不是那么的理解或者是看其它博主的文章，我这里就用我所理解的方式来给大家分享一下我对 java8 新增的 Map 方法的理解
阅读全文
摘要：由于 less 的底层就是用 JavaScript 实现的 所以 JavaScript 中常用的一些函数在 less 中都支持 @str: "./../images/1.jpg"; @strTwo: replace(@str, "1", "2"); div { width: 200px; heigh
阅读全文
摘要：本章节所讲解的内是紧跟上一个章节的内容的，如果你没有阅读上一篇章节的内容或者对本章节的内容比较模糊我建议可以去看看之前的章节内容之后在来看本章节的内容，本章节主要讲解的内容为，less 文件中导入其它 less 文件，就例如我上一章节所封装的小三角代码，其实在很多其它都是要使用到的，为了提高代码的复
阅读全文
摘要：首先来看如下的代码，一个 div 元素，分别设置了上下左右的宽度高度和颜色，然后在浏览器中打开发现四个不同的角都是一个小小的三角形如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BNTang</titl
阅读全文
摘要：还是通过之前的老套路来引出 less 中混合的可变参数，首先来看如下代码 div { width: 200px; height: 200px; background: red; transition: all 4s linear 0s; } div:hover { width: 400px; hei
阅读全文
摘要：首先我来通过一个小小的示例来引出这个带参数的混合，如下代码有两个 div 一个为 box1、另一个为 box2 接下来我利用 less 代码分别为这两个元素设置宽度高度与背景颜色，如下 .box1 { width: 200px; height: 200px; background: red; } .
阅读全文
摘要：什么是 less 中的混合(Mix in) 将需要重复使用的代码封装到一个类中，在需要使用的地方调用封装好的类即可 在预处理的时候 less 会自动将用到的封装好的类中的代码拷贝过来 本质就是 ctrl + c，ctrl + v .center { position: absolute; left:
阅读全文
摘要：本章节需要讲解的是 less 中的运算，在看 less 中的运算之前我先提一个需求，就是让一个 div 元素居中显示，如下就是实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BNTang</titl
阅读全文
摘要：什么是变量插值 在 less 中如果属性的取值可以直接使用变量，但是如果是属性名称或者选择器名称并不能直接使用变量 如果属性名称或者选择器名称想使用变量中保存的值，那么必须使用 变量插值 的格式 变量插值的格式 格式: @{变量名称} @size: 200px; @w: width; @s: div
阅读全文
摘要：什么是变量 和 JS 中的概念基本一样 less 中定义变量的格式 @变量名称: 值; @w: 200px; less 中使用变量的格式 @变量名称; @w; @w: 200px; @h: 400px; @c: red; .box1 { width: @w; height: @h; backgrou
阅读全文
摘要：less 中的注释和 JS 中的注释一样，也有单行注释和多行注释 less 中的单行注释和多行注释最大的区别在于，是否会被编译 单行注释不会被编译 (不会出现在编译后的文件中) 多行注释会被编译 (会出现在编译后的文件中) 编写 less 代码，然后通过考拉编译 // 这里是单行注释 /* 这里是多
阅读全文
摘要：场景 星巴克咖啡店 饮品 蒸馏咖啡 混合搅拌咖啡 如上的饮品都可以加 牛奶、抹茶 等等： 装饰者模式定义 在不改变现有对象结构的情况下，动态地给该对象增加一些职责（即增加其额外功能）的模式 角色 抽象构件（Component）角色 定义一个抽象接口以规范准备接收附加责任的对象 具体构件（Concre
阅读全文
摘要：定义 将对象组合成树形结构以表示 “部分-整体” 的层次结构 Composite 使得用户对单个对象和组合对象的使用具有一致性（稳定) 其实根节点和树枝节点本质上属于同一种数据类型，可以作为容器使用，而叶子节点与树枝节点在语义上不属于用一种类型。但是在组合模式中，会把树枝节点和叶子节点看作属于同一种
阅读全文
摘要：场景 电脑 电脑类型 品牌 如上三个之间的关系，如下图： 存在问题 在一个有多种可能会变化的维度的系统中，用 继承 方式会造成 类爆炸，扩展起来不灵活 每次在一个维度上新增一个具体实现都要增加多个子类为了更加灵活的设计系统 我们此时可以考虑使用 桥接模式 实现过程 Brand.java /** *
阅读全文
摘要：如果你学习了 JS 那么本章节 PHP 的基础语法就跟切菜没什么区别了 还有一个特点就是本章节是用 JS 的基础语法与 PHP 的基础语法对比的去讲解的 注释 <?php // JS 中有两种注释，单行注释，多行注释 // php /* php */ // js /* js */ ?> 定义变量 <
阅读全文
摘要：基本概念 服务器 服务器也是电脑，只不过是一台 24 小时不断电，不关机的电脑 根据提供的服务功能不同：文件服务器、邮件服务器、Web 服务器等等 简而言之：服务器其实就是一台 "提供了某种服务功能" 的超级电脑 让电脑能够提供某种服务 如何让电脑可以聊天? 听歌? 浏览网页? 想让电脑提供聊天服务
阅读全文
摘要：在 JavaScript 中 HTML 标签也称之为 DOM 元素 使用 document 的时候前面不用加 window 例如下面的一个小示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</t
阅读全文
摘要：Function 函数是所有函数的祖先函数 所有构造函数都有一个 prototype 属性 所有原型对象都有一个 constructor 属性 所有函数都是对象 所有对象都有一个 __proto__ 属性 所有的构造函数都有一个 prototype 属性，所有 prototype 属性都指向自己的原
阅读全文
摘要：JavaScript 函数是引用类型 (对象类型) 所以 Function 函数也是对象 "Function 构造函数" 也是一个对象，所以也有 __proto__ 属性 "Function 构造函数" 的 __proto__ 属性指向 "Function 原型对象" <!DOCTYPE html>
阅读全文
摘要：使用方法 explain sql语句 EXPLAIN SELECT * FROM department; 创建 customer 表，SQL 如下 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0; -- -- Table structure for cus
阅读全文
摘要：表设计准则 🐤满足关系数据库的三范式 1NF 是指数据库表的每一列都是不可分割的基本数据项，同一列中不能有多个值 第一范式（1NF）是对关系模式的基本要求，不满足第一范式（1NF）的数据库就不是关系数据库 2NF 要求数据库表中的每个实例或行必须可以被惟一地区分 设置主键 3NF 要求一个数据库表
阅读全文
摘要：以下我将会给出一些不同板块开发常用的开发工具下载地址，至于软件的简介自行去下载地址查阅即可🐤 Java 工具名字 说明 官网 IntelliJ IDEA Java 后端开发 https://www.jetbrains.com/idea/ Web 工具名字 说明 官网 WebStorm web 开发
阅读全文
摘要：需求 欧洲插头协议与实现 创建 EuropePlugInterface.java 接口定义欧洲插头的插口协议 /** * @author BNTang */ public interface EuropePlugInterface { /** * 欧洲插头连接 */ void europeConne
阅读全文
摘要：JVM 内存模型划分 JVM 运算时数据区详细介绍 运行时数据区的作用：JVM 在运行写好的代码时，会使用到多块内存空间，不同的内存空间用来放不同的数据，然后配合我们写的代码流程，才能让我们的系统运行起来 方法区（Method Area） 在 JDK1.8 之前称之为 方法区 主要是放从 “.cla
阅读全文
