随笔分类 - WEB前端
摘要：YQL，(Yahoo! Query Language)是一种支持对互联网上的数据进行查询、过滤、连接、类似SQL语法的简单语言。用YQL官方的话：有了YQL，开发人员只需要使用一种 简单的查询语言即可访问和操控互联网上丰富的数据，而不再需要反复学习使用各种各样的API。一种代表作数据库发展未来的创意，数据库应该能够不仅仅代表具体的表和空间，变成广义的数据库，延展到整个互联网，才是一个最庞大的数据库。火丁大盗给了个简单的例子：123select * from htmlwhere url='http://www.dangdang.com/'and xpath='//ul[@
阅读全文
摘要：需求是这样的：原始图片的大小是不定的，类似800*600、1000*756，现有一个页面要以正方形（60*60）显示这些图片，注意：图片只能在内存处理，不能缩小后保存到本地磁盘。解决办法：html页面<?php for($i=1;$i<=9;$i++){ $imgu=$fav['imgurl'.$i]; if(!empty($imgu)){ $miniimg=WWW_ROOT."miniimg.php?filename=".$imgu; ?> <img src="<?php echo $miniimg;?>&qu
阅读全文
摘要：回调程序中，经常有这样的需求：用户传递一个回调方法，该方法可以有不定的参数。如果参数数目固定则很容易实现，看代码： //回调函数1 function callback1(a,b,c) { alert(a); alert(b); alert(c); } //回调函数2 function callback2(a,b) { alert(a); alert(b); } //这个方法做了一些操作、然后调用回调函数 function doCallback(fn...
阅读全文
摘要：容器 css:.v_photo_box { width: 390px; position: relative;}图片 css:.v_photo_box img { max-width: 380px; max-height: 700px; display: block; padding: 5px; border: none; margin: 0 auto; overflow: hidden;}主要就是：margn:0 auto;
阅读全文
摘要：网上关于字符串去除首尾空格的方法有很多，大多比较复杂难用，下面给出一个效率简洁的版本： var str=' china '; str= str.replace(/^\s+|\s+$/g, '');结果str='china';
阅读全文
摘要：我心目中最好的框架组合是： 表示层:spring mvc 3.1 + annotation 控制层:spring 3.1 持久层：hibernate 3.6 +jdbcTemplate 后台列表控件：displaytag 1.2 Ajax框架: DWR 3 JS框架 ： Jquery 缓存机制：spring 3.1 cache + ehcache/memcached 静态化机制： Freemarker静态化/spring mvc伪静态化 页面技术： EL + JSTL +JSP 安全框架 spring security 搜索引擎： Lucene 中文分词：IKAnalyzer 模板引擎： ap
阅读全文
摘要：原文：JavaScript quirk 2: two “non-values” – undefined and null译文：「译」JavaScript 的怪癖 2：两个「空值」：undefined 和 null译者：SingleSeeker对于“空值”或“空引用”，大多数编程语言只有一个值。比如，在 Java 中用的是null。 但是在 Javascript 中却有两个特殊的值:undefined和null。 他们基本上是相同，但用法上却略有些不同。 在这个系列教程的最后，我会解释一下在 ECMAScript 6 中的一些变化。undefined是被语言本身所分配的。 如果一个变量还没有被初
阅读全文
摘要：一、文件规范 1、文件均归档至约定的目录中（具体要求以豆瓣的CSS规范为例进行讲解）：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/radio/外联CSS文件适用于全站级和产品级通用的大文件。内联CSS文件适用于在一个或几个页面共用的
阅读全文
摘要：YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。YSlow跌评分规则。主要有12条：1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考了下，为什么把这个三种请求过多列为对页面加载的重要不利因素呢，而过多的IMG请求并没有列为不利因素呢？发现原来这些请求都是可以避免的。15个JS和3个CSS完全可以通过特殊的办法进行合并（这个技术部已经帮我们解决了，实在是
阅读全文
摘要：Page Speed是谷歌提供的一个Web优化工具，它可以对网站的Web服务器配置和前端代码执行若干测试，并提供优化建议。 在此工具的基础上，谷歌针对Apache、nginx服务器提供了一个傻瓜式的优化工具mod_pagespeed、 ngx_pagespeed，这些工具可以自动执行网页优化，比如对网络传输的HTML字节、图像、CSS、JavaScript进行压缩优化等。去年10月份，谷歌已经发布了用于Apache服务器的mod_pagespeed 1.0正式版本，而针对nginx服务器的ngx_pagespeed进度似乎慢了点，目前刚进入beta阶段。谷歌称，在过去的三个月内对数百个站点进行
阅读全文
摘要：JavaScript 函数式脚本语言特性以及其看似随意的编写风格，导致长期以来人们对这一门语言的误解，即认为 JavaScript 不是一门面向对象的语言，或者只是部分具备一些面向对象的特征。本文将回归面向对象本意，从对语言感悟的角度阐述为什么 JavaScript 是一门彻底的面向对象的语言，以及如何正确地使用这一特性。 前言当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用，从而忽略了对原生 JavaScript 的学习和深入理解。所以，经常出现的情况是，很多做了多年 JS 开发的程序员对闭包
阅读全文
摘要：一款优秀的菜单对网站而言是非常重要的，它不仅可以让用户方便地找到想要的信息，而且更让人有一种特殊的用户体验。下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。 1、CSS3立体飘带状菜单CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。在线演示 / 源码下载2、CSS3个人资料导航菜单该菜单是用来展示登录的用户信息，包括用户的快捷操作按钮，另外菜单还提供一个个性化的搜索框。在线演示 / 源码下载3、jQuery顶部浮动渐变工具栏jQuery顶部浮动渐变工具栏是一款基于jQuery的顶部导航插件，默认该菜单不显示
阅读全文
摘要：当一个网站或者一个Web应用推出新功能时，为了让用户了解你的站点（或应用）如何操作，往往都会在站点（应用）中添加一个分步指引的效果。然而这样的效果，对于不懂原生JS的同学来说，是件很头痛的事情。 下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件，你可以根据自己需求定制，它们都具有一个时尚的外观，而且简单易用。1. Intro.jsIntro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导航方式。2. aSimpleTouraSimpleTour 使用JSON数据进行存储配置和内容。一个浮动窗帮助管理重点元素的浏览、工具提示（可以定位）。3. Pageg
阅读全文
浙公网安备 33010602011771号