微信小程序笔记

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

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...

Adobe CC 2018震撼来袭,一起来体验吧!

在2017年还剩不到10天的时候,adobe又发布黑科技。我也忍不住不激动的小心情,给自动的电脑升级几款常用的软件。闲来欣赏一下几张启动美图: 最受大家关注的软件就是PS了,这次的Adobe 2018版的PS到底做了哪些新升级呢? 更为直观的工具提示 画板的引导教学 画笔的管理模式优化升级 绘制功能增强 强化云体验 全景图制作 看到这里有没有心痒痒,想升级你的ps呢? 哈

Read More...

H5海报生成器的那些坑

H5海报生成器大概流程:从本地相册调用一张图作为背景,然后放到canvas中,和其他元素一起导出一张海报图片。 FileReader API H5用FileReader调用本地图片12345<!-- 部分手机某些相册文件夹里的图片 不可选 --><input class="abso upimg" id="upimg" accept="image/gif, image/jpeg, image/jpg, image/png

Read More...

vue.js初探笔记

前端技术框架的发展在过去的几年里发展极快,在填补原有技术框架空白和不足的同时也渐渐趋于成熟。Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文主要记录在窥视vue神奇魅力的过程中的一些简单笔记,以备日后温故。

Read More...

冒泡那些事

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

Read More...

GLSL ES

1234varying vec2 vUv;void main() { gl_FragColor = vec4(vUv.x, vUv.y, 0.0, 1.0);} main()函数是GLSL ES程序的入口,一个着色器程序有且仅有一个main函数,并且不能接受任何参数。 强类型语言声明变量时,必须指明变量类型。在定于函数时,必须指明函数的返回值。如上main前的void就是表示函数不返回任何值。 基本数据类型 数值类型

Read More...

正则笔记

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

Read More...