自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 Node.js性能测试及代码优化

压力测试工具apache bench webbench命令语句ab:ab -c200 -n1600 http://127.0.0.1:3000/download/性能瓶颈可能在cpu、网卡、硬盘、网关,常常是在nodejs的cpu计算能力

2021-04-12 21:34:07 637

原创 koa01初步理解

核心功能:比express 更极致的request/response简化ctx.status = 200 ctx.body = 'hello world'使用async function (await)实现的中间件有“暂停执行”的能力 在异步的情况下也符合洋葱模型 让内核精简,提高了性能...

2021-03-22 21:47:35 122

原创 字体Helvetica Arial,导致页面中使用中文时页面布局混乱

当使用这样的字体时的页面布局,页面空出来一块:font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;去掉Helvetica Arial后,页面变为正常。...

2021-02-21 16:14:13 572 1

原创 二叉树的前序中序后序遍历方法(递归和迭代)

前序遍历——递归/** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val===undefined ? 0 : val) * this.left = (left===undefined ? null : left) * this.right = (right===undefined ? null : right) * } */.

2020-09-29 11:33:32 204

原创 笔试中的一些选择题

css属性触发GPU硬件加速的属性:用CSS开启硬件加速来提高网站性能哪些方法会中断js执行:Ajax请求、alert、async(我也不确定,欢迎来讨论)哪个不能解决跨域问题:A、iframe B、jsonp C 、代理 D、CORS,我觉得是C,但是也不清楚,欢迎大佬告诉我答案UTF-8编码占用几个字节不是JavaScript模块规范的是:A.AOD B.UMD C.CJS D.ESM...

2020-09-22 16:31:59 111

原创 vue使用axios接收数据的一点小差异

在vue中使用axios进行数据请求,使用这种方式接收数据,返回的数据格式为:使用{}接收数据:得到的数据格式为:

2020-06-06 00:10:26 159

原创 数组排序的几种方法

1.数组方法 sort()排序2.冒泡排序(两层循环,两两互换)算法步骤:比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。这步做完后,最后的元素会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。//冒泡排序function bubbleSort ( data ) { var temp = 0; for ( var i = data

2020-06-02 16:08:53 5075

原创 JavaScript数组去重的几种方法

1.ES6 set()去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) // [1, "true", tru

2020-06-01 23:30:13 132

原创 浏览器解析渲染页面过程

解析HTML,生成DOM树解析CSS,生成CSSOM树将DOM树和CSSOM树关联,生成渲染树(Render Tree)布局render树(Layout/reflow),负责各元素尺寸、位置的计算绘制render树(paint),绘制页面像素信息将像素发送给GPU,展示在页面上。(Display)网页在浏览器上的渲染过程浏览器加载和渲染html的顺序-css渲染效率的探究...

2020-06-01 16:37:21 231

原创 ES6扩展运算符...

作用将一个数组转为用逗号分隔的参数序列。用处复制://数组的复制var arr1 = ['hello']var arr2 =[...arr1]arr2 // ['hello']//对象的复制var obj1 = {name:'chuichui'}var obj2 ={...arr}ob12 // {name:'chuichui'}合并://数组的合并var arr1 = ['hello']var arr2 =['chuichui']var mergeArr

2020-06-01 15:21:17 113

原创 如何准确判断一个对象时数组

var a = [1,2,3];instanceof 操作符和对象的 construct 属性var arr = [1,2,3,1];console.log(arr instanceof Array); // true var fun = function(){};console.log(fun instanceof Function); // truevar arr = [1,2,3,1];console.log(arr.constructor === Array); // tru

2020-05-31 14:21:02 194

原创 深/浅拷贝的异同,实现方式

深浅拷贝的异同js 深拷贝 vs 浅拷贝js的深拷贝和浅拷贝浅拷贝方法直接对象复制Object.assign// 浅拷贝function shallowClone(src){ var dst = {}; for(var prop in src){ if(src.hasOwnProperty(prop)){ dst[prop] = src[prop] } } return dst;}深拷贝方法Json.stringfy转为字符串,再Json.parse转回对

2020-05-31 13:57:39 110

原创 一些文章收藏

什么是时间分片(Time Slicing)JavaScript实现指定数量的并发限制的示例代码promise-async/await-axios

2020-05-24 22:10:23 125

原创 JavaScript常用的8种继承

一、原型链继承构造函数、原型和实例之间的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个原型对象的指针。继承的本质就是复制,即重写原型对象,代之以一个新类型的实例。function SuperType() { this.property = true;}SuperType.prototype.getSuperValue = function() { return this.property;}function SubType() .

2020-05-20 15:01:10 570

原创 防抖与节流

参考文章:https://mp.weixin.qq.com/s/qyeRecCBBwa-Zf_V-KIRxA防抖和节流的概念其实最早并不是出现在软件工程中,防抖是出现在电子元件中,节流出现在流体流动中。1.为什么要在JavaScript中使用防抖与节流: JavaScript是事件驱动的,大量的操作会触发事件,加入到事件队列中处理。 而对于某些频繁的事件处理会造成性能的损耗...

