最新 | 最热门 | 最高评价

+0  浏览器的渲染原理简介

Tag: Web开发 | 程序设计 | CSS | DOM | HTML | Javascript | Web
陈皓 发于 2013年05月22日 08:17 | 点击: 84542 | 展开摘要
看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,

1)这篇文章太长了,阅读成本太大,不能一口气读完。

2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。

所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时就能读完,并能从中学会一些能用在工作上的东西。

浏览器工作大流程

废话少说,先来看个图:

从上面这个图

查看全文: http://www.udpwork.com/item/9900.html

+0  Lua简明教程

Tag: 杂项资源 | 编程工具 | 编程语言 | C++ | Javascript | Lua
陈皓 发于 2013年12月03日 08:29 | 点击: 9746 | 展开摘要
这几天系统地学习了一下Lua这个脚本语言,Lua脚本是一个很轻量级的脚本,也是号称性能最高的脚本,用在很多需要性能的地方,比如:游戏脚本,nginx,wireshark的脚本,当你把他的源码下下来编译后,你会发现解释器居然不到200k,这是多么地变态啊(/bin/sh都要1M,MacOS平台),而且能和C语言非常好的互动。我很好奇得浏览了一下Lua解释器的源码,这可能是我看过最干净的C的源码了。

我不想写一篇大而全的语言手册,一方面是因为已经有了(见本文后面的链接),重要的

查看全文: http://www.udpwork.com/item/11273.html

-1  使用PyV8解析HTML文档

Tag: javascript | Python | 前端技术
月影 发于 2012年02月23日 11:05 | 点击: 7187 | 展开摘要
什么是PyV8?

PyV8是一个Python封装V8引擎的壳。它提供了简单可用的API,能够利用python来构建出JavaScript的运行时环境。

PyV8能用来干什么?

在nodejs火热流行的时代,或许很少人关注这个基于python简单封装的v8引擎。在某些方面,它比nodejs简洁,而它们拥有同样的本质基础,使得它具有和nodejs相似的潜力。

既然是基于v8的,那么利用它来解析dom和执行javascript是理所当然的。试想一下,如果我们能够建立一个系统

查看全文: http://www.udpwork.com/item/6891.html

+0  类型的本质和函数式实现

Tag: 编程语言 | C++ | Design | Javascript | Python
Todd 发于 2013年07月22日 19:46 | 点击: 6042 | 展开摘要
(感谢 @文艺复兴记(todd) 投递此文)

在上一篇文章《二叉树迭代器算法》中,我介绍了一种基于栈的二叉树迭代器实现。程序设计语言和Haskell大牛@九瓜 在看过之后评论到:

这里用了 stack 来做,有点偷懒,所以错失了一个抽象思考机会。如果我们能够理解二叉树到线性表的转换过程,完全可以把 Iterator 当作抽象的线性表来看,只要定义了关于 Iterator 的 empty, singleton, 还有 append 操作,实现二叉树的 Iterator 就变

查看全文: http://www.udpwork.com/item/10258.html

+0  开源中最好的Web开发的资源

Tag: Web开发 | 杂项资源 | CSS3 | Database | HTML | Javascript | jQuery | PHP | Web
陈皓 发于 2011年06月08日 08:28 | 点击: 5403 | 展开摘要
文章来源:Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。

学习HTML 5编程和设计

★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码

很不错的 HTML5 Dashboard – Mozilla,效果很炫。

WhatWG Developers, 一个清楚的 HTML5 技术

查看全文: http://www.udpwork.com/item/5208.html

+0  Web开发人员速查卡

Tag: Web开发 | 杂项资源 | Apache | ASP | Cheat Sheet | CSS | Flash | HTML | Javascript | jQuery | MySQL
陈皓 发于 2011年02月16日 18:59 | 点击: 5365 | 展开摘要
无论你是多牛的程序员,你都无法记住所有的东西。而很多时候,查找某些知识又比较费事。所以,网上有很多Cheat Sheets,翻译成小抄也好 ,速查卡也好,总之就是帮你节省 时间的。之前给大家介绍过Web设计的速查卡、25个jQuery的编程小抄,还有程序员小抄大全,今天转一篇开发人员的速查卡,源文在这里。下面的文章我就不翻译了。

HTML Cheat Sheet

HTML/XTML in one page

HTML5: The Evolution of Web Stan

