彬Go的博客Demo
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHIJKLMNOPQRST
1
idtitleauthorcontentdatekeywordsemailsluglinkbanner
2
1使用Yeoman和Polymer创建Web应用彬Go  Allo'Allo'。大多数人都很清楚高效的Web应用开发有多重要。在你进行某些乏味的项目开发时,你会因为各种令你头痛的事情而感到焦虑、烦躁,比如寻找项目模板、配置项目基础架构、开发环境、测试环境以及后续的项目优化和压缩。这种枯燥乏味如流水线般的事情,偶尔一次还好,但如果周而复始的进行类似的项目,你的脑袋不会炸掉才怪!幸运的是,有一些先进的前端工具能帮我们自动化完成这些事情,让我们远离乏味的流水线工作,将更多的精力放在核心功能编码上面。本文会向你展示如何使用Yeoman和Polymer高效完成这些任务,Yeoman用来自动化创建Web应用工作流,而Polymer则是由加盟Google的原Palm webOS开发团队打造的一个前端库,其基于Shadow DOM、Custom Elements、MDV等最新浏览器特性,使用Web Components来填充和装饰Web应用。

3/29/2014Yeoman, Polymer, Grunt, 前端框架, 自定义元素skar9363@gmail.comyeoman-polymerhttp://blog.bingo929.comhttp://blog.bingo929.com/wp-content/uploads/2014/03/banner1.jpg
3
2使用CSS3开启GPU硬件加速提升网站动画渲染性能彬Go最近几周一直在搞自己的个人网站,一来是为了总结一下近几年自己的前端职业历程,二来是希望把这个网站做成自己的Web版个人履历/简历。网站首屏会有一个跟随鼠标进行空间透视移动的DOM动画效果,这里用到了一些JS逻辑,由于涉及到动画和性能问题,这里简要总结一下开发过程中遇到的一些问题。想来博客已经近两年没有更新过了,甚感愧疚,2014年一定一定一定会勤快些的!3/12/2014CSS3, 硬件加速, CSS3动画, 前端性能skar9363@gmail.comcss3-gpuhttp://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.htmlhttp://blog.bingo929.com/wp-content/uploads/2014/03/title.jpg
4
3人人网首页拖拽上传详解(HTML5 Drag&Drop、FileReader API)彬Go  关于这个拖拽上传,其实国外有很多网站已经有这样的应用,最早推出拖拽上传应用的是Gmail,它支持标准浏览器下拖拽本地文件到浏览器中作为邮件的附件发送。人人网的这个拖拽上传也是同理,可以让使用标准浏览器的用户通过简单的拖拽行为,将本地文件夹中的照片直接上传到人人网,用户体验能得到提升的同时,也希望借此机会推广一下标准浏览器,淘汰IE。人人网当时也向广大用户推出升级浏览器活动,并喊出口号:”工欲善其计算机,必先利其浏览器”。本次拖拽上传的宣传口号:你敢”脱”,我就敢上传…12/11/2011HTML5, Drag&Drop, 拖拽上传, fromdataskar9363@gmail.comdrag-drop-uploadhttp://blog.bingo929.com/renren-drag-drop-photo-filereader-formdata.htmlhttp://blog.bingo929.com/wp-content/uploads/2011/12/blog-title.jpg
5
4HTML5 WebSockets 基础使用教程彬GoHTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。8/10/2010HTML5, websocket, HTML5 教程skar9363@gmail.comhtml5-websokethttp://blog.bingo929.com/html5-websockets.htmlhttp://blog.bingo929.com/wp-content/uploads/2010/08/html5-websockets-title.jpg
6
5关于HTML 5 canvas 的基础教程彬GoHTML 5 规范引进了很多新特性,其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页),在其中可以绘制任意图形。浏览器支持多个 canvas 上下文,并通过不同的 API 提供图形绘制功能6/16/2010HTML5, canvasskar9363@gmail.comhtml5-canvashttp://blog.bingo929.com/html-5-canvas-the-basics-html5.htmlhttp://blog.bingo929.com/wp-content/uploads/2010/06/1.jpg
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...
 
 
 
Sheet1