IVY DOM


 

人生就像一副复杂拼图
每个人总有属於自己的记忆碎片
优质美国空间-老薛主机|IVY DOM|Flowline|

联系我

RSS




三月 09, 2016

WebAPP总览

手机端应用开发

平台

  1. iOS
  2. Android
  3. Windows 10
  4. Web

开发工具/语言

前端

  1. iOS -> XCode -> Swift/Objective-C
  2. Android -> Android Studio/Eclipse/Visual Studio -> Java/C[……]

Read more

三月 08, 2016

HTML5 canvas图像开发之多图层单个保存问题

HTML5的canvas可以直接覆盖,但当单个保存图层时会发生上一层图层附带下一层图层图像问题

解决办法是使用getImageData获得图像二进制数据,这个二进制数据是单独的canvas图像数据

再使用putImage将二进制数据绘制到新的canvas上,最后使用toDataURL转换为ba[……]

Read more

二月 21, 2016

js 克隆对象

js的对象、数组传值都是按引用传递的,所以当把某个对象传递给某个变量时,操作新变量相当于操作原对象。
这时只需要手动复制下原对象即可:


cloneObject: function(original, ignoreList) { ignoreList = ignoreLis[......]

Read more

一月 20, 2016

( nodejs + restify ) + EventSource = comet

comet

俗称的服务器推技术,与ajax相对。comet能有效减少使用ajax轮询过程中产生的无用信息量,但缺点是耗费服务器资源多一些。

EventSource

EventSource是HTML5的服务器推标准实现方案。
熟悉WebSocket的用户会很容易理解这项技术。EventSourc[……]

Read more

九月 01, 2015

前端的误解

由于对后台增删查改的深度厌烦,已将自己的发展方向定为Web前端.然而近期却总能感受到一些人对前端的不理解.

当有人问起我是做什么方向的时候,我回答:”Web前端“,然后那人会若有所悟的说:”,做网页的“.每当听到这句话,我感受到的都是一种傲慢与偏见.很多人对前端的理解还停留在切切图,Dream[……]

Read more

六月 17, 2015

Tidy.CSS免费响应式CSS3框架V0.1正式发布

官方网站:http://tidy.ivydom.com/

官方教程:http://tidy.ivydom.com/document.php

核心代码两天完成,应该还有很多BUG,欢迎来这里提交,我会尽快解决:)http://tidy.ivydom.com/bug.php

Tidy.CS[……]

Read more

四月 23, 2015

D3.js数据可视化应用

http://www.ourd3js.com/wordpress/?p=865

这个网站很好的介绍了d3.js的使用方法,如果你使用过jquery那么对它的语法应该会很熟悉

d3.js的官网:http://d3js.org/

官方API:https://github.com/mbo[……]

Read more

四月 06, 2015

利用localStorage和栈进行页面持久化存储

移动webApp的页面需要进行AJAX加载,所以页面的返回浏览器不会自行记录,这就需要用到栈来进行页面地址的push和pop

而变量会随着页面的刷新而消失(虽然移动webApp用到大量AJAX技术,但是还是有刷新页面的),所以需要使用localStorage进行持久化存储

localSt[……]

Read more

二月 20, 2015

HTML5弹幕播放器

看acfun,bilibili也有好几年了,所以自己也一定要亲手写一个弹幕播放器.

4天时间,目前进度是80%,还没有发布.

Github项目地址:https://github.com/leinue/barragePlayer

所用技术:HTML5(Video),jQuer[……]

Read more

二月 10, 2015

响应式Web设计

响应式设计一直是我的弱项,今天花了几个小时读了这本书(响应式Web设计:HTML5和CSS3实践),200多页,很多内容我都知道,也经常用到,所以读的很快,为了防止遗忘一些我没用过或不熟悉的特性,特此记录.

  • 媒体查询

在CSS样式表中使用媒体查询

@media screen an[……]

Read more