查看全文: http://www.udpwork.com/item/4285.html

+2  使用markdown格式写Todo list

Tag: javascript | chrome | markdown | vim
Volcano 发于 2011年12月26日 11:10 | 点击: 4138 | 展开摘要
上周我完成了chrome的markdown-preview扩展的修改,使它支持markdown文件的实时预览功能。现在可以考虑用这个功能来做一些更酷的事情,比如说,写Todo list?

开始干

首先我找到了一个叫topmarks的markdown样式文件,这个样式文件能给出一个漂亮的Todo list样式,我把它合并到了 修改后的markdown preview插件

关注了一下markdown-preview原作者的github,他有计划增加一项功能,让用户可以自定义

查看全文: http://www.udpwork.com/item/6582.html

+0  Firefox中“max-width:100%”不兼容问题

Tag: CSS | 浏览器兼容 | JavaScript
youngsterxyf 发于 2014年04月28日 00:00 | 点击: 3993 | 展开摘要
这个博客是基于“Pelican + Markdown +
定制的my-gum主题”的。定制的主题将博文正文页面的
右边栏去掉,这导致在Firefox等浏览器中,正文中大的图片会突破正文块的宽度,高度也得不到限制,显示效果非常差。

其原因是:Markdown的图片区块元素![Alt
text](/path/to/img.jpg)渲染成HTML元素的结果为 -

<p>
<img src="/path/to/img.jpg" alt

查看全文: http://www.udpwork.com/item/12188.html

+1  jQuery BlockUI 页面遮挡插件

Tag: Web | JavaScript | jQuery | 载入提示 | 遮挡
ideawu 发于 2010年04月26日 11:47 | 点击: 3931 | 展开摘要
Web应用中常常需要这样的功能: 当用户点击”提交”按钮, 或者点击”刷新”链接AJAX获取新数据时, 都需要显示一个提示Loading的提示信息, 并且锁住按钮和某个区域, 避免用户重复操作. 使用 jQuery 的 BlockUI 插件可能轻松地达到该功能. 而且, BlockUI 的功能不仅如此, 它还能实现”弹出”窗口(如登录窗口), 气泡提示信息的功能.

1. 遮挡整个页面

直接调用 $.b

查看全文: http://www.udpwork.com/item/1035.html

+0  如何在jquery mobile中加载google map api

Tag: google | javascript | google-map | jquery-mobile
Volcano 发于 2011年01月13日 15:03 | 点击: 3833 | 展开摘要
介绍一个用jquery mobile的ajax效果加载google map api,实现地图呈现的例子。

代码示例

首先是代码示例,使用iphone或android之类的手机查看,效果更佳

google map with jquery mobile

关键代码说明

map.js

map.js定义了加载地图的方法initiallize(),这个和常规网页中加载google map是一致的,因此这里不再细述。

map.html

地图的实际页面,在这个页面中不能直接加

查看全文: http://www.udpwork.com/item/4086.html

+0  Web开发中需要了解的东西

Tag: Web开发 | 杂项资源 | CSS | Javascript | SEO | Web | 安全
陈皓 发于 2011年12月07日 08:29 | 点击: 3533 | 展开摘要
在StackExchange上有人问了这样一个问题:What should every programmer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,所以,我翻译转载过来。 顺便说一下,StackExchange真是非常好,大家可以对同一个答案做贡献和修订,看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。

好了,下面是正文

查看全文: http://www.udpwork.com/item/6480.html

+0  开源轻量级HTML5游戏引擎gin简介

Tag: 游戏 | HTML5 | 浏览器 | javascript | 互联网 | 程序 | gin | 框架 | canvas | 技术文章 | 工作
Huan Du 发于 2011年02月09日 00:31 | 点击: 3478 | 展开摘要
HTML5 canvas让程序员自由的绘制想要的图形和动画,使得纯粹基于HTML/Javascript/CSS的游戏铺平了道路。只不过canvas最初并非为游戏而设计,而且除了绘图以外,做游戏还有不少其他事情要考虑,例如鼠标键盘事件、图层、动画等。为了方便程序员开发游戏,游戏框架/引擎陆续被开发出来,gin就是其中之一。

Project home: https://github.com/huandu/gin

Author: Huan Du (blog, twitter)

查看全文: http://www.udpwork.com/item/4234.html
|<<<1234567>>>| 一共21页, 247条记录