摘要:
前言 优秀的前端工程师戴着脚铐跳舞,究竟能把 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。所以有以下结论: 然而,对于精益求精 阅读全文
摘要:
复杂纷扰的世界背后,总会有万变不离其宗的简单规则 文 | 啃先生 Mar.08.2016 壹 | First 前面写了两篇移动适配相关的文章: 《移动Web怎么做屏幕适配(一)》重点介绍了怎样利于rem来处理尺寸(width、height、margin、padding等等)相关的适配。 《一个像素的 阅读全文
摘要:
函数调用总结 通常构成函数主题的JS代码在定义之时是不会被执行的,只有在调用函数是才会被执行有4种方式可以调用JS函数 函数调用 //定义函数 factorial function factorial(){ if(x <= 1) return 1; return x * factorial(x-1) 阅读全文
摘要:
百度开放云 BOS Uploader bce-bos-uploader 是基于 bce-sdk-js 开发的一个 ui 组件,易用性更好。DEMO地址是:http://leeight.github.io/bce-bos-uploader/ 支持的浏览器 http://caniuse.com/#fea 阅读全文
摘要:
一、柱形图 1.选择集 d3.select()d3.selectAll() 2.数据绑定 <div>Apple</div> <div>Banana</div> <div>Cat</div> <div>Dog</div> var num = 35; var body = d3.select("body 阅读全文
摘要:
函数节流的原理 函数节流,就是对会频繁触发的函数事件做一些限制,让这些函数可以在每隔一定的时间或者每次满足一定的条件下再触发。一般我们会给他起一个名字throttle。也就是节流的意思。一般这样的函数有 resize事件、ontouchmove事件等。 举个简单的例子 <!DOCTYPE html> 阅读全文
摘要:
css3 svg爱心点赞酷炫动画特效https://www.mk2048.com/demo/demo_target_desc.php?id=ha1jkaahaacss3基于svg制作爱心按钮点赞,爱心散开旋转动画特效css3原子结构图动画特效点击》css3原子结构图动画特效css3基于transfo 阅读全文
摘要:
概述 新课题研究:响应式邮件框架MJML(MJML官网:https://mjml.io/)姐妹篇: EDM响应式邮件框架:Formerly Ink 介绍 MJML是一种标记语言,设计用于轻松实现一个响应式邮件。它的语义语法使得它容易和简单,而其丰富的标准组件库可以减少你开发时间,并减轻您的邮件代码库 阅读全文
摘要:
原文:http://www.bkjia.com/Javascri... 样式选择器权重优先级: important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 important的权重为1,0,0,0 ID的权重为0,1,0,0 类的权重为0, 阅读全文