viviScript-CSDN博客

原创 Mocha+should+Karma自动化测试教程

Mocha+should+Karma自动化测试教程一、了解TDD与BDD首先，为什么我们了解TDD与BDD的是什么意思？在实际项目中，大部分都是采用BDD的形式进行开发，也就是行为驱动开发。TDD，测试驱动开发，先编写单元测试代码，再去实现功能。更为详细的内容请自行查阅资料。二、 node assert断言库既然要做TDD做开发模式，首先我们得了解node assert，大部分...

2019-10-10 17:10:32 150

原创前端代码规范总结

代码规范基本的格式化1.1 缩进层级使用空格符进行缩进;四个空格符表示一个缩进层级;function demo() { console.log('hello world');}1.2 语句结尾使用分号结尾;// 正确的代码let name = 'Nicholas';function sayName() { alert(name);}...

2019-10-10 17:05:02 83

原创基于webpack4+vue-cli3项目的换肤功能

基于webpack4+vue-cli3项目的换肤功能起因最近因公司需求，需要实现主题换肤功能，不仅仅是颜色的更改，还需要包括图片，字体等文件等更换，因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤。项目开始首先我们用vue-element-admin这个开源的后台管理系统项目来做demo演示，为了便于做二次开发，下载vue-admin-templ...

2019-10-10 17:03:50 728

原创前端缓存总结

前端缓存总结1 缓存缓存从宏观上分为私有缓存和共享缓存，共享缓存就是那些能被各级代理缓存的缓存。私有缓存就是用户专享的，各级代理不能缓存的缓存。缓存从微观上可以分为以下几类：http缓存浏览器缓存cdn缓存应用层缓存数据库缓存这里主要对浏览器的缓存进行说明：2 http缓存http状态码: 200 from memory cache 不访问服务器...

2019-10-10 16:57:09 319

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、Homebrew是什么？二、使用步骤M1 系列 brew 安装brew 常用命令一、Homebrew是什么？Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。二、使用步骤M1 系列 brew 安装代码如下（示例）：/bin/zsh -c "$(curl -fsSL htt.

2022-04-28 13:56:46 170

原创 node-sass在内网环境下的安装

由于在内网开发，在将源代码迁移到内网中，使用Jenkins构建时出现node-sass版本问题首先先解决vue-cli-service: Permission denied权限问题chmod -R 755 ./*在网上查了各种解决方案，原理与方法都大同小异。1、查找当前系统下node-sass所需的镜像文件版本// 查看当前系统使用版本node -p "[process.platform,process.arch,process.versions.modules].join('-').

2020-06-04 15:26:22 4448

原创 WebStorm 自定义模版

自定义注释模版打开webstorm ，按照 file->setting->editor->live template 找到快捷键模板设置页面点击模版中的+号，在指定的注释组中添加新的注释。两个$$之间的内容是表达式点击edit variabels 按钮进入编辑date()获取系统日期time() 时间user() 用户名jsMethodName()3.注意下边几点，否则还是不能生效1.abbreviation 配置生效提示符2:no application c

2020-05-29 17:10:45 782

原创 vsCode中配置项目EsLint

vsCode中配置EsLint，使代码保存后根据项目中.eslint配置文件自动格式化代码；安装下载所需vs code插件HTML Snippets（html代码补全）ESLint（代码风格检查与规范）vetur （语法高亮）Prettier - Code formatter （只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等...

2019-12-24 12:30:15 2956

原创 Mongoose自定义查询

Mongoose自定义查询/分页查询分页查询所需方法find() // 查询所有skip() // 指定跳过的文档条数。limit() // 指定查询结果的最大条数。sort() // 设置排序router.post('/findAll', async (req, res, next) => { try { let { pageNum = 1, limit =...

2019-10-24 11:39:32 292

原创 express中操作cookie和session

express中操作cookie和session一、操作cookie1、设置cookie（给客户端设置‘cookie’): 直接使用res.cookie('', '', {})2、获取cookie（需借助第三方中间件): * 安装： npm i cookie-parser * 引入：const cookieParser = require('cookie-parser') * 使用：...

2019-10-15 11:06:38 374

原创 H5即时通讯Websocket

/** * Created by admin on 2017/8/19. */// import Vue from 'vue'// import axios from './HTTP.js'// Vue.use(axios)import * as DB from './DBDATA.js'// import qs from 'qs'const WebSocketMsg = fun...

