自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 一步步教你怎么把vue项目部署到Node服务器上

我之前的那个demo 手把手教你用Vue2+webpack+node开发一个H5 app是部署到openshift上的,本来想以在openshift上部署为例的,但是突然发现openshift 2版本的好像不再支持注册了,升级到3版本的好像要money了,虽然也可以申请免费的账号,但是要审核,而且貌似审核通过了只能免费试用一个月。我的账号是很久很久之前申请的,所以现在还可以用的。小科普:opens

2017-07-25 13:10:14 10276 1

原创 手把手教你用Vue2+webpack+node开发一个H5 app

手把手教你用Vue2+webpack+node开发一个H5 app​前一篇vue2 + webpack + node 开发一个小demo说到了用vue的一些基本用法,这一篇就讲一个复杂一点的更完整的例子,仿制一个H5 APP,这个APP就叫[one.一个],在百度搜索 one 就能找到啦[为什么仿这个呢,因为这是我用了很久的一个app呀 :laughing: ]。完整代码放在了github,戳这里

2017-07-11 13:30:29 1180

原创 vue + webpack + node 开发一个小demo

vue + webpack + node 开发一个小demo一、构建项目假设你已经安装好了node / npm / webpack / vue-cil环境。进入到你要新建项目的文件夹下,新建一个vue项目。$ vue init webpack one; //one 就是你的项目名称,我这里打算仿一下One app。执行这条命令后,会有一些提示输入:项目名称、项目描述、作者、是否使用vue-ro

2017-06-27 23:10:25 2323

原创 HTML5 ——web audio API 音乐可视化(二)

HTML5 ——web audio API 音乐可视化(二)上一篇 web audio API 音乐可视化(一)介绍了一些基本的API,以及如何简单的播放一个音频,本篇介绍一下怎么对获取到的音频进行分析,并将分析后的数据绘制成图像。最终效果请戳这里;完整版代码请戳这里,如果还看得过眼,请给一个start:star:一、API介绍分析音频要用到一个音频分析对象AnalyserNode,它能实时分析音频

2017-05-19 22:21:01 2777

原创 HTML5 —— audio API 音乐可视化(一)

HTML5 ——web audio API 音乐可视化(一) 使用Web Audio API可以对音频进行分析和操作,最终实现一个音频可视化程序。最终效果请戳这里;完整版代码请戳这里,如果还看得过眼,请给一个start:star:一、APIAudioContext: 该接口表示由音频模块链接而成的一个音频上处理下文,类似于canvas里面getContext(2d)返回的对象,对音频的一切

2017-05-17 22:35:14 2979 1

原创 用canvas画一个时钟

用canvas画一个时钟此篇内容假定你已经有了一定的canvas基础了,如果还没有,请参考canvas基础知识点(一);写在前面: Canvas 的状态是以堆(stack)的方式保存的,每一次调用 save() 方法,当前的状态就会被推入堆中保存起来,这些状态包括移动、旋转、缩放等。而对应的restore()方法会将上一个保存的状态从堆栈中弹出,恢复了canvas的初始状态,不会影响后续的绘图。

2017-05-14 18:00:45 444

原创 canvas基础知识点(一)

canvas基础知识点(一)canvas说简单点就是一个标签,跟<img> 标签很类似,但是没有src 属性,<canvas> 标签只有两个属性:height和width ;说复杂点,canvas 可以绘制图形、绘制文本、绘制图像、制作动画等都是妥妥的,在此只讨论绘制图形,其他的就不多说了。注:canvas默认的初始宽度为300像素,高度为150像素,所以如果你用css设置的宽度和高度跟这个比

2017-05-13 13:44:18 417

原创 异步编程——promise

异步编程——promise定义 Promise是异步编程的一个解决方案,相比传统的解决方法——回调函数,使用Promise更为合理和强大,避免了回调函数之间的层层嵌套,也使得代码结构更为清晰,便于维护。Promise 是一个对象,从他可以获取异步操作的消息,他也是一个容器,里面包含着事件结束之后要进行的操作。特点Promise对象有两个特点:对象的状态不收外界干扰。Promise对象有三种状

2017-04-29 14:33:23 704

原创 实现jQuery-form.js实现异步上传文件

用jQuery-form.js插件实现异步上传文件  做为一个前端开发,你肯定遇到过这样的需求:异步上传文件,还要兼容IE 8。[纳尼,没遇到过,那你们产品和UI对你也忒好了吧。]  遇到这种需求,如果项目不是很赶,可以自己用iframe来做,如果项目比较赶的话,就可以使用jquery-form.js插件来实现,方便快捷。一、举个栗子先下载 JQuery-form.js文件并引入,也可以使用CD

2017-04-27 19:26:15 2350

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除