08 2020 档案
摘要：阅读目录 前言 搭建 原理 参数 故障 主从延时 恢复 过滤主从 半同步主从 GTID 主从复制（推荐） 总结 前言 主从复制：两台或者更多的数据库实例，通过二进制日志，实现数据同步。为什么需要主从复制，主从复制的作用是什么，答：为了预防灾难。 搭建 第一步：准备多实例环境。如何创建多实例见： 第二
阅读全文
摘要：自定义组件 v-model v-model 是 Vue 提供的一个语法糖，它本质上是由 value 属性 + input 事件组成的（都是原生的默认属性）自定义组件中，可以通过传递 value 属性并监听 input 事件来实现数据的双向绑定 自定义组件 <template> <div> <inpu
阅读全文
摘要：**********************DDL语句********************* （DDL是数据定义语言的缩写，简单的说，就是对数据库内部的对象进行创建、删除、修改等操作的语言。） 命令结束符，用“；”或“\g”结束 **********************数据库创建、查询、操作
阅读全文
摘要：MySQL基本增删改查语句练习 创建数据库：1、在cmd窗口中输入mysql -u root -p登录MySQL环境2、创建数据库 为了便于在命令提示符下显示中文, 在创建时通过 character set gbk 将数据库字符编码指定为 gbk 3、要对一个数据库进行操作, 必须先选择该数据库my
阅读全文
摘要：参考链接：http://www.cnblogs.com/landeanfen/p/5337072.html 正文 前言：还记得刚使用WebApi那会儿，被它的传参机制折腾了好久，查阅了半天资料。如今，使用WebApi也有段时间了，今天就记录下API接口传参的一些方式方法，算是一个笔记，也希望能帮初学
阅读全文
摘要：1. UiAutomator2 是什么 可能很多人对 UiAutomator2 和 UiAutomator 傻傻分不清楚 UiAutomator 是 Google 开发的一款运行在 Android 设备上的 UI 自动化测试工具，基于JAVA语言，使用它有一个限制，就是必须打包成 APK 或 JAR
阅读全文
摘要：Kubernetes的资源控制器StatefulSet详解与示例 主机配置规划 服务器名称(hostname)系统版本配置内网IP外网IP(模拟) k8s-master CentOS7.7 2C/4G/20G 172.16.1.110 10.0.0.110 k8s-node01 CentOS7.7
阅读全文
摘要：JS继承的实现方式一共有八种。下面我们来一个一个瞅一下。注意⚠️：文章依据个人理解，难免有问题，还望各位及时指出!!!!! 原型链继承 借用构造函数继承 组合继承 原型式继承 寄生继承 寄生组合式继承 原型拷贝和构造函数实现继承 Class继承 混入方式继承多个对象 我们先创建一个父类 // 父类
阅读全文
摘要：目录 为什么这篇博文 会被 无情 移除首页 ？？？？ 基于 GitBook 搭建个人博客 1.为什么要写博客？ 2.为什么选择使用 GitBook 来搭建？ 3.搭建方式 3.1 GitBook 线上直接搭建 3.2 由基于Node.js的命令工具开发 3.2.1 安装 GitBook 工具 3.2
阅读全文
摘要：1.FMDB https://github.com/ccgus/fmdb 2.ASIHTTPRequest https://github.com/paytronix/ASIHTTPRequest 3.AFNetWork https://github.com/AFNetworking/AFNetwor
阅读全文
摘要：小明和小萌 发布时间：19-06-2717:54 作为网络工程师，或者是其他IT工作人员，以及一些IT爱好者、网络爱好者，会经常用到一些终端仿真软件，当然，也有人称其为终端仿真程序，其实都差不多。今天分享几个常见的、性能优异的终端仿真软件。 XShell，功能强大的终端仿真软件，支持Telnet、S
阅读全文
摘要：一、安装 1、安装 首先要下载SecureCRT，目前最新的版本为6.1.3 （截止到2008年2月，其破解版本TBE或AGAiN），我们以5.53版为例进行介绍，下载安装文件scrt和破解文件keygen.exe。 安装过程很简单，运行scrt553.exe，只要“下一步”即可，安装过程中可以看到
阅读全文
摘要：Shell 文件包含 Nginx 安装配置 Linux 命令大全 Linux 命令大全 1、文件管理 cat chattr chgrp chmod chown cksum cmp diff diffstat file find git gitview indent cut ln less locat
阅读全文
摘要：Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 在高连接并发的情况下，Nginx是Apache服务器不错的替代品。 Nginx 安装 系统平台：CentOS rele
阅读全文
摘要：Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。 其将源代码以类
阅读全文
摘要：我们都知道定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 什么是函数组件▼ 函数组件接收一个单一的 props 对象并返回了一个React元素，如下图： 什么是class组件▼ 使用ES6 的 class 来定义的组件。如下图： 函数组件和class组件的区别▼ 有一
阅读全文
摘要：前端面试汇总（2020年） 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 5、前端跨域问题 6、前端数据加密 7、前端http相关问题 8、*前端基础知识点面试题 9、前端技术栈问题 前言 由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题，看着网上一
阅读全文
摘要：TCP/IP 协议栈是一系列网络协议的总和，是构成网络通信的核心骨架，它定义了电子设备如何连入因特网，以及数据如何在它们之间进行传输。TCP/IP 协议采用4层结构，分别是应用层、传输层、网络层和链路层，每一层都呼叫它的下一层所提供的协议来完成自己的需求。由于我们大部分时间都工作在应用层，下层的事情
阅读全文
摘要：0、算法概述 0.1 算法分类 十种常见排序算法可以分为两大类： 比较类排序：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破O(nlogn)，因此也称为非线性时间比较类排序。 非比较类排序：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时
阅读全文
摘要：Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。这篇文章尝试通过循序渐进的方式，逐层探索 Viewport 的设计原理，希望能给读者带来更加清晰、更加全面的技术认知。 一、引言 在PC时代，我们用 css 设置
阅读全文
摘要：目录 一、背景 二、Web应用 2.1 HTML 2.2 HTTP 2.3 URL 2.4 Servlet 2.4.1 编写第一个Servlet程序 2.5 JSP 2.6 容器 2.7 URL映射到Servlet 三、一个完整的Java Web基础应用 四、小结 一、背景 Spring生态的强大与
阅读全文
摘要：内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言，你还是会碰到一些内存泄漏的情况。内存泄露会导致一系列问题，比如：运行缓慢，崩溃，高延迟，甚至一些与其他应用相关的问题。 什么是内存泄漏 本质上来讲，内存泄露是当一块内存不再被应用程序使用的时候，由于某种原因，这块内存没有返还给操
阅读全文
摘要：pointer-events:none 允许点击穿透。 应用场景： 如下图所示，需要给页面添加水印，并且不影响页面的点击事件。解决办法：添加一个遮罩层，设置position:fixd;为此遮罩层设置pointer-events:none;，使其下面盒子的点击事件能够正常点击。
阅读全文
摘要：/** * 文字加图片水印效果 * id 要加水印的区域 * watermarkImg 水印为图片的图片url * watermarkText 水印文字 */ function watermarkWord(id，watermarkImg , watermarkText) { var screenHe
阅读全文
摘要：Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，
阅读全文
摘要：【https://www.25xt.com/html5css3/14622.html】 一张图足以让你了解web前端工程师需要做哪些工作以及需要掌握哪些技能。 下面就是牛人整理的前端知识体系大全，让各位APP设计师想要转行做前端开发的同学们提供一些参考的文案和网址。 1. 布局框架： Bootstr
阅读全文
摘要：版权 1. 布局框架： Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tric
阅读全文
摘要：前端简介 Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。 早期的前
阅读全文
摘要：前言 随着前端的不断发展，各种框架概念层出不穷，初级希望能了解前端整个知识体系，加强对前端认知，有一定工作经验的前端工程师也希望能构建自己的知识体系，往更高的层次迈进。因此本人查阅多方资料，结合自己的了解认知，整理出如下的知识图谱，供大家讨论与参考。 GitHub地址： 2020 前端知识图谱，期待
阅读全文
摘要：不知大家在前端开发实践中有没有做过这样一个效果，就是页面布局中有一个顶部通栏的搜索登录框，我们的需求就是当鼠标向下滚动时，顶部通栏始终固定在顶部，并且默认顶部是透明背景，而当页面滚动时，顶部通栏的透明度随着页面卷曲的高度增加而变大，当页面滚动距离超过某一个高度时，透明度就固定不变了。顶部通栏的固定很
阅读全文
摘要：本文以webpack文章的demo为例，如果未阅读上文，并且想了解完整过程请点击回到上文目前为止，我们已经使用webpack构建了一个完整的开发环境。但是在产品阶段，可能还需要对打包的文件进行额外的处理，比如说优化，压缩，缓存以及分离CSS和JS。对于复杂的项目来说，需要复杂的配置，这时候分解配置文
阅读全文
摘要：Webpack有很多内置插件，同时也有很多第三方插件，可以让我们完成很多丰富的功能。如果我们需要在webpack中引入插件时，首先我们需要npm/cnpm安装需要的插件(内置插件不用安装)，其次要在webpack配置文件webpack.config.js中的plugins关键字部分添加该插件的一个实
阅读全文
摘要：webpack可以将不同的文件都按照模块的方式进行处理，比如js，css等都可以通过不同的loader进行打包处理。 CSS webpack为我们提供css-loader和 style-loader两个工具来处理样式表，他们二者处理的任务是不同的。css-loader使你能够使用类似@import
阅读全文
摘要：Babel是一个广泛使用的转码器，它可以帮你实现以下操作： 它可以帮你将（ES6、ES7...）转换为现浏览器支持的ES5，这样你就不用考虑新标准是否被浏览器识别了。 让你能使用基于JavaScript进行了拓展的语言，比如React的JSX。 1. 安装 Babel其实是几个模块化的包，其核心功能
阅读全文
摘要：loaders中文翻译是装载机，从字面意思看它是用来安装某些东西的，它可以调用框架以外的脚本和工具来处理各种格式的文件，比如将Scss、Less分析转换成为CSS，将ES6、ES7转换为浏览器兼容的ES5，以及react中的JSX文件转换为JS文件。 npm install --save-dev b
阅读全文
摘要：什么是Source Maps Source Map字面意思就是原始地图，当开发环境中的源代码经过压缩，去空格，babel编译转化后，最终可以得到适用于生产环境的项目代码，这样处理后的项目代码和源代码之间差异性很大，当打包出现问题需要我们debug的时候，我们往往都感到很头疼，因为打包后的文件都是压缩
阅读全文
摘要：webpack-dev-server 如果想让你的浏览器监听你的代码的修改，并自动刷新显示修改后的结果，那你就需要单独安装它作为项目依赖。 npm install webpack-dev-server -g // 全局安装 npm install webpack-dev-server --save-
阅读全文
摘要：image.png 一. 概述 什么是webpack 模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 为什么使用webpack 现在是网络时代，在我们的
阅读全文
摘要：效果如下 代码如下（后续完善加载动态table列表） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.8.3.js"></scri
阅读全文
摘要：微信 问题分析： 主要是因为微信在首次加载页面初始化title后，就再也不监听 document.title的change事件。 解决思路： 给页面加上一个内容为空的iframe，随后立即删除这个iframe，这时候会刷新title。 代码： export const ChangePageTitle
阅读全文
摘要：文章目录 1. 前言 2. _ _ proto _ _ 属性 3. prototype属性 4. constructor属性 5. 总结 提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完) 1. 前言 作为一名前端工程师，必须搞懂JS中的prototyp
阅读全文
摘要：# 数据库类型- 关系型数据库：mysql,oracle,sql server- 非关系型数据库：memacach,redis,mongdb等 # mysql数据库的基本用法## mysql数据类型### 整型- tinyint:占位1字节- smallint:2- mediumint:3- int
阅读全文
摘要：JQuery是一款非常优秀的脚本框架，其丰富的控件使用起来也非常简单，配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网http://jqueryui.com/d
阅读全文
摘要：系统没有激活。为了激活系统，并且方便以后激活电脑系统，我把我以往激活系统的方法或文件做一个汇总。转！ 1、Win10数字权利激活自动批处理版（1.7M） 2019年9月13日尝试：永久激活 2、Win10数字权利激活自动批处理版（9M） 3、HWIDGen_v9.18_Chs系统激活 2019年12
阅读全文
摘要：目录 Git和SVN的区别 git教程：理论基础 git的三棵树： 工作区域（工作目录）： 暂存区域： git仓库： git的工作流程： git回滚快照的工作流程： git管理的文件三状态： git教程：入门操作 初次使用Git的前的配置 1、在命令行模式中输入以下命令： 2、然后查看配置信息： 3
阅读全文
摘要：1. HTTP消息头 （1）通用信息头 即能用于请求消息中,也能用于响应信息中,但与被传输的实体内容没有关系的信息头,如Data,Pragma 主要: Cache-Control , Connection , Data , Pragma , Trailer , Transfer-Encoding ,
阅读全文
摘要：1. 将时间戳转换成日期格式： function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() +
阅读全文
摘要：Highcharts是一款纯javascript编写的图表库，能够很简单便捷的在Web网站或Web应用中添加交互性的图表，Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表，可以满足你对Web图表的任何需求 ！ 0、引入在线资源（也可以引用本地资源）在
阅读全文
摘要：var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDa
阅读全文
摘要：数组是js中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。本文所有的栗子都是在es7环境下测试的，如果有问题欢迎留言交流 创建数组 我将创建数组的方式分为以下四大类 一、字面量方式 使用对象字面量方式创建数组是我们最常用的
阅读全文
摘要：1.forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => { console.log(item); }); 1 2 3 4 forEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来
阅读全文
摘要：Promise，我们了解到promise是ES6为解决异步回调而生，避免出现这种回调地狱，那么为何又需要Async/Await呢？你是不是和我一样对Async/Await感兴趣以及想知道如何使用，下面一起来看看这篇文章：Async/Await替代Promise的6个理由。 什么是Async/Awai
阅读全文
摘要：目录 this的默认绑定 this的隐式绑定 隐式绑定下，作为对象属性的函数，对于对象来说是独立的 在一串对象属性链中，this绑定的是最内层的对象 this的显式绑定：(call和bind方法) new绑定 正文 javascript中的this和函数息息相关，所以今天，我就给大家详细地讲述一番：
阅读全文
摘要：nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。 随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要
阅读全文
摘要：一、内容概览 WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 二、什么是WebSocket HTML5开始提供的一种
阅读全文
摘要：为什么需要https HTTP是明文传输的，也就意味着，介于发送端、接收端中间的任意节点都可以知道你们传输的内容是什么。这些节点可能是路由器、代理等。 举个最常见的例子，用户登陆。用户输入账号，密码，采用HTTP的话，只要在代理服务器上做点手脚就可以拿到你的密码了。 用户登陆 --> 代理服务器（做
阅读全文
摘要：目的很简单，主要回顾下javascript里面Array常用的一些属性以及方法，虽然经常使用，但其实一些细节没有注意到，总是等到用到的时候再去查有点浪费时间，因此总结了下加深印象 一、Array的几种声明方式 var arr = [1, 2, 3]; var arr = new Array(2);
阅读全文
摘要：内容概述 multer是常用的Express文件上传中间件。服务端如何获取文件上传的进度，是使用的过程中，很常见的一个问题。在SF上也有同学问了类似问题《nodejs multer有没有查看文件上传进度的方法？》。稍微回答了下，这里顺便整理出来，有同样疑问的同学可以参考。 下文主要介绍如何利用pro
阅读全文
摘要：深入源码 首先，看下express模板默认配置。 view：模板引擎模块，对应 require('./view')，结合 res.render(name) 更好了解些。下面会看下 view 模块。 views：模板路径，默认在 views 目录下。 // default configuration
阅读全文
摘要：1.下载nginx http://nginx.org/en/download.html 下载稳定版本，以nginx/Windows-1.12.2为例，直接下载 nginx-1.12.2.zip 下载后解压，解压后如下 2.启动nginx 有很多种方法启动nginx (1)直接双击nginx.exe，
阅读全文
摘要：注： 这一篇主要讲解面板Network，参考了Google的相关文档，主要用于公司内部技术分享。 Chrome开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Secu
阅读全文
摘要：Chrome开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下： Elements:查找网页源代
阅读全文
摘要：文末领取大图。 这不是一篇教你如何创建一个操作系统的文章，相反，这是一篇指导性文章，教你从几个方面来理解操作系统。首先你需要知道你为什么要看这篇文章以及为什么要学习操作系统。 搞清楚几个问题 首先你要搞明白你学习操作系统的目的是什么？操作系统的重要性如何？学习操作系统会给我带来什么？下面我会从这几个
阅读全文
摘要：HTTP 和 HTTPS 的区别 HTTP 是一种 超文本传输协议(Hypertext Transfer Protocol)，HTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范 HTTP 主要内容分为三部分，超文本（Hypertext）、传输（Transf
阅读全文
摘要：实际工作中经常需要获取当前文件的路径。在mac中常用的方法有如下几种 方式一 如果只是需要看一下这个文件的路径，可以先选中该文件，然后右键，选择显示简介，然后就会显示这个文件的具体路径。快捷键为command+i 方式二 上面的方式只能查看路径，但是实际工作中经常需要对路径进行复制粘贴。那么可以打开
阅读全文
摘要：操作系统：macOs High Sierra 10.13.6 1.我用的homebrew安装的nignx1.15.9，安装完成之后会有下面的提示： 网站根目录在：/usr/local/var/www nginx配置文件位置：/usr/local/etc/nginx 注意：nginx被安装到的目录位置
阅读全文
摘要：CSS居中绝对定位元素的方法，有很多种，下面是我收集的几种 1，div宽度未知1 <body> <div style="position: absolute; left: 50%;"> <div style="position: relative; left: -50%; border: dotte
阅读全文