2019-10-12 15:32:38 1509

原创 Mongoose基本操作

Mongoose 基本操作-Create 模型对象.create(文档对象，回调函数) 模型对象.create(文档对象)-Read 模型对象.find(查询条件[,投影])不管有没有数据，都返回一个数组模型对象.findOne(查询条件[,投影])找到了返回一个对象，没找到返回null-Update 模型对象.updateOne(查询条件,要更新的内容[,...

2019-10-12 15:32:17 237

原创 Linux常用命令

Linux命令格式：　命令　　　　选项　　　　参数command　　[-options]　　[parameter1] ····常用命令：tree　　以目录树的方式显示；　　tree / 　　以目录树方式显示根目录结构clear　　　　清空当前终端显示区域Ctrl shift +　　控制终端显示器大小变大Ctrl -　　控制终端显示器大小变...

2019-10-11 09:33:01 104

转载 vim编辑器基本操作

命令模式：按（i）键进入编辑模式，将在光标前面插入；　　按（I）键进入编辑模式，将在光标行首插入；　　按（a）进入编辑模式，在光标后面插入；　　按（A）键进入编辑模式，将在光标行末插入；　　按（o）进入编辑模式，在光标下一行插入；　　按（O）进入编辑模式，在光标上一行插入；　　（yy）复制光标所在的这一行　　　　（5）（yy）光标所在位置...

2019-10-11 09:32:07 161

转载 ubuntu安装mysql 时未提示输入密码

我在Ubuntu16.04版本中使用终端安装MySQL5.7时，按照度娘的教程，搜索如何安装，大多是如下代码： sudo apt-get install mysql-server sudo apt-get install mysql-client检查MySQL是否运行：　sudo netstat -tap | grep mysql如果成功安装，我的会显示如下内容：tcp...

2019-10-11 09:31:02 89

原创 MySQL数据库基本用法

远程连接数据库mysql -u root -p　　#-u 用户名 -h后面写要连接的主机ip地址-u后面写连接的用户名-p回车后写密码回车后输入密码，当前设置的密码为toor　　数据库操作创建数据库create database 数据库名 charset=utf8;删除数据库drop database 数据库名;切换数据库use 数据库名;查看当前选...

2019-10-11 09:29:34 75

原创 MySQL数据库基本用法-查询

查询的基本语法select * from 表名;from关键字后面写表名，表示数据来源于是这张表 select后面写表中的列名，如果是*表示在结果中显示表中所有列在select后面的列名部分，可以使用as为列起别名，这个别名出现在结果集中如果要查询多个列，之间使用逗号分隔　消除重复行在select后面列前使用distinct可以消除重复的行select dis...

2019-10-11 09:28:57 79

原创 MySQL数据库基本用法-聚合-分组

聚合为了快速得到统计数据，提供了5个聚合函数 count(*)表示计算总行数，括号中写星与列名，结果是相同的查询学生总数select count(*) from students;　　max(列)表示求此列的最大值查询女生的编号最大值select max(id) from students where gender=0;　　min(列)表示求此列的最小值...

2019-10-11 09:27:57 178

原创 Mac终端下的svn使用教程

Mac终端下的svn使用教程1、将文件checkout到本地目录1 svn checkout path（path是服务器上的目录）2 例如：svn checkout svn://192.168.1.1/svn3 简写：svn co2、往版本库中添加新的文件1 svn add file2 例如：svn add test.php(添加test.php)3 svn add *.php(...

2019-10-11 09:26:33 791

原创 JavaScript函数、闭包、原型、面向对象

JavaScript函数、闭包、原型、面向对象断言单元测试框架的核心是断言方法，通常叫assert()。该方法通常接收一个值–需要断言的值，以及一个表示该断言目的的描述。如果该值执行的结果为true，断言就会通过；否则，断言就会被认为是失败的。通常用一个相应的通过（pass）/ 失败（fail）标记记录相关的信息；function assert(value, desc) { ...

2019-10-11 09:22:09 83

原创 JavaScript中的变量类型有哪些？

JavaScript中的变量类型有哪些？值类型：字符串（string）、数值（number）、布尔值（boolean）、null、undefined引用类型：对象（Object）、数组（Array）、函数（Function）值类型和引用类型的区别值类型：占用空间固定，保存在栈中（当一个方法执行时，每个方法都会建立自己的内存栈，在这个方法内定义的变量将会逐个放入这块栈内存里，...

2019-10-11 09:21:36 2376

原创 JavaScript对象

JavaScript对象创建对象在JavaScript中，对象为‘王’。对象只是一组有命名的值（也称属性）集合的容器。// 创建对象let cody = new Object();// 为cody对象的各种属性赋值（使用点表示法）cody.living = true;cody.age = 33;cody.gender = 'male';console.log(cody)...

2019-10-11 09:20:52 74

原创 typescript报错集锦

typescript报错集锦错误：Import sources within a group must be alphabetized.tslint(ordered-imports)原因：import名称排序问题，要求按照字母从小到大排序；解决方案：修改 tslint.json 中 rules 的规则 “ordered-imports” 为 false 即可。"rules": {　　...

2019-10-10 17:08:27 1611

原创 npm包版本发布、删除教程

npm包版本发布、删除教程注册npm账户并在本机添加npm用户进入https://www.npmjs.com/，注册账户打开终端，输入npm login输入账号名、密码、邮箱，登录成功后将添加至npm的本地配置中；创建npm包项目新建空文件夹，由于基于vue封装插件，所以建议使用webpack-simple模版项目来开发， vue init webpack-simple v-t...

2019-10-10 17:07:36 1559

原创 Mac连接远程服务器

Mac连接远程服务器mac的终端通过ssh远程连接Linux服务器：首先切换到管理员身份root：sudo -i // 切换root权限连接访问远程服务器语法：ssh root@ip地址ssh root@192.168.0.8 // 连接远程服务器地址连接成功后，输入password即可成功访问mac上传文件远程服务器打开本地终端：输入命令scp 本地文件...

2019-10-10 17:01:24 486

原创在centos7安装nodejs并升级nodejs到最新版本

在centos7安装nodejs并升级nodejs到最新版本下面操作服务器的身份默认是管理员root，如果权限不足，请加 sudo1. 安装nodejs1.1 使用EPEL安装EPEL（Extra Packages for Enterprise Linux）企业版Linux的额外软件包，是Fedora小组维护的一个软件仓库项目，为RHEL/CentOS提供他们默认不提供的软件包。先确认系...

2019-10-10 17:00:22 1690

原创 Linux常用命令

Linux常用命令查看和删除进程ps 命令用于查看当前正在运行的进程。ps [选项]-e 显示所有进程,环境变量-f 全格式-h 不显示标题-l 长格式-w 宽输出grep 是搜索例如： ps -ef | grep java表示查看所有进程里 CMD 是 java 的进程信息ps -aux | grep java-aux 显示所有状态kill 命令用于终止进程例...

2019-10-10 16:59:55 72

原创 Mongodb安装教程

Mongodb安装教程下载解压安装包创建数据存储目录和日志文件目录修改环境变量编辑.conf配置文件启动1、下载解压安装包curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.0.2.tgztar -zxvf mongodb-linux-x86_64-rhel70-4.0.2.tgzmv ...

2019-10-10 16:59:21 227

原创 GET请求与POST请求

GET请求与POST请求前言HTTP设定了八种发送请求方式（也称为“动作”）。这八种方法没有任何本质上的区别。只是让请求，更加有语义化而已。八种方法分别为：OPTIONS、HEAD、GET、POST、PUT、DELETE、TRACE、CONNECT这八种方法最终经过“岁月沉淀”后，最常用的是这两种：GET、POSTGET1. 含义：从指定的资源获取数据（一种“索取”的感觉）。2....

2019-10-10 16:58:32 135

转载 vue2.0构建单页应用最佳实战（一）

vue2.0构建单页应用最佳实战（一） 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发二、环境搭建我们使用vue-cli脚手架工具构建#安装 vue-clinpm install -g vue-cli#使用vue-cli初始化项目vue

2017-06-08 22:48:32 356

转载 vue 2 滚动条加载更多数据实现

vue 2 滚动条加载更多数据实现解析：　　判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。　　scrollTop为滚动条在Y轴上的滚动距离。　　clientHeight为内容可视区域的高度。　　scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。　　从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为s

2017-03-17 19:55:12 1405

转载 VueJs Ajax数据交互

在VUE开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。<li class="article" v-for="list in data"> <a href="#"> <img :src="'<%=Conf.OSS_IMG_URL%>' + list.icon" alt=""> <p class="w

2017-03-17 11:19:27 3992

原创移动端JQ插件hammer使用详解

**移动端JQ插件hammer使用详解** 用法： 1,首先引入jq2.0以上版本和jquery.hammer.js. 2,获取元素,和jq一样，在后面加上hammer就可以了 var hammertime = $('.tabsa').hammer(); 3,可以直接用on直接添加事件 hammertime.on(‘tap’, function(ev) {}) 这

2016-09-29 16:44:42 3564

原创 josn 404 405 415

当json数据包裹两层$('#modify').click(function(){ $.ajax({ type:'post', url:'/prdeft-web/appDeviceCheck/addOrUpdateByBatch', data:JSON.stringify(_data),

2016-09-08 19:00:19 316

原创本地存储SessionStorage

本地存储SessionStorageSessionStorage：将数据保存在session对象中，所谓session是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间会话，也就是用户浏览这个网站所花费的时间就是session的生命周期。session对象可以用来保存在这段时间内所要求保存的任何数据。此对象主要有两个方法：保存数据：sessionStorage.setItem(

2016-08-23 11:40:53 6499

原创 FormData序列化及file文件上传

表单数据上传情况一: 1.当表单文件处于无任何处理状态时，用submit提交直接上传; 但这种方式上传，数据无任何处理；(极少使用)；情况二： 1.当表单文件使用$.ajax上传，表单中无file文件上传时，数据要进行序列化处理，要将表单中的数据转为json数据格式；1.serialize()方法重点内容　　格式：var data = $(“form”).serialize();

2016-08-18 14:37:13 18610

原创 input[type=file] 样式美化，input上传按钮美化

思路： input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。 DOM结构：`<a href="javascript:;" class="a-upload"> <input type="file" name="" id="">点击这里上传文件</a><a href="javascript:;" cl

2016-08-18 14:25:39 3628

转载 jQuery事件 delegate()使用方法介绍

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数delegate定义和用法delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。语法

2016-08-15 10:54:33 276

原创 2016.8.12 checkbox全选/取消

$(function(){ $('#select_all').click(function(){ /*alert('全选/全不选');*/ var checkbox=$('input[type="checkbox"]'); /*console.log(checkbox);*/ var i

2016-08-12 11:14:42 325

原创 HTML5创建的简易web表单

html><!-- ! Excerpted from "HTML5 and CSS3", ! published by The Pragmatic Bookshelf. ! Copyrights apply to this code. It may not be used to create training material, ! courses, books, articles, a

2016-08-11 17:19:04 1566

战胜Javascript

空空如也