2020-05-02 13:51:27 264

原创 JavaScript——function

闭包可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点,就是它可以“记住”诞生的环境,比如f2记住了它诞生的环境f1,所以从f2可以得到f1的内部变量。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在。请看下面的例子,闭包使得内部变量记住上一次调...

2020-04-18 18:45:08 184

转载 JavaScript——promise

阮一峰promise讲解一、Promise对象有以下两个特点对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。一旦状态改变,...

2020-04-18 17:08:43 117

原创 复习——JavaScript——定时器

定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。setTimeout()setInterval()setInterval函数的用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行。...

2020-04-17 16:58:54 128

原创 复习——JavaScript——异步操作

同步任务和异步任务同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕,才能执行后一个任务。异步任务是那些被引擎放在一边,不进入主线程、而进入任务队列的任务。只有引擎认为某个异步任务可以执行了(比如 Ajax 操作从服务器得到了结果),该任务(采用回调函数的形式)才会进入主线程执行。排在异步任务后面的代码,不用等待异步任务结束会马上运行,也就是说,异步任务不具有“堵...

2020-04-17 15:52:28 94

转载 JS写斐波那契数列的几种方法

递归方法一:普通递归function fibonacci(n) { if (n <= 1) { return 1 }; return fibonacci(n - 2) + fibonacci(n - 1);}方法二:改进递归-把前两位数字做成参数避免重复计算function fibonacci(n) { function fib(n,...

2020-04-16 15:18:18 310

原创 复习笔记——JavaScript——Object 对象的相关方法

1、Object.getPrototypeOf()Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。2、Object.setPrototypeOf()Object.setPrototypeOf方法为参数对象设置原型,返回该参数对象。它接受两个参数,第一个是现有对象,第二个是原型对象。3、Object.create()该方法接受一个对象作为参数,...

2020-04-16 14:27:28 121

原创 学习笔记——JavaScript——对象的继承

1、原型对象1.1构造函数的缺点同一个构造函数的多个实例之间,无法共享属性,从而造成对系统资源的浪费。1.2prototype属性的作用原型对象的作用,就是定义所有实例对象共享的属性和方法。这也是它被称为原型对象的原因,而实例对象可以视作从原型对象衍生出来的子对象。1.3原型链JavaScript 规定,所有对象都有自己的原型对象(prototype)。一方面,任何一个对象...

2020-04-15 17:14:23 150

原创 npm node-sass总是出错

错误1:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1npm ERR!npm ERR! This is probably not a problem with npm....

2020-04-09 17:01:46 276

原创 HTML5 中的新标签

标签 描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义超链接。 <abbr> 定义缩写。 <acronym> HTML 5 中不支持。定义首字母缩写。 <address> 定义地址元素。 <applet&gt...

2020-03-31 23:01:29 117

转载 vue中使用element-ui的table表格,勾选高亮某一行

https://www.cnblogs.com/0314dxj/articles/10950793.html

2020-03-21 18:22:45 1709

原创 for循环中push为变量赋值,结果console为[__ob__: Observer]

代码是这样的:getCloudCapacity () { let cloudIdList = this.cloudIdList for (let i = 0; i < cloudIdList.length; i++) { this.$http({ url: this.$http.adornUrl('/cloud/getClo...

2020-03-10 21:52:41 1602

原创 router-link,利用$route.path动态切换激活的图标

效果:代码:<router-link tag="el-menu-item" v-for="(item,i) in aside" :key="item.text" :to="item.path"> <img :src=" aside[i].path === $route.path ? aside[i].selected : aside[i].normal"&gt...

2020-02-11 22:48:48 1060

原创 jQuery.tag-editor插件

1、引入jQuery和jQuery.tag-editor的包jQuery.tag-editor的包包括css和js jQuery的包一定要放在tag-editor的上面!!!!!!2、创建一个tag-editor$("#tag").tagEditor({ placeholder:"添加完标签后请按enter~"})3、其他属性SettingsProperty D...

2019-05-22 19:25:26 936

原创 利用form的name,title属性判空

js部分:$("button").click(function(){ for(var i=0;i<formTest.length-1;i++){ if(formTest.elements[i].value == ""){ alert("很抱歉" + formTest.elements[i].title +"不能为空") formTest.e...

2019-05-22 19:08:57 310

原创 Java项目考试系统总结

此文章只作为本人的实训总结。做一个Java项目虽然很难,主要还是因为此前并未深入的学习Java,也没有人带领学习,但是实训总归是结束了,结束之后也需进行总结。一、工程结构应用分层1、Java项目中的命名java.com.sicau(川农考试系统)命名也是需要有科学性的2、分为5个package 分别为common、controller、dao、entity、servi...

2018-11-16 17:12:49 2394

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除