CentOS下nodejs安装

阿里云购买服务器后,提供了一件安装各类系统的快捷方式。当然你也可以自己捣腾,来远程安装。今天尝试了一下远程安装nodejs,并做了下面的笔记,方便日后温故。 客户端连接远程服务器官方列举了如下几种连接方式: 使用浏览器发起安全连接 客户端使用密钥进行连接 客户端使用账号密码进行连接 如果已经在控制台启用过密钥,使用账号密码登录还需要按照《SSH配置说明》修改SSH服务配置或者删除密钥。 我这里之前没用过秘钥连接,想用账号密码方式连接

Read More...

微信小程序笔记

在前端学习方面,一直不太愿意去尝试过于新的东西。新的东西往往意味着功能不全面,要采坑填坑,学习成本较大。甚至经不起时间的考验,还没来得及应用就已经不能代表最先进的开发模式。特别是过去的五六年,前端发生了翻天覆地的变化,这就更需要我们有选择性的去学习,而不是冒然跟新。 但对于微信小程序,在过去的一年里的成长,大家是有目共睹的。不管是从官方更新节奏,还是社区活跃度,已经日趋成熟。甚至大部分的招聘岗位都不忘加上会小程序这一条。所以我觉得是时候

Read More...

canvasEvent介绍

github canvasEvent.js 一个给canvas内部添加事件相应区域的js库。支持鼠标响应与触屏响应,简单易用,无需重绘画布元素。 原理:在canvas注册相应的事件,并给canvas内部添加几何响应区域。当交互发时,判断事件是否发生在几何响应区域。如果交互发生在几何响应区域时,响应该区域注册的事件。 初始化事件1var ces = new CE.Stage(canvas,['out','over','move','dow

Read More...

gulp+Babel ES6初体验

新建项目文件夹 mkdir gulp-es6-demo 进入项目文件夹 cd gulp-es6-demo 创建src文件夹和dist文件夹 mkdir src dist 初始化项目 得到package.json文件 cnpm init 安装babel-cli babel-preset-env npm install –save-dev babel-cli babel-preset-env 创建babel配置文件.babel

Read More...

addEventListener的第三个参数

微信h5手势下滑,会拖动页面,露出网页来源的文字。对于一些需要页面滑动交互的h5,可以通过下面的代码来阻止微信浏览器的这一行为。但是前几天突然发现部分ip手机下e.preventDefault()居然不起作用了。。。

Read More...

冒泡那些事

本文正真的标题:阻止子元素事件冒泡触发父元素 mouseover 和 mouseout 的事件函数。(因为太长,作为标题实在是看不下去。。。) 首先你可以猛戳这里: 问题的出现 我们在父元素上写mouseover 和 mouseout,鼠标在子元素之间移动的时候发生了子元素的mouseover 和 mouseout事件,并冒泡触发了父元素的事件函数。这个时候我们并不希望触发父元素的mouseover 和 mouseout事件。 注:j

Read More...

正则笔记

基本语法正则格式:/pattern/modifiers; pattern(模式) 描述了表达式的模式modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配 修饰符修饰符 包括i 执行对大小写不敏感的匹配。g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。m 执行多行匹配。 模式() 是为了提取匹配的字符串[]是定义匹配的字符范围{}一般用来表示匹配的长度 /|+/g 匹配两个或两个以

Read More...

js卷积矩阵滤镜

github地址 学习参考图像处理-线性滤波-1 基础(相关算子、卷积算子、边缘效应)很多看不懂的东西高斯模糊的算法(高斯卷积 高斯核)彻底理解数字图像处理中的卷积图像卷积与滤波的一些知识点 闲来无事,写了一个简单的卷积矩阵滤镜,再次做下记录。 卷积 : 大矩阵和小矩阵对应位置元素相乘再求和的操作就叫卷积; 卷积矩阵滤镜需要我们把待处理的平面数字图像看做一个大的矩阵, 图像的每个像素对应着矩阵的每个元素, 假设我们平面的分辨率是 102

Read More...

js模拟滚动条

不要问我为什么不用css来实现,说多了都是泪。。。一句话就是:项目需要。。。 “Source Code Pro”, Consolas, Monaco, Menlo, Consolas, monospace 说明: 基于原生js,不依赖第三方库 兼容性:Trident(ie5+,包括混杂模式)、 Gecko(Firefox3.6.28+)、 Presto(oprea9.0+)、 Webkit、 Safari 支持滚动条多层嵌套 支持

Read More...