最新 | 最热门 | 最高评价

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

Tag: d3.js | 前端开发
鸟窝 发于 2016年08月08日 10:13 | 点击: 1550 | 展开摘要
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 | 点击: 1296 | 展开摘要
腾讯出品的前端性能优化指南: 原文,
另外比较知名的很早的一篇前端优化规则是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 | 点击: 1235 | 展开摘要
原文:用 CSS 实现三角形与平行四边形, 作者:邹润阳

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

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

第一种方法:利用border

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

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

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

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

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

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

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

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

Tag: javascript | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 1690 | 展开摘要
如你所知,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 | 点击: 1056 | 展开摘要
本文是 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 | 点击: 1703 | 展开摘要
不当家不知道柴米贵

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

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

先把常用的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 | 点击: 1619 | 展开摘要
孩子长大了,到处跑。时不时就磕一下。

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

挂到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 | 点击: 1459 | 展开摘要
在使用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 | 点击: 1176 | 展开摘要
以前做网站,总爱带一个日期,写明站点的建设日期,告诉世人,该站点还活着,仍在维护:

例如这个:

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

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

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

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

后来渐渐入门了,把日期单独拎出来:

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

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

但还

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