- 博客(39)
- 收藏
- 关注
RSS订阅原创 Node环境搭建
官网地址: https://nodejs.org/zh-cn/搭建方式一 1.官网.msi安装包: https://nodejs.org/zh-cn 2.全程下一步 3.在命令行工具中输入 node -v搭建方式二 1.官网.zip安装包: https://nodejs.org/zh-cn 2.解压下载好的安装包 3.在高级系统中手动配置环境变量 4.在命令行工具中输入 node -v...
2020-11-03 15:24:20
138
原创 vue过滤器、计算属性
过滤器 1.什么是过滤器? 过滤器和函数和计算属性一样都是用来处理数据的 但是过滤器一般用于格式化插入的文本数据 2.如何自定义全局过滤器 Vue.filter("过滤器名称", 过滤器处理函数): 3.如何使用全局过滤器 {{msg | 过滤器名称}} :value="msg | 过滤器名称" 4.过滤器注意点 4.1只能在插值语法和v-bind中使用 4.2过滤器可以连续使用
2020-11-03 15:00:40
722
原创 指令v-on
指令-v-on介绍 1.什么是v-on指令? v-on指令专门用于给元素绑定监听事件 2.v-on指令格式 v-on:事件名称="回调函数名称" @事件名称="回调函数名称" 3.v-on注意点: v-on绑定的事件被触发之后, 会去Vue实例对象的methods中查找对应的回调函数指令-v-on修饰符 1.v-on修饰符 在事件中有很多东西需要我们处理, 例如事件冒泡,事件捕获, 阻止默认行为等 那么在
2020-11-03 14:59:51
333
原创 vue 绑定类名和样式
vue绑定类名 1.通过v-bind绑定类名格式 :class="['需要绑定类名', ...]" 注意点: 1.直接赋值一个类名(没有放到数组中)默认回去Model中查找 2.数组中的类名没有用引号括起来也会去Model中查找 3.数组的每一个元素都可以是一个三目运算符按需导入。例如 :class="[flag?'active':'']" 4.可以使用对象来替代数组中的三目运算符按需导入。例如 :class
2020-11-03 14:58:39
810
原创 前端视口
前端视口 1.什么是视口? 视口简单理解就是可视区域大小我们称之为视口 在PC端，视口大小就是浏览器窗口可视区域的大小 在移动端, 视口大小并不等于窗口大小, 移动端视口宽度被人为定义为了980 2.为什么是980而不是其他的值? 因为过去网页的版心都是980 乔老爷子为了能够让网页在移动端完美的展示, 所以将iOS手机视口的大小定义为了980 后来谷歌也觉得这是一个非常牛X的方案, 所以Android手机的视口也定义为了980 3
2020-11-02 10:36:29
579
1
原创 前端常用开发单位
常用单位——px 1.什么是像素(Pixel)? 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的, 一个小方格就是一个像素 例如div尺寸是100 x 100, 那么水平方向就占用100个小方格, 垂直方向就占用100个小方格 2.像素特点 不会随着视口大小的变化而变化, 像素是一个固定的单位(绝对单位)常用单位—— 百分比 1.什么是百分比? 百分比是前端开发中的一个动态单位, 永远都是以当前元素的父元素作为参考进行计算 例如
2020-11-02 10:35:10
674
原创 数组排序
选择排序 var arr=[2,-5,4,3]; for(length i=0;i<arr.lenth;i++){ for(let j=i;j<arr.length;j++){ if(arr[j]>arr[j+1]){ let tem=arr[i]; arr[i]=arr...
2020-04-14 14:46:45
115
原创 JavaScript数据及数据类型
JavaScript数据类型概述和C语言一样, 作为程序员我们最关心的是内存中的动态数据, 因为我们写的程序就是在内存中的和C语言一样,程序在运行过程中会产生各种各样的临时数据, 为了方便数据的运算和操作, JavaScript也对这些数据进行了分类, 提供了丰富的数据类型在JS中一共有六种数据类型String 字符串(基本数据类型)Number 数值(基本数据类型)...
2020-03-23 18:01:15
118
原创 正则表达式
正则表达式- A.什么是正则表达式 1. 正则表达式就是对文字字符串操作的一种逻辑公式- B.正则表达式作用 1.在字符串"查找"是否包含指定子串 2.从字符串中"提取"指定子串 3.对字符串中指定的内容进行"替换" //字符串的查找 let str='123abc456'; let index=str.indexOf('abc'); ...
2020-03-23 18:00:13
109
原创 ES6面向对象
语言发展史机器语言 > 汇编语言 > 面向过程 > 面向对象 > 模块的系统 > 框架 > 系统api面向对象ES5面向对象（伪的）的写法 <script> //以函数的形式来写对象 function Person(name,age){ this.name=name; ...
2020-03-23 17:58:48
91
原创 数组相关操作
注意点： 1.数组是引用类型 2.数组对应的索引没有存储数据，默认存储的就是undefined 3.和其他编程语言不同，数组中不存在的索引不会报错，会返回undefined 4.和其他编程语言不同，JavaScript数组存储空间不够时数组会自动扩容 5.和其他编程语言不同，JavaScript的数组可以存储不...
2020-03-23 17:56:36
138
原创 过渡模块的基本使用
基本使用transition-property: width; 告诉系统哪个属性需要执行过渡效果transition-duration: 5s; 告诉系统过渡效果持续的时长 过渡效果的三要素: 1.必须有属性发生变化 2.必须高数系统哪个属性需要执行过渡效果 3.必须告诉系统过渡效果持续时长 注意点： 1.当多个属性需要同时执...
2020-03-23 17:52:00
222
原创 背景图片
背景图片注意点:同一个标签可以设置背景颜色和背景图片，背景图片会覆盖背景颜色 缩写：background：背景颜色 背景图片 平铺方式 关联方式 定位方式如何设置背景图片background-img:url(‘图片路径’);背景图片的平铺background-repeat:no-repeat; (no-repeart:水平、垂直方向都不平铺。 repeat-x:在水...
2020-03-23 17:50:29
103
原创 盒子阴影、文字阴影
盒子阴影注意点: 1.盒子的阴影分为内外阴影，默认情况下就是外阴影 2.快速添加阴影只需要缩写三个参数既可， border-show:水平偏移 垂直偏移 模糊度。默认情况下阴影的颜色和盒子内容的颜色一致 border-show: h-shadow v-shadow blur spread color inset; 案例：box-shadow: 1...
2020-03-23 17:49:20
213
原创 Windows运行多个版本NodeJS的解决方案
在Windows上开发NodeJS项目，有时候会遇到不同的项目依赖不同的NodeJS版本的问题。今天在GitHub上发现了一个工具nvm-windows可以很好的解决Windows上同时有多个NodeJS版本共存的问题，记录一下试用方法安装nvm-windows之前首先需要卸载当前机器上已经安装过的所有nodejs版本删除下面2个文件夹：C:\Program Files\nodejs和 C:\...
2019-10-14 13:47:03
2346
1
原创 VSCode下载安装
首先需要下载VSCode，打开浏览器输入code.visualstudio(进入到官网:https://code.visualstudio.com/),然后进入VSCode的首页，按照下图中红色箭头指示步骤点击下载，大家可以根据自己的操作系统进行下载，VSCode支持windows OS等系统，小编的是windows7，所以直接下载就可以了，如下图：下图就是小编下载下来的VSCode文件，可以...
2019-10-14 09:50:11
3118
原创 html5 postMessage解决跨域、跨窗口消息传递
一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不...
2019-09-16 15:37:26
159
原创 清除页面元素所有内外间距
/性能不好，不推荐//**{// margin:0px;// padding:0px;// }*//http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css 从这个网址中拷贝//yui css reset/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h...
2019-07-21 10:08:12
516
转载 JS设计模式——构造器模式
引入看过高程书的对这个设计模式应该很熟悉。构造器模式属于创建型设计模式。那么什么是创建型设计模式呢？创建型设计模式专注于处理对象的创建机制。也就是说这类模式，都和创建对象的过程密不可分。除了构造器模式属于这类模式。还有其他一些设计模式也属于创建型设计模式。比如：工厂模式抽象模式原型模式单例模式生成器模式下面还是先来谈谈构造器模式。什么是构造器？在面向对象的编程语言中，构造器...
2019-07-08 15:24:30
589
转载 JS设计模式——单例模式
定义限制一个类只能有一个实例，并提供一个全局的单一访问点。简单的单例模式在 JS 中，可以通过对象字面量的方式去创建一个实例对象。var singleton = { prop1: 'foo', prop2: 'bar', method1: function() { console.log(123) }}上面就是一个简单单例模式的示例。如果需要添加私有变量和方法，可以把等号...
2019-07-08 15:22:40
154
转载 JS设计模式——观察者模式
什么是观察者模式？一个或多个观察者对目标的状态感兴趣，它们通过将自己依附在目标对象上以便注册所感兴趣的内容。目标状态发生改变并且观察者可能对这些改变感兴趣，就会发送一个通知消息，调用每个观察这的更新方法。当观察者不再对目标状态感兴趣时，他们可以简单地将自己从中分离。看完后你会觉得这是什么破玩意？不要急，我们举个现实中的例子，来按段落顺序逐步分解下上面这段话的意思。去饭馆吃饭，点完餐会给...
2019-07-08 15:21:08
184
转载 JS设计模式——发布/订阅模式
发布/订阅模式和观察者模式的区别有人说发布/订阅模式就是观察者模式，有人说发布/订阅模式是观察者的变种。不管怎样，必须承认他们之间是有区别的。其中最主要的区别就是在发布/订阅模式中多了一层主题/事件通道。回想在观察者模式中，主题和观察者是直接发生关系的，观察者需要注册到主题中去。而在发布/订阅模式中，发布者和订阅者并不知道彼此的存在，他们都直接和中间层（主题/事件通道）发生关系。在这里插入...
2019-07-08 15:18:58
449
转载 JS设计模式——中介者模式
什么是中介者模式？中介者模式（Mediator）是用来降低多个对象和类之间的通信复杂性。这种模式提供一个中介类，该类通常处理不同类的通信，并支持松耦合，使代码易于维护。中介者模式属于行为模式。在这里插入图片描述实现var mediator = (function () {var topics = {}// 订阅一个 topic，提供一个回调函数，一旦 topic 被广播就执行该回调v...
2019-07-08 15:16:56
240
转载 【Git】简单使用
转载：https://blog.csdn.net/weixin_38256474/article/details/828356031、预备知识一个人：Linus Torvalds（全名：Linus Benedict Torvalds，译作 林纳斯·本纳第克特·托瓦兹），Linux内核的发明者，现受聘于 开放源代码开放实验室（OSDL），1969-12-28生于芬兰-赫尔辛基市，毕业于赫...
2019-07-08 12:13:43
276
原创 接口测试工具postman（八）上传文件接口
涉及到选择文件的接口，在【Body】页签下，key选择File选项，会显示“选择文件”按钮，选择本地的文件
2019-07-08 11:28:58
2244
原创 接口测试工具postman（七）下载文件接口
按照一般请求接口，配置好接口地址以及参数，点击Send and Download 按钮，执行请求的同时会下载文件
2019-07-08 11:28:18
8308
2
原创 接口测试工具postman（六）添加变量（参数化）
1、添加全局变量并引用2、通过设置请求前置配置变量3、在Tests里面，把响应数据设置为变量4、添加外部文件，引用外部文件中的变量和数据，此种场景就可以执行多次请求1）配置文件，txt或者csv格式的都行，第一行作为变量名2）进入Collection Runner批量执行页面,选择文件...
2019-07-08 11:27:23
2707
转载 接口测试工具postman（五）批量执行测试用例
1、准备好测试用例及相关数据2、点击Run按钮3、选择运行collection或者folder4、运行完成
2019-07-08 11:26:04
1981
原创 接口测试工具postman（四）导入导出文件
1、导入json文件2、单个文件夹导出，文件格式是 json文件3、所有数据导出，文件格式是 json文件
2019-07-08 11:24:33
15632
原创 接口测试工具postman（三）添加断言
每个用例执行完成后，可以通过添加断言来判断返回结果是否正确，即表示用例执行是否成功。官方说明文档：https://learning.getpostman.com/docs/postman/scripts/test_examples/其他大神整理的断言语句参考：https://www.cnblogs.com/liruxian/p/10001539.html...
2019-07-08 11:22:56
814
原创 接口测试工具postman（二）创建新项目
1、此次添加一个request，可以点击左上角的New的下拉选择Request，或者点击New弹出选项框点击Request2、弹出新增request页面3、添加请求的参数等4、也可以直接添加新请求...
2019-07-08 11:21:01
1901
转载 接口测试工具postman（一）下载安装说明
Postman是Google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的的Chrome插件。主要功能包括： 1、模拟各种HTTP requests 从常用的 GET、POST 到 RESTful 的 PUT 、 DELETE …还可以发送文件、送出额外的 header。 2、Collection 功能（测试集合） Collection...
2019-07-08 11:19:15
1137
1
原创 JS对象数组的交集/并集/差集/去重
1.求交集 var arr1 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3}]; var arr1Id = [1,2,3] var arr2 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3},{name:'name4',id:4...
2019-06-11 11:03:26
3498
转载 网易免费域名邮箱设置foxmail客户端登录
一、新建邮箱账号地址：http://www.foxmail.com/1、下载完成，安装好之后会出现登录设置，输入在网易域名邮箱处已经使用的用户名和密码，比如：[email protected]、123456；2、接收服务类型选POP3；3、邮件账户和密码填您域名邮箱的账号和密码；4、POP服务器填：pop.ym.163.com；5、SMTP服务器填：smtp.ym.163.com；...
2019-05-14 11:49:18
4093
转载 使用 vue-cli 搭建项目
Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli原文链接：http://www.cnblogs.com/wisewrong/p/6255817.htmlvue/cli 3.x 已经...
2019-04-22 15:38:23
90
转载 javascript 计算文件MD5 浏览器 javascript读取文件内容
原则上说，浏览器是一个不安全的环境。早期浏览器的内容是静态的，用户上网冲浪，一般就是拉取网页查看。后来，随着互联网的发展，浏览器提供了非常丰富的用户交互功能。从早期的表单交互，到现在的websocket实时通信，乃至html5的流行。html5给前段开发带来了许多有力的工具，以前浏览器大多通过flash插件进行文件的上传和下载，现在我们可以利用html5给我们带来的fileReader api...
2019-03-25 18:25:30
205
转载 TypeArray、ArrayBuffer、Blob、File、DataURL、canvas的相互转换
Blob to ArrayBuffervar blob = new Blob([data], {type: ‘text/plain‘});var reader = new FileReader();reader.onload = function(e) { callback(e.target.result);}; reader.readAsArrayBuffer(blob);...
2019-03-25 18:16:34
1055
转载 FileReader对象的属性及应用场景
[HTML5] FileReader对象写在前面前一篇文章介绍了HTML5中的Blob对象（详情戳这里），从中了解到Blob对象只是二进制数据的容器，本身并不能操作二进制，故本篇将对其操作对象FileReader进行介绍。FileReaderFileReader主要用于将文件内容读入内存，通过一系列异步接口，可以在主线程中访问本地文件。使用FileReader对象，web应用...
2019-03-25 18:10:59
706
转载 vue实现记住密码
一.谷歌浏览的残留问题 现在很多的网站都有一个需求是记住密码这个功能，为的是避免用户下次登录的时候繁琐的输入过程。 像是一些主流的浏览器（比如Chrome）都有了这个功能，而且如果你登录了Chrome账号，会永久的保存在你的账号中，在任意设备中只要你登录你的Chrome账号，都会有你保存的账号密码信息但是Chrome浏览器有一个bug（其实也不是bug，只是人家当初就这么...
2019-03-05 14:50:41
2528
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人