摘要:
ECharts图形组件在1.0发布的时候我就已经有所关注,今天在做项目的时候遇到了图标的需求,在HT for Web上也有图形组件的功能,但是在尝试了下具体实现后,发现HT for Web的图形组件是以矢量的格式来呈现的,在展现上可以有很多的自定义和数据绑定等特性,但是其在交互的设计上就显得比较弱势 阅读全文
摘要:
试了试用Ionic框架打造了两个应用,然后在Google Play上架了。 程序语言答人 教你设计物联网 更有意思的是这是在一周的业余时间内完成的三个应用中的两个,接着让我们看看这个框架如何实现高效地开发。 Ionic 框架 Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它 阅读全文
摘要:
起因 最近浏览36kr 的网页的时候偶然发现一个有趣的情况:当浏览器Tab 处于非当前页的时候,36kr 的标题栏会自动换成可爱的大白字符形象。Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的(不是吹牛)。 直到现在我还没去查看36kr 的 阅读全文
摘要:
搜索引擎是个好东西,GIS也是个好东西。当前还有Django和Ionic。最后效果图 构架设计 对我们的需求进行简要的思考后,设计出了下面的一些简单的架构。 GIS架构说明 —— 服务端 简单说明: 用户在前台或者后台创建数据。 在model保存数据的时候,会调用Google的API解析GPS 在h 阅读全文
摘要:
HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的等待时间,让页面的加载更加流畅,增强用户体验。 进入正题,今天用来做演示的Demo是,客户端请求服务 阅读全文
摘要:
1,根节点(html,body)overflow属性会遮盖fixed定位元素 2,fixed元素点击时会弹出底部的菜单,应该是浏览器特性(safari) 3,fixed元素使用后,在body里面使用padding-bottom以占位,如果放入其他元素中,最好也占位,避免IOS滑动特性遮盖元素 4,i 阅读全文
摘要:
原文 The Spy in the Sandbox – Practical Cache Attacks in Javascript 相关论文可在 https://github.com/wyvernnot/cache_attack_in_javascript 下载 作者和单位 Yossef Oren 阅读全文
摘要:
最近写博客需要插入一些截图,想着用DataURL会方便点,于是需要一个把图片转成DataURL的工具。搜索一番后发现这个功能用HTML就能实现,通过paste事件。 先尝试在Chrome上实现,Chrome版本 43.0 html<!DOCTYPE html> <html> <head></head 阅读全文
摘要:
globalCompositeOperation 属性设置或返回如何将一个源(新的)图像绘制到目标(已有)的图像上。 源图像 = 您打算放置到画布上的绘图。 目标图像 = 您已经放置在画布上的绘图。 可以设置的属性值 效果 1、source-over 2、source-atop 3、source-i 阅读全文
摘要:
很多可视化编辑器都或多或少有一些拖拽功能,比如从一个List列表中拖拽一个节点到拓扑组件上进行建模,并且在拖拽的过程中鼠标位置下会附带一个被拖拽节点的缩略图,那么今天我们就来实现这样的拖拽效果。 首先我们需要创建一个ListView列表,在列表中加入图片信息,让ListView列表不那么单调,先来看 阅读全文
摘要:
最近公司要做一个html5上传的jquery插件,要在下先实现功能,要求显示上传进度,文件信息,断点续传等等。我一看,艾玛!Σ(゚д゚lll),没做过啊。没办法,(# ゚Д゚),只能去查资料了。作为一名还未毕业的大学僧,本人表示亚历山大。不过还好是做出来了,不敢说代码写得很好,大家将就着看吧。感谢以 阅读全文
摘要:
2015-10-16更新。 简介 移动屏幕适配是一个比较令人头疼的问题,这是我写的一个通过动态设置viewport的移动屏幕适配的工具函数,包括定宽和rem两种适配方法,目前在我自己的项目中用起来还不错,后续也会优化调整,github地址这里。 说明 页面事先添加meta标签 <meta name= 阅读全文
摘要:
七月份的下半个月,有幸做了奔驰 Smart 2015年新官网,包括手机端和PC端的宣传页,地址: PC端 手机端 这里,为了证明这个是一个事实,我还特意的留存了两张截图: 这里只想说明这么几个问题: 这东西确实是我做了,而且是那种创意95天,开发两天,三天测试,100天的时候就要上线的; 奥美负责创 阅读全文
摘要:
在HTML5中,DeviceOrientation特性所提供的DeviceMotion事件封装了设备的运动传感器时间,通过改时间可以获取设备的运动状态、加速度等数据(另还有deviceOrientation事件提供了设备角度、朝向等信息)。而通过DeviceMotion对设备运动状态的判断,则可以帮 阅读全文