最新 | 最热门 | 最高评价
---

+0  使用D3.js创建令人惊奇的地图

Tag: d3.js | 前端开发
鸟窝 发于 2016年08月08日 10:13 | 点击: 2257 | 展开摘要
D3（有时候也叫D3 或d3.js）是一个JavaScript 库，用于创建数据可视化图形。但是这一句话不足以描述D3的功能，如它的官方文档所说，D3.js 是一个基于数据的处理文档的JavaScript库。D3可以帮你使用HTML、SVG、CSS创建可视化的数据。

D3.js得到了广泛的应用，也创建了很多非常漂亮的图形，其中之一就是和地图数据的结合。

本文不是D3的教程，所以没有多少干活，而是提供了几个展示D3可视化地图和基于地图的数据教程或者实例。之所以写这篇文章，是

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

+0  移动H5前端性能优化指南

Tag: html5 | 前端开发
鸟窝 发于 2015年10月30日 10:10 | 点击: 1970 | 展开摘要
腾讯出品的前端性能优化指南： 原文,
另外比较知名的很早的一篇前端优化规则是Yahoo出品的，现在依然有效。 Best Practices for Speeding Up Your Web Site, 中文Yahoo前端优化性能规则

以下是腾讯的移动h5前端性能优化指南全文：

概述

PC优化手段在Mobile侧同样适用

在Mobile侧我们提出三秒种渲染完成首屏指标

基于第二点，首屏加载3秒完成或使用Loading

基于联通3G网络平均338KB/s(2.71Mb

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

+0  用 CSS 实现三角形与平行四边形

Tag: CSS | 前端开发
鸟窝 发于 2015年08月25日 13:49 | 点击: 1910 | 展开摘要
原文：用 CSS 实现三角形与平行四边形, 作者：邹润阳

最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中，也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图：

你在首页的底部也可以看到这样一个分页栏；是不是看上去还不错？下面就来看看这是如何实现的吧~

第一种方法：利用border

第一种方法是借助border属性 hack 出三角形，然后通过一个矩形拼接两个三角形最终制造出一个平行四边形。为什么使

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

+0  Ember.js 技巧、诀窍和最佳实践

Tag: Ember | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 2289 | 展开摘要
Ember.js是一款用来创建炫酷的Web应用程序的JavaScript MV* 框架。 正像AngularJS，Backbone.js一样正在广泛的应用于现代的Web开发中, 知名用户包括 Yahoo!, Groupon, 和 ZenDesk.
总的来说， Ember.js还在推广之中， 国内使用它做开发的还比较少， 官方的文档也不是很完备。 所以这篇文章记录了我使用Ember中收集的一些技巧，诀窍和最佳实践， 并且会不断的更新。

想了解Ember.js和其它JavaSc

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

+0  CSS的几个属性display,float,clear,overflow,visibility

Tag: CSS | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 1573 | 展开摘要
整理了几个CSS常用的属性。

display属性:block/inline/none

display：block(作用是把行属性标签显示成块属性标签，可以设置宽高) ；
display：inline(作用是把块属性标签显示成行属性标签，这时块属性标签就不能设置宽高啦)；
display：none(作用是使所控制的标签不显示)
visibility：hidden(是设置元素的框的不可见，但是在布局中的位置是不变的)
它和display：none的区别就在于后者不会占用那个位

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

+0  Building With Gulp

Tag: Gulp | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 1214 | 展开摘要
对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。

Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript和刷新浏览器，来改进网站开发的过程。通过本文，我们将知道如何使用Gulp来改变开发流程，从而使开发更加快速高效。

Grunt 一直是前端领域构建工具的王者，然而它也不是毫无缺陷的，近期风头正劲

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

+0  45个实用的JavaScript技巧、窍门和最佳实践

Tag: javascript | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 2291 | 展开摘要
如你所知，JavaScript是世上编程语言的Number One (编者按： 原文如此), 用来编写Web和移动混合应用（比如PhoneGap或者Appcelerator）， 也可以编写服务器端的程序（比如NodeJS或者Wakanda），并且拥有很多其他的实现。 它也是很多新手进入编程世界的启蒙语言，因为它不但可以在浏览器上显示一个简单的alert信息，而且还可以用来控制一个机器人（使用nodebot，或者nodruino）。掌握JavaScript并且能够写出规范并性能

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

+0  22个必须知道的css技巧

Tag: css | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 1736 | 展开摘要
本文是 Gredswsh的技术生活 整理的 22个必须知道的css技巧， 作为偶尔也会涉猎前端开发的我来说，特别喜欢一些前端开发的总结性的文章，文末我也附上了其它几篇关于CSS技巧的文章。

1、改变选中文字的背景和颜色

1
2
3
4
5
6
7
8

::selection{ /* Safari and Opera */
background:#c3effd;
color:#000;
}
::-moz-selection{ /* Firefox */

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

+0  对爬虫的限制

Tag: 前端开发 | sae
崔凯 发于 2014年05月20日 14:04 | 点击: 2197 | 展开摘要
不当家不知道柴米贵

以前用彪悍的服务器用习惯了，还真没有资源窘迫的时候

这个月还早，显然现有资源已经撑不到月底了

先把常用的600多K文件挪到了七牛的云存储上

结果一天就跑了2G的流量，这么算再跑5天就废了

得，偷懒不成，老老实实分析日志

搜索spider，每页50条，竟然有好多好多页的记录：

看来是被各家的爬虫给吃掉了。

解决方法
先用robots.txt屏蔽掉国外的蜘蛛：

User-Agent: AhrefsBot
Disallow: /
User-Ag

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

+0  纸黄金价格的短信提醒

Tag: 前端开发 | sae
崔凯 发于 2013年12月15日 17:21 | 点击: 2043 | 展开摘要
孩子长大了，到处跑。时不时就磕一下。

媳妇没办法再盯着电脑。于是抽空帮她写了个程序。

挂到sae上，每5分钟跑一次：

schedule: "*/5 * * * 1-5"

每当涨跌幅度大于6元，自动发短信到手机邮箱上，短信提醒。

<?php
$url = "http://hq.sinajs.cn/list=hf_GC";
$body = @file_get_contents($url);
$dataArr = explode(",

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

+0  phpMyadmin上传文件限制

Tag: 前端开发 | php
崔凯 发于 2013年03月21日 20:40 | 点击: 1891 | 展开摘要
在使用phpMyadmin导入数据库的时候，因为脚本在上传的时候响应时间过长，导致大于2M的数据偶尔会导入失败。而且大多数默认设置，只能导入2M的数据。

遇到这种情况，

我们可以修改php.ini以及import.php对应的$memory_limit大小限制。

还可以直接导入服务器上任意大小的SQL文件。

这里说一下第二个方法：

首先，打开phpMyAdmin根目录下的config.inc.php文件，然后找到 $cfg['UploadDir']

修改为

$c

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

+0  网站版权日期的处理

Tag: 前端开发
崔凯 发于 2013年03月14日 14:25 | 点击: 1543 | 展开摘要
以前做网站，总爱带一个日期，写明站点的建设日期，告诉世人，该站点还活着，仍在维护：

例如这个：

更2的是，当时做网站，系统自带的字体不多，为了好看，都把字写到图片里。

于是维护成本很高，每年都想着去改那个图片。

终于有一年，重装系统，字体丢了……

太开心！！再也不维护了！！

后来渐渐入门了，把日期单独拎出来：

<?php include "copyright.php"; ?>

每次修改一下文本，不用一个文件一个文件搞了。

但还

查看全文: http://www.udpwork.com/item/9447.html
|<<<12345>>>| 一共5页, 57条记录