webpack 一套工程代码 管理多个相似项目

业务场景

经常会有一些相互独立的活动类H5开发,当量多的时候,我们就需要一套工程化管理模式来解放我们的双手。

因为每一个独立的活动H5体量都不大,所以不太可能一个项目对应一套工程。所以我们需要的是一套能管理多个类似项目的模式,实现了一个工程管理多个项目。

Read More...

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

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