- 博客(26)
- 收藏
- 关注
RSS订阅原创 前端自动化测试（webdriverio+mocha+chai）
介绍webdriverio是什么？首先我们需要了解一款强大的基于浏览器的开源自动化测试工具，Selenium，Selenium可以模拟真实用户的行为，就像真正的用户在操作一样，同时Selenium也可以执行JS脚本。Selenium 经历了三个版本：Selenium 1，Selenium 2 和 Selenium 3。Selenium 也不是简单一个工具，而是由几个工具组成，每个工具都有其特...
2019-12-28 16:56:58
4891
原创 js忍者秘籍笔记
1.包含在函数内的代码叫做函数代码，而在所有函数以外的代码叫做全局代码2.js不能选择和修改还没创建的节点，所以script要放在底部3.所有在某个js代码执行期间用户创建的全局变量都能正常的被其他脚本元素中的js代码所访问到。4.addeventListener可以为dom注册多个事件5.箭头函数 ，如果函数体是一个代码块，那么返回值则与普通函数一样，如果没有return语句，返...
2019-10-08 22:33:31
286
原创 解决ie关于css var的适配问题
方案通过webpack的postcss-loader+postcss-css-css-variable编译生成固定的代码例如：:root { --white: #fff; --black: #000;}a { border: 1px solid var(--white);}span { color: var(--black);}通过webpack的pos...
2019-09-15 23:55:05
11907
14
原创 虚拟机+vscode+Windows开发
连接远程内网虚拟机所需软件Vnc，下载官网：https://www.realvnc.com/en/connect/download/viewer/ Vscode插件：remote-ssh,remote-vscode，remote-ssh负责连接远程虚拟机进行代码编辑，remote-vscode实现了vscode拓展同步。1.Vnc安装和使用Vnc是一款图形化远程访问工具，使用它可以进...
2019-08-22 22:22:18
9864
原创 元素宽度client*、offset*、scroll*等
window属性：名称 理解 window.innerWidth width + padding + border + 纵向滚动条宽度,只读 window.innerHeight height + padding + border + 横向滚动条高度，只读 window.pageXOffset 整个页面水平方向滚动的像素值，只读 window.pag...
2019-08-12 08:21:07
139
原创 毕业设计数据库部分（mongodb+express+mongoose实战）
数据库部分数据库采用了mongo，使用mongoose来进行操作数据库，mongoose相关知识看下面的文章自行学习：Nodejs学习笔记（十四）— Mongoose介绍和入门schema是mongoose里会用到的一种数据模式，可以理解为表结构的定义,特点为每个schema会映射到mongodb中的一个collection，它不具备操作数据库的能对每个定义的生成一个Good的mode...
2019-06-09 16:59:07
1473
原创 毕设相关软件安装和毕设运行说明（vscode、npm、cnpm、mongodb、robomongo）
软件安装Vscode安装Vscode下载网址：https://code.visualstudio.com/点击Download直接下载 双击.exe文件 一直点击【Next】按钮即可安装Npm安装Node下载网址：https://nodejs.org/zh-cn/点击Download直接下载 双击.msi文件 点击【Next】按钮 勾选复选框同意协议，点击【N...
2019-05-31 10:23:31
2069
原创 flex布局flex取值以及align-self、align-content、align-items的区别
flex是 flex-grow， flex-shrink，flex-basis 的缩写flex取值flex-growflex-shrinkflex-basis默认值01autonone00autoauto11auto非负数字（例如flex:1）非负数字（1）10%长度或百分比（flex:1px或flex:10%）11长...
2019-03-04 15:54:11
7030
原创 快捷键
alt+tab:切换软件ctrl+tab：切换软件文档（比如切换浏览器页面）win+d:返回桌面f2:重命名鼠标触控板双指单击：相当于鼠标右键三指左划/三指右划：切换tab三指上划：弹出多任务界面三指下划：显示桌面shift点击开头，shift点击结尾：选择文字vscode:alt+d:删除一整行代码ctrl+alt+r:全选ctrl+shift+y:...
2019-03-04 09:58:52
132
1
原创 遇到的this问题
var a=11;function test1(){ this.a=22; let b=function(){ console.log(this.a); }; b();}var x=new test1();//输出11为什么会这样输出11呢，首先我们看new运算符会做哪些：创建一个新对象； 将构造函数的作用域赋给新对象（因此 this 就指向了这个新...
2019-01-09 21:42:06
115
原创 vscode和chrome使用vim
vscode关于vim插件使用首先安装插件vimesc，进入vim的normal模式i，进入文本编辑模式在normal模式下：h 向左移动j 向下移动k 向上移动| | 效果 |快捷键效果h向左移动j向下移动k向上移动l向右移动gg跳到文件开头G跳到文件尾b跳到前一个单词的开头e跳到下一个单词的结尾...
2018-12-31 19:04:58
1031
1
原创 html5+css3学习笔记
html5:1.geolocation---定位2.video,audio3.LocalStoragecookie: 小 4k 浏览器和服务器共享LocalStorage：大 5m 浏览器独享4.WebWorker 多进程5.WebSQL,IndexDB----存在安全隐患 W3C删除了6.文件操作和拖拽7.canvas---画...
2018-12-12 10:21:14
428
原创 float问题
首先探讨一下高度问题，div里面如果有文字，那么div的高度是由文字的高度造成的，还是其他的高度造成的呢？答案是div的高度是由“line-height”造成的 ,一般来说，div标签就是一个containing box（包含块），在containing boxes里，包含了许多inline boxes，一个一个的inline boxes组成了line boxes，而line boxes的高度由最...
2018-12-05 19:39:24
156
原创 node.js学习笔记
运行node程序1.进入目录2.运行 node xx.js3.新建service.js文件const http = require("http");let server = http.createServer(() => { console.log('有人执行')});server.listen(8088);4.运行 node server.js（...
2018-11-24 17:26:30
750
1
原创 学习笔记--网络
OSI七层交换“参考模型”物理层 物理学家、通行工程关心的，考虑材料，电压等问题链路层 内网寻址 ARP网络层 外网寻址 IP/ICMP传输层 维持通信稳定性 TCP表示层 统一各个网络结构会话层 记录状态应用层 应用细节 http、FTP、SMTP 五层模型物理层 ...
2018-11-01 10:12:22
189
原创 babel 安装配置
首先你需要安装node.js1.新建一个babel文件夹,打开命令窗口（windows命令+r键），输入cmd,cd进入babel文件夹2.cnpm init --y(生成一个默认的package.json文件)3.cnpm install babel-cli -D4.cnpm install --save-dev babel-preset-es20155.新建一个.babelrc文件...
2018-10-29 19:52:36
387
原创 学习笔记---es6
es6var---可重复定义，不能限制修改，没有块级作用域let---不能重复定义，变量+块级作用域const---不能重复定义，常量+块级作用域（引用类型可以增加属性）解构赋值左右两边必须一样，右边必须是个东西（let {a,b}={1,2}这样就不行）定义和赋值必须一起完成（let a;a=1这样会报错）箭头函数有且只有1个参数时，（）可以省，有且只有一个函数返...
2018-10-29 19:39:41
189
原创 掘金小册前端性能优化原理与实践读后总结
webpack性能优化1.不要让loader做太多事情2.处理第三方库3.构建结果体积压缩 a.文件可视化，找出导致体积过大的原因 b.拆分资源（可通过使用await import动态导入文件，这样动态导入的文件会被拆分出来打包） c.删除冗余代码 d.按需加载4.webpack Gzip压缩5.使用happypack,打包文件变成并行打包，可大大提高速...
2018-10-24 18:52:25
3545
原创 vue总结
v-fordata为object，例如：{name:"1111",age:12},那么使用v-for（value in object）,输出会是"1111"，12，v-for（key in object）,输出会是"name"，"age"v-for可以循环渲染组件、数组和对象组件：首先新建a.vue文件，补上具体内容，如果app.vue要用到它，所以在app.vue的&...
2018-10-20 20:36:25
110
原创 js实现冒泡排序、插入排序、选择排序、快速排序（升序）
生成1-100的随机数： function getArr() { var arr = []; for (var i = 0; i < 10; i++) { arr.push(Math.floor(Math.random() * (99) + 1)); } ...
2018-10-14 15:48:12
3633
原创 JavaScript 8种创建对象的方式
(1)对象字面量的方式创建person={name:"aaa",age:25};缺点，一次只能创造一个，要创造多个对象时会产生许多重复代码，创建出的对象没有具体的类型，它们只是Object类型的一个实例。（2）单例模式var person = new Object();person.name = "june";person.age = 29;person.jo...
2018-10-14 14:47:27
142
原创 JavaScript 如何实现继承？
1.原型链继承function Parent () {this.name = 'aa';}Parent.prototype.getName = function () { console.log(this.name);}function Child () {}Child.prototype = new Parent();var child = new Ch...
2018-10-14 14:27:30
2389
转载 js知识
1.javascript数据类型:2.js数组：3.js变量：4.js函数基础：5.js字符串函数 6.js运算符7.正则表达式8.Dom基本操作9.js流程控制10.Window对象 原博客地址：转载几张前端流程图,囊括前端js基础知识 ...
2018-09-04 20:14:39
117
原创 读懂红宝书604页函数柯里化代码
function curry(fn){var args=Array.prototype.slice.call(arguments,1);return function(){var innerArgs=Array.prototype.slice.call(arguments);var finalArgs=args.concat(innerArgs);return fn.apply(nul...
2018-08-23 21:55:10
130
原创 JS闭包中的this问题
首先看一段代码：var obj={ b:"rr", get:function(){ var a="gggg"; return function(){ var d="dd"; console.log(d); console.log(a); return a; }; }}var c=obj.g...
2018-08-12 19:40:00
1935
1
原创 vue-cli搭建vue项目
注意:需要先安装好node.js1. windows+R打开命令窗口，输入cmd 2. 进入自定义的文件夹，如：cd C:\Users\liangnv\Desktop\vue练习 3. 输入npm install -g vue-cli 命令，进行安装v-cli，要是已经装了v-cli就跳过这一步,如果装有国内镜像cnpm，就输入命令cnpm install -g vue...
2018-07-03 23:30:07
229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人