摘要:
本文分两章节,分别讲解如何使用js2image这个库生成可以运行的圣诞树代码 和 js2image的原理。 github地址:https://github.com/xinyu198736/js2image ps:求star 在线转换地址:http://f2e.souche.com/cheniu/js 阅读全文
摘要:
前言 优秀的前端工程师戴着脚铐跳舞,究竟能把 HTML5 的体验推进到什么程度? 这些 Web apps 是我们运营云集浏览器的网上应用店一年来,我选出的十佳 Web apps。其中参考了同事们的意见,但也带有强烈的主观倾向,反映了我个人对于一个「Web application」设计、实现与价值的一 阅读全文
摘要:
视野和世界 2D绘图中很多人会有一个误区,就是我绘图的区域是一个矩形区域。无论新建一个画布还是创建了一个容器,心里都想象里面有一个矩形区域。其实,在SVG当中,矩形区域只是视野,是我们看到的部分。实际上你能绘制的区域是一个无穷大的世界。 世界是客观地,只要定义了世界的内容,那么内容就是确定的。视野是 阅读全文
摘要:
之前发过一篇文章《移动端应该如何动态设置字体大小?》,主要说了移动web端布局的一些解决方法,本文再一次把这个问题提出来,并分别对安卓和IOS设备的屏幕了解做出自己的分享,在进入正文之前最好先了解:物理像素、逻辑像素、DPR和Rem。 那么进入正文,不废话,直接把自己了解到的和一些看法说出来。 首先 阅读全文
摘要:
介绍 大家都知道,Javascript是单线程的,所以如果页面中的Javascript有大量计算的话,很容易阻塞页面的动画或者交互响应。HTML5中的Web Worker就使Javascript的多线程编程成为可能。 使用 Web Worker是一段运行在后台的Javascript代码,不会影响页面 阅读全文
摘要:
最近关于移动网站开发或APP轻应用的内容越来越多了,,有一些好的方法可以快速开发,但不系统,这里推荐一本书吧。学完后,到是真可以20分钟制作,其实不难,就是要系统学。 PhoneGap的目的是用来快速开发移动跨平台 APP,它基于 HTML 5,支持市面上流行的移动设备,《构建跨平台APP:HTML 阅读全文
摘要:
历史状态管理是现代Web应用开发中的一个难点。在现代Web应用中,用户的每次操作不一定会打开一个全新的页面,因此“后退”和“前进”按钮也就失去了作用,导致用户很难在不同状态间切换。 要解决这个问题,首选使用 hashchange事件(第13章曾讨论过)。HTML5通过更新 history对象为管理历 阅读全文
摘要:
canvas 画图经常发现他是模糊的。解决这个问题主要从两个方面下手。 改变canvas渲染的像素情况:画1像素的线条看起来模糊不清,好像更宽的样子。 解决方案 var ctx = canvas.getContext('2d'); ctx.translate(0.5, 0.5); 原理:大家都知道屏 阅读全文
摘要:
简介 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。 网址:http://www.ztree.me/v3/main.php#_zTreeInfo 上面的网址里有ztree的详细介绍、Demo 演示、API 文档、入门指南 以及下载。 这里不再赘述。 使用说明 1、下载ztree文件 阅读全文
摘要:
一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号(啃先生) 上一篇发了《【移动适配】移动Web怎么做屏幕适配》,现在继续。 壹 | Fisrt 在CSS的世界里Px是原子操作,我们无法定义边框的宽度是0.5px,最小都是1px。所以有以下结论: 然而,对于精益求精 阅读全文