webpack 一套工程代码 管理多个相似项目
项目地址h5-webp FOUC使用webpack打包项目后，css以style内嵌样式的方式放在head里，所以打开出现了短暂的无样式状态。 解决办把就是把css抽离出来，用link的形式引入。抽离css可以用 mini-css-extract-plugin（extract-text-webpack-plugin）。 mini-css-extract-plugin只负责抽离css，并不能压缩css。 webpack中hash、chun
CentOS下nodejs安装
阿里云购买服务器后，提供了一件安装各类系统的快捷方式。当然你也可以自己捣腾，来远程安装。今天尝试了一下远程安装nodejs，并做了下面的笔记，方便日后温故。 客户端连接远程服务器官方列举了如下几种连接方式： 使用浏览器发起安全连接 客户端使用密钥进行连接 客户端使用账号密码进行连接 如果已经在控制台启用过密钥，使用账号密码登录还需要按照《SSH配置说明》修改SSH服务配置或者删除密钥。 我这里之前没用过秘钥连接，想用账号密码方式连接
微信小程序笔记
在前端学习方面，一直不太愿意去尝试过于新的东西。新的东西往往意味着功能不全面，要采坑填坑，学习成本较大。甚至经不起时间的考验，还没来得及应用就已经不能代表最先进的开发模式。特别是过去的五六年，前端发生了翻天覆地的变化，这就更需要我们有选择性的去学习，而不是冒然跟新。 但对于微信小程序，在过去的一年里的成长，大家是有目共睹的。不管是从官方更新节奏，还是社区活跃度，已经日趋成熟。甚至大部分的招聘岗位都不忘加上会小程序这一条。所以我觉得是时候
canvasEvent介绍
github canvasEvent.js 一个给canvas内部添加事件相应区域的js库。支持鼠标响应与触屏响应，简单易用，无需重绘画布元素。 原理：在canvas注册相应的事件，并给canvas内部添加几何响应区域。当交互发时，判断事件是否发生在几何响应区域。如果交互发生在几何响应区域时，响应该区域注册的事件。 初始化事件1var ces = new CE.Stage(canvas,['out','ov
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
addEventListener的第三个参数
微信h5手势下滑，会拖动页面，露出网页来源的文字。对于一些需要页面滑动交互的h5，可以通过下面的代码来阻止微信浏览器的这一行为。但是前几天突然发现部分ip手机下e.preventDefault()居然不起作用了。。。
Adobe CC 2018震撼来袭，一起来体验吧！
在2017年还剩不到10天的时候，adobe又发布黑科技。我也忍不住不激动的小心情，给自动的电脑升级几款常用的软件。闲来欣赏一下几张启动美图： 最受大家关注的软件就是PS了，这次的Adobe 2018版的PS到底做了哪些新升级呢？ ** 更为直观的工具提示 ** ** 画板的引导教学 ** ** 画笔的管理模式优化升级 ** ** 绘制功能增强 ** ** 强化云体验
H5海报生成器的那些坑
H5海报生成器大概流程：从本地相册调用一张图作为背景，然后放到canvas中，和其他元素一起导出一张海报图片。 FileReader API H5用FileReader调用本地图片1234567<!-- 部分手机某些相册文件夹里的图片 不可选 --><input class="abso upimg" id="upimg" accept="image/gif, image
vue.js初探笔记
前端技术框架的发展在过去的几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文主要记录在窥视vue神奇魅力的过程中的一些简单笔记，以备日后温故。
冒泡那些事
本文正真的标题：阻止子元素事件冒泡触发父元素 mouseover 和 mouseout 的事件函数。（因为太长，作为标题实在是看不下去。。。） 首先你可以猛戳这里： 问题的出现 我们在父元素上写mouseover 和 mouseout，鼠标在子元素之间移动的时候发生了子元素的mouseover 和 mouseout事件，并冒泡触发了父元素的事件函数。这个时候我们并不希望触发父元素的mouseover 和 mouseout事件。 注：j