小恶魔O-CSDN博客

原创前端性能优化

一、一次完整页面请求所发生的的事情过程：1.url解析地址解析和编码HSTS缓存解析2.DNS域名解析先进行本地DNS服务器解析，递归解析：如果本地解析不到，再去域名服务器解析，迭代解析：3.TCP三次握手建立连接：4. 发送HTTP请求，服务器处理请求，返回响应结果5.TCP四次挥手断开连接5.浏览器渲染二、前端性能优化前端性能优化主要从上述...

2020-03-31 12:15:46 238

原创剑指offer(js版) 07 --- 斐波那契数列

题目大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0）。n<=39思路我使用的是循环代码function Fibonacci(n){ // write code here if(n<=1){ return n; }else{ var f0=0,f1=1,f2;...

2019-12-18 15:08:04 186

原创剑指offer(js版) 06 --- 旋转数组的最小数字

题目把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个非递减排序的数组的一个旋转，输出旋转数组的最小元素。例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。思路非递减数组有三种情况：递增 1 2 3 4 5递增，有重复 0 1 1 2 3先增后...

2019-12-18 14:35:03 181

原创剑指offer(js版本) 05 --- 用两个栈实现队列

题目用两个栈来实现一个队列，完成队列的Push和Pop操作。队列中的元素为int类型。思路栈是后进先出，队列是先进先出，那么我们使用两个栈模仿队列的话就可以一个push,一个pop代码const instack=[],outstack=[]function push(node){ // write code here instack.push(nod...

2019-12-17 14:50:04 154

原创剑指offer(js版) 04 --- 重建二叉树

题目：输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建二叉树并返回。思路：关于二叉树：前序遍历：根左右中序遍历：左根右后序遍历：左右根解题思路确定根，确定左子树，确定右子树在左子树递归在右子树递归...

2019-12-16 16:42:30 110

原创剑指offer(javaScript版) 03 --从尾到头打印链表

题目：输入一个链表，按链表从尾到头的顺序返回一个ArrayList。思路链表从尾到头范围一个ArrayList,我们定义一个空数组，向数组里添加head的每一项，添加方式有两种：unshift 向数组头部添加push 向数组尾部添加那么我们若想从尾到头添加，unshift只需要返回res,push返回res.reserve()代码/*function ListNode...

2019-12-16 13:20:24 174

原创剑指offer(javaScript版) 02 -- 替换空格

题目描述请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。思路使用javascript的正则表达式，替换空格为%20，\s 表示空格，/g为全局匹配代码function replaceSpace(str){ // write code here re...

2019-12-13 12:01:00 119

原创剑指offer(javascript版) 01 --- 二维数组中的查找

题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。思路这个二维数组，从上到下，从左到右递增，也就是说，每个位置上的数都满足：左边，上边比它小，右边下边比它大，这样的话我们就可以从左下角开始，将左下角数字与目标数字做比较，如果比目标数字大...

2019-12-13 11:55:25 116

原创 MUI的使用方法：

MUI：类似于bootstrapt的代码片段，和bootstrap使用方法类似官方文档Github地址下载github内容至本地，dist文件可以直接引入，examples中是例子，可以参考。将dist中的内容放到项目中，在入口文件中引入// 导入 MUI 的样式表，和 Bootstrap 用法没有差别import './lib/mui/css/mui.min.css'...

2019-10-24 14:06:12 4056

原创 Mint-Ui安装及使用办法

简介Mint-Ui是基于vue.js的组件库。一、本地部署Mint-Ui官方文档github 仓库地址点击Download Zip下载（注意：不要git clone）使用visual code 打开，打开终端，cnpm i 既可。若使用npm或者yarn ，请先下载：npm install chromedriver --chromedriver_cdnurl=https://npm....

2019-10-24 13:57:34 4307 2

原创浏览器与服务器的实时通信

最近工作中遇到一个问题，需要解决实时通信的问题。下面根据自己查到的内容总结一篇。浏览器与服务器的实时通信的几种方式1、Ajax轮询Ajax轮询，在上学期间就学过，每10s轮询一次，定时查询服务器是否有新消息。优点：服务逻辑简单缺点：这是通过模拟服务器发起的通信，不是实时通信，大多数请求是无效请求，在轮询很频繁的情况下对服务器的压力很大；//利用XHR，通过setInterval定时...

2019-10-24 10:15:05 875

原创在webpack中使用vue-router及路有嵌套

1、安装及导入安装vue-router 包cnpm i vue-router -S如果在模块化工程中，使用它，必须要通过Vue.use()明确地安装路由功能import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//如果使用全局的script标签，则无须如此（手动安装）2、结合webpa...

2019-10-23 10:18:04 164

原创 webpack vue中export default和export

导入和导出包的方法：在 Node 中：导入模块：var 名称 = require('模块标识符')向外暴露成员的形式：module.exports={}在ES6 中，也通过规范的形式，规定了 ES6 中如何导入和导出模块 ES6中导入模块，使用 import 模块名称 from '模块标识符' import '表示路径'在 ES6 中，使用 export ...

2019-10-12 15:44:39 1944

原创使用webpack使用vue

包的查找规则：找项目根目录中有没有 node_modules 的文件夹在 node_modules 中根据包名，找对应的 vue 文件夹在 vue 文件夹中，找一个叫做 package.json 的包配置文件在 package.json 文件中，查找一个 main 属性【main属性指定了这个包在被加载时候，的入口文件】我们有三种方法引入：1、在入口文件（main.js）中...

2019-10-12 15:12:53 143

原创 Vue--使用render函数渲染组件

<body> <div id="app"> <p>444444</p> </div> <script> var login = { template: '<h1>这是登录组件</h1>' } // 创建 Vue 实例，得到 ViewModel...

2019-10-10 10:30:10 899

原创 webpack学习

一、npm init -ywebpack打包命令：webpack .\src\main.js -o \dist\bundle.js二、webpack直接打包1、安装webpack-dev-servercnpm i webpack-dev-server -D再根据提示安装依赖包2、配置文件webpack.config.js// 由于 webpack 是基于node进行构建的，所以，...

2019-09-30 16:38:28 120

原创 Vue 中 watch 属性，computed 计算属性以及 method 属性的区别

如果我们要实现这一一个功能：想要实现名和姓两个文本框的内容改变，则全名的文本框中的值也跟着改变；1、使用method方法是实现：通过数据双向绑定绑定数据，通过keyup（键盘抬起）绑定函数，实现功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...

2019-09-27 15:33:23 291

原创 jquery知识点总结

jquery复习1jquery复习2个人博客总结 * 选择器: * id选择器 $("#id属性的值") * 标签选择器 $("标签名字") * 类选择器 $(".类样式的名字") * 交集选择器 $("标签.类样式的名字")---->标签+类选择器 * 并集选择器 $("选择器,选择器,选择器,...")---->多条件...

2019-09-26 15:59:44 100

原创 Jquery复习2

一、元素的相关操作1、元素的创建法一//点击一个按钮,创建一个按钮 $("#btn").click(function () { $("<input type='button' value='按钮'>").appendTo($("#dv")); });法二 //元素创建的另一个方式 $("#btn").click(function () { ...

2019-09-26 15:06:27 133

一、JQuery对象与DOM对象1、jQuery中得到顶级对象jquery----可以用符号来代替，为了方便jQuery（jQuery)中的js文件中的所有东西都是jquery或者都是符号来代替，为了方便jQuery（jQuery)中的js文件中的所有东西都是jquery或者都是符号来代替，为了方便jQuery（jQuery)中的js文件中的所有东西都是jquery或者都是符号下的2、知识点...

2019-09-25 16:03:20 276

原创 CSS实现文字渐变-最全

代码如下：<div class="boxWrap"> <h1 class="text1">花样年华</h1> <h1 class="text2">豆蔻年华</h1> <h1 class="text3">花信年华</h1> <h1 class=...

2019-09-24 18:18:59 1182

原创 css四种炫酷科技背景边框，颜色渐变，四角特效

详见个人博客1、css四角背景无边边框代码如下：<div class="BoxWrap"> <div class="horn"></div> </div>.horn{ width: 1000px; height: 500px; margin: 100px; background: linear-gr...

2019-09-23 17:48:16 7153 1

原创 three.js总结

更多内容，见个人博客一、three.js简介three.js，即three + js 。three代表3D的意思，js代表JavaScript的意思。也就说：three.js是使用JavaScript来写3D程序的意思。二、项目需要这个项目要实现的是在大屏上对人脸识别过程进行数据可视化展示，我们通过一些代码，更形象的展示，让人们能够直观的看到这一过程，更容易理解。三、入门创建一个场景...

2019-08-30 21:09:29 408

原创 Vue路由总结

详见我的个人博客：一、路由的基本使用1、安装 vue-router 路由模块//引入vue-router路由模块<script src="./lib/vue-router-3.0.1.js"></script>2、创建一个路由对象var routerObj=new VueRouter({//route这个配置对象中的route表示【路由匹配规则】的意思r...

2019-08-30 20:53:06 266

原创 vue组件应用-评论案例--实现评论的展示，添加

vue组件应用-评论案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...

2019-08-23 16:51:41 1015

原创 Vue父、子组件之间传值原理

Vue组件之间传值（1）父组件向子组件传值理解1.1、Model部分新创建的vm实例可以看作一个组件，即父组件，在内部定义的components是它的子组件。<script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '123...

2019-08-23 16:49:37 1995 3

原创 vue-钩子函数实现小球半场动画--加入购物车的实现

vue-钩子函数实现小球半场动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-08-23 16:48:27 155

原创 github 知识点+命令总结（最全，适合初学者）

一、git相关概念1、git文件的三种状态committed 已提交，表示数据已经安全的保存在本地数据库中modified 已修改，表示修改了文件，但还没保存到数据库中staged 已暂存，表示对一个已修改文件的当前版本做了标记，使之包含在下次提交的快照中。2、Git项目的三个工作区域：Git 仓库、工作目录以及暂存区域。工作区是对项目的某个版本独立提...

2019-08-13 12:10:19 276

原创华为交换机忘记密码如何恢复出产设置以及重新设置密码

首先用console线连接交换机和主机，打开终端，然后重启交换机，然后在终端上会显示很多东西，当出现下面红框内的话是，按CTRL+B:然后输入密码：[email protected]然后出现一下内容，选7：然后出现以下：选1等待片刻，即可，此时，交换机没有密码，那么怎么设置密码呢？输入以下命令：然后保存，就好了 ...

2018-11-06 17:34:57 39674 3

原创电脑重装系统以及装win10双系统方法

1、电脑重装系统：电脑重装系统方法有很多，U启安装，光盘安装，还有镜像直接安装。 U启安装有很多，老毛桃，大白菜等等把，其实他们安装方法都差不多，网上随处都能百度到，我这里就不说了；光盘安装现在用的不多，此处我也不多说了；下面我来讲讲镜像直接安装：其实个人比较喜欢镜像直接重装的，不借助任何工具，而且很快。当然，镜像直接安装的前提是你的电脑能够进入...

2018-11-02 20:14:35 2486

原创 JS用函数实现：输入年，月，日，获取这个日期是这一年的第多少天

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script&gt

2018-10-31 21:00:42 6504

原创 JS几种数据类型转换（最全）

一、转为字符串：使用 .toString或者String。1、 .toString()方法：注意，不可以转null和underfined//转为字符串-->toString方法var bool=true;console.log(bool.toString());//注意，toString不能转null和underfined.2、String()方法：都能转conso...

2018-10-31 16:57:15 33185 4

原创 win10打开hyper-v方法及安装centos方法

一、win10打开hyper-v方法：先找到控制面板，然后选择程序，打开或关闭windows功能：点击确定后重启电脑，就可以找到hyper-v管理器：二、虚拟交换机联网：双击打开，然后选择连接到服务器，选择本地计算机，确认：然后为虚拟交换机配置网络：选择虚拟交换机管理器--外部--创建然后出来这个界面：三、创建虚拟机：选择新建，虚拟机：出来...

2018-09-07 19:08:04 8300 2

原创 centos7使用图形界面设置网络IP和DNS(VM)中

点击应用程序，系统工具，进入设置：然后点击网络，有线连接右边的设置符号：然后点击IPV4,将自动获取改为手动：接下来是重点了，要配置这个系统的IP,要知道它的网关和子网ip：打开VM中编辑里的虚拟网络编辑器点击NAT设置：可以看到子网ip和网关，在centos7中进行配置，ip为192.168.118._。网关为：192.168.118.2然后关...

2018-09-03 20:35:30 36471 4

原创 centos7 （GNOME桌面）图形界面与字符界面切换

图形界面 ---->字符界面:（vm中）台式电脑：Ctrl+Alt+F6笔记本：Ctrl+Alt+shift+Fn字符界面 ---->图形界面：台式电脑：Ctrl+Alt+F1笔记本：Alt+F7

2018-09-03 20:09:47 8636

原创 centos7使用命令重启或关机

安装GNOME的朋友们首先切换到字符界面：先登陆进入系统，进入图形化界面：然后按Ctrl+Alt+F6(笔记本的是Ctrl+Alt+shift+Fn)，进入字符界面（最小化安装的直接输入即可）关机命令：shutdown或poweroffshutdown:shutdown -h now #立即关机（shutdown -h 10 #10分钟后关机）powero...

2018-09-03 19:51:18 139090 4

原创在服务器里安装Linux系统(centos7)

首先，进入VMware Vsphere Client，软件如图所示：点击进入，如图： ip地址为你在虚拟控制台设置的地址，用户名默认root,密码也是你设置的密码。进入之后是这样一个页面：要想安装Linux系统，首先上传centos镜像到服务器：点击配置，存储，右击，浏览数据存储：点击上传文件至服务器，上传完之后，点击创建虚拟机：...

2018-08-14 16:46:55 24797 1

原创大数据基础了解

1、概念及意义 2011年5月，麦肯锡研究院发布报告，第一次对大数据做出相对清晰的定义：“大数据是指起大小超过了常规数据库工具获取，储存，管理和分析能力的数据集。” 2015年8月，国务院《促进大数据发展行动纲要》指出：容量大、类型大，存储速度快、应用价值高为主要特征的数据集合，正快速发展为对数量巨大，来源分散，格式多样的数据进行采集，存储，和关联分析，从中发现新知识，创造价值，提升新...

2018-08-11 14:32:55 1044

原创路由器的三种分组交换方式

在网络核心部分起特殊作用的是路由器，它是一种专用计算机（但是不叫作主机），路由器是实现分组交换的关键构件，其任务是转发收到的分组，这是网络核心部分最主要的功能。电报交换（面向连接）：从通信资源的分配角度来看，交换是按照某种方式动态的分配传输线路的资源。要经过“建立连接（占用通信资源）-->通话（一直占用资源）-->释放连接（归还通信资源）”三个步骤的交换特点：整个报文...

2018-08-08 20:38:26 11506 2

原创使用win7超级终端连接华为交换机并配置端口镜像

首先，用console连接主机和交换机，打开超级终端，（注意：一定要用win7系统配置）如图所示：新建连接时名字随意，但要注意不能是下面图标：然后出现下面这样一个页面，连接时使用COM1口，也可通过此电脑--右键管理--设备管理器--端口查看端口号，如图：点击确定，出现这样一个界面：设置中终端参数为默认值，即：波特率...

2018-08-08 09:58:15 17284

git命令大全.pdf

空空如也