• 认真地记录技术中遇到的坑!
  • 能摸鱼真是太好啦!嘿嘿嘿!

PHPStorm中对nodejs项目进行单元测试

PHPStorm中对nodejs项目进行单元测试
安装必要的包 nodejs的单元测试最常用的是使用mocha包。首先确保你本地安装nodejs,之后安装mocha包。 npm install mocha -g 然后还需要安装相关的断言工具,Node.js中常用的断言库有: assert: TDD风格 should: BDD风格 expect: BDD风格 chai: BDD/TDD风格 使用npm……继续阅读 »

悠悠 8个月前 (02-27) 501浏览 0评论 3个赞

JavaScript键盘鼠标事件处理

JavaScript键盘鼠标事件处理
监听键盘鼠标事件 监听某个按键事件 当键盘上的某个键被按下时,会依次触发一次下面的事件: onkeydown: 键盘按下这个动作(按下键盘) onkeypress: 键盘被按住(一直按着键盘不动) onkeyup: 键盘被弹起(松开键盘) 通过监听keydown事件既可以知道键盘被按下: document.onkeydown = function(eve……继续阅读 »

悠悠 8个月前 (02-14) 448浏览 0评论 2个赞

JavaScript类型相关常用操作

JavaScript类型相关常用操作
JS数组,字符串,json互相转换 JS数组转字符串 使用数组自带的join方法可以把数组转化为字符串: let arr = [1,2,'uu']; let str = arr.join(','); console.log(str); // 1,2,uu 如果素组元素包含对象,则调用对象的toString()方法将对象转化为字符串。 class C { ……继续阅读 »

悠悠 8个月前 (02-12) 248浏览 0评论 1个赞

npm安装依赖包出错问题处理

npm安装依赖包出错问题处理
本文记录在使用npm安装依赖包过程中踩过的坑。一般来说,npm安装失败时需要注意下面几点: 是否能够访问安装源:检查代理和当前安装源 当前的node版本是否兼容已有模块node_modules 输入的依赖包名称是否正确 npm ERR! code ECONNRESET 在使用npm安装node的模块的时候,经常会出现下面的一些错误: npm ERR! ……继续阅读 »

悠悠 1年前 (2018-09-25) 4385浏览 0评论 10个赞

angular构建应用

angular构建应用
设置开发环境 首先需要node和npm来管理angular,你需要安装nodejs,npm是node的包管理工具,一般安装node是自动安装。 为了能够使用angular,需要node 8.x 和 npm 5.x 以上的版本。更老的版本可能会出现错误,更新的版本则没问题。 全局安装angular,命令行运行下面命令安装angular # -g表示全局安装an……继续阅读 »

悠悠 1年前 (2018-07-06) 780浏览 0评论 6个赞

XLSX前端实现表格导出

XLSX前端实现表格导出
概述 js-xlsx是一个前端excel表格数据解析处理插件,兼容性非常好。 该插件github地址为:https://github.com/SheetJS/js-xlsx Angular2中使用XLSX导出表格到本地 将表格数据,一个二维数组传入exportExcel方法的data即可,自动下载excel文件。 import * as XLSX from ……继续阅读 »

悠悠 1年前 (2018-05-22) 1282浏览 0评论 1个赞

bootstrap常用插件使用方法

bootstrap常用插件使用方法
本文记录bootstrap的一些常用前端插件的使用方法 bootstrap-datepicker.js使用 介绍 bootstrap日期显示插件。 Git地址:https://github.com/uxsolutions/bootstrap-datepicker 官方CDN列表:http://www.bootcdn.cn/bootstrap-datepick……继续阅读 »

悠悠 1年前 (2018-05-01) 704浏览 0评论 2个赞

一次日语翻译Chrome插件的开发经历

一次日语翻译Chrome插件的开发经历
序言 去年7月刚过了日语N2,想着今年考个N1,为了加深日语文化的了解,还有学习日语,平时免不了经常上日语网站。 但是毕竟水平有限,所以不免遇到不认识的单词,日语单词的一个特点就是很多单词你知道是什么意思,但是不知道怎么读。 比如:“簡素な構造” 中的第一个词:“簡素”,很显然就是“简单,朴素的意思”,但是你肯定不知道它的读音是:“[かんそ]①”。 以前遇到……继续阅读 »

悠悠 2年前 (2018-03-14) 1389浏览 5评论 8个赞

canvas实现水波纹效果

canvas实现水波纹效果
本文将会从水波的基本原理开始,详细讲解在canvas中模拟水波扩散,分析并计算水波的能量分布,并通过振幅模拟水波对图像的折射效果,最后实现水波特效。 水波基本原理 首先复习一波高中物理知识。 波是指振动的传播。波的传播方向与质点振动方向垂直的为横波,相同则为纵波,水波是横波和纵波的叠加。 对于水波这种波,我们在实现这个特效的时候,需要考虑到下面的特性: 圆……继续阅读 »

悠悠 2年前 (2018-03-11) 3730浏览 2评论 53个赞