摘要：
今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或者是使用网上一些现成的插件。其实select这个东西只靠纯CSS是不能解决这个自定义样式问题的，但既然折腾了这么久，还是说一下CSS实现的思路吧。首先对于默认的样式：刚开始想到使用背景，但经试验对select设置背景是无效的，于是后来就想到了覆盖，用其它元素把那个向下的箭头盖住，然后给这个元素设置背景，写了个demo发现可行，于是就有了下面的这些。 阅读全文
摘要：
获得网页的背景色和字体颜色，方法如下：思想：通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为 十六进制色 ，首先获得rgb色 ：1varrgb=document.getElementById('color').style.backgroundColor；得到格式如下： rgb(225, 22, 23); 然后进行拆分：1varrgb=rgb.split('(')[1];//拆分后为[rgb,225,22,23)]形式，长度为2的数组再将 （225,22,23）字符串进行拆分（注意：只有number类型的才能转换，所以用 par 阅读全文
摘要：
很多程序员认为SQL是一头难以驯服的野兽。它是为数不多的声明性语言之一，也因为这样，其展示了完全不同于其他的表现形式、命令式语言、面向对象语言甚至函数式编程语言（虽然有些人觉得SQL还是有些类似功能）。 我每天都写SQL，我的开源软件JOOQ中也包含SQL。因此我觉得有必要为还在为此苦苦挣扎的你呈现SQL的优美！下面的教程面向于：已经使用过但没有完全理解SQL的读者已经差不多了解SQL但从未真正考虑过它的语法的读者想要指导他人学习SQL的读者 本教程将重点介绍SELECT语句。其他DML语句将在另一个教程中在做介绍。接下来就是… 1、SQL是声明性语言 首先你需要思考的是，声明性。你... 阅读全文
摘要：
CSS和JavaScript: 在各个浏览器版本中的分界线似乎变得越来越模糊，两者所完成的功能差异非常明显,但说到底他们都是前端技术，所以确实需要紧密地配合。虽然我们将代码拆分到独立的 .js 文件和 .css 文件中，但他们之间还能进行一些更密切的交互，这些通常是普通JS框架所不支持的。 下面是你可能不知道的CSS和JS的交互的5种方式: 使用JavaScript获取CSS伪元素属性 我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 确实，JavaScript提供了相应的API:12345678910// 获取 .element:b... 阅读全文
摘要：
优秀的Web开发人员工作效率更高，因为他们拥有丰富的经验和良好的习惯。作者Gregor Dorfbauer分享了用于Web开发中的8个好习惯，这些良好的工作习惯不仅能提高效率，还能让您创建更加优秀的应用，让您的工作事半功倍。 1. 使用Bug追踪系统 想要做好软件开发并非易事，这里面还包含大量的功能需求、Bug报告以及用户反馈的内容都值得我们好好去摸索。也许有的时候你会收到有关需求的要点列表邮件（如果幸运的话），再好不过了，因为用户愿意花时间来给你写邮件反馈信息，尽管这些邮件有的并不是真的有用。 使用Bug追踪/项目管理解决方案，比如Basecamp（提供消息板，待办事宜，简单调度，... 阅读全文
摘要：
什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack 形式 CSS Hack大致有3种表现形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。 1、属性级Hack：比如IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而fire 阅读全文
摘要：
我使用jQuery已经有相当长的时间了，并且我会常常为它写一些插件（plugin）。我尝试过用不同的方式去写，现在这个模板是我最喜欢的：123456789101112131415161718192021222324252627282930313233;(function($) {// multiple plugins can go here(function(pluginName) {var defaults = {color: 'black',testFor: function(div) {return true;}};$.fn[pluginName] = function( 阅读全文
摘要：
在Usersnap，我们在能很好的组织网站开发有超过20(总和)年的经验。我们认为这些过去的经验能让我们很好的分辨出什么是好、坏和丑陋的网站开发。如今我们不想把注意力放在消极的部分，但就这一次，我们将把以往不好的地方做一下总结。 1.将20个关键点用邮件发出去 将20个关键点邮件发给别人，列出所有的bug、功能需求和别人被拒绝的要求，是和商品一样的问题。通常他们会带来指责或者类似“为什么你不解决掉$XY这个问题？我五个周之前不是就提指出了吗？”这样的追问。一旦你的开发经理不把这些对话落实到切实可行的计划，你就可能忘记事情。与其抱怨所有的这些事情你妈妈都没有教过你，不如尝试教给你的客户或者... 阅读全文
摘要：
代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以将代码高亮，以便阅读者可以十分方便的读取代码块，增加用户阅读代码的良好体验。目前，有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写，也有些使用其它语言(比如java、Phyton或Ruby)等写的。下面来推荐最受欢迎、最实用的9个Javascript代码高亮脚本。1.SyntaxHighlighter我相信这是最普遍代码高亮代码。它支持多种不同的语言，而且如果你使用的语言不被默认支持，你也可以很简单的创建新“刷子”。2.SHJSSHJS是Synt 阅读全文
摘要：
即使 WEB 设计已经成为一个真正的产业，开发一个网站仍旧是技术和艺术的结合。一个网站的设计即可以带来大量流量，同时也可以吓走大量用户。当然这些都和设计师相关。经验，天份和能力三方面的努力是一个设计师最强大的工具，一个设计精良的布局是所有这些的基础。而且，这也是一个非常耗时的工作。 设计一个非常好的布局是一件非常不容易的事情，而且判断的方式也非常的主观。任何一个设计可能会取悦你，也可能让其它人厌恶。尽管这样，这里仍旧有些大家都承认的设计误区。 为了帮助大家来避免这些错误和误区，我们列出了一些设计的小技巧。我们同时也希望大家能够帮助我们完善这些小技巧。不管怎么说，希望大家能帮助我在下面留言... 阅读全文
摘要：
数据库设计是整个程序的重点之一，为了支持相关程序运行，最佳的数据库设计往往不可能一蹴而就，只能反复探寻并逐步求精，这是一个复杂的过程，也是规划和结构化数据库中的数据对象以及这些数据对象之间关系的过程。下面给出了20个数据库设计最佳实践，当然，所谓最佳，还是要看它是否适合你的程序。一起来了解了解吧。使用明确、统一的标明和列名，例如 School, SchoolCourse, CourceID。数据表名使用单数而不是复数，例如 StudentCourse，而不是StudentCourses。数据表名不要使用空格。数据表名不要使用不必要的前缀或者后缀，例如使用School，而不是TblSchoo.. 阅读全文
摘要：
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div元素布局为例。 教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，d... 阅读全文
摘要：
1.1.1 摘要 在开发过程中，我们不时会遇到系统性能瓶颈问题，而引起这一问题原因可以很多，有可能是代码不够高效、有可能是硬件或网络问题，也有可能是数据库设计的问题。 本篇博文将针对一些常用的数据库性能调休方法进行介绍，而且，为了编写高效的SQL代码，我们需要掌握一些基本代码优化的技巧，所以，我们将从一些基本优化技巧进行介绍。 本文目录代码中的问题数据库性能开销使用存储过程使用数据库事务使用SqlBulkCopy使用表参数 1.1.2 正文 假设，我们要设计一个博客系统，其中包含一个用户表（User），它用来存储用户的账户名、密码、显示名称和注册日期等信息。 由于时间的关系，我们已... 阅读全文
摘要：
自网站诞生以来，响应速度/响应时间一直都是大家关心的话题，而速度慢乃是网站的一个杀手，正当大家以为四核和宽带能力的提升能够解决这些问题时，Wi-Fi和移动设备为热点移动互联网又悄然兴起。 在2006年，Amazon曾做过一个报道，响应时间每提高100ms，他们便会增加1%的收入。优化的价值已显而易见，但到底多快才是个标准，或者速度有多快才算够快呢？那么到底什么是响应时间，它有多大的价值？ 从技术上来讲，响应时间是指用户发送一个指令（例如，一个页面请求）浏览器接收到完成加载的时间。定义看起来非常简单，但当你在思考如何设计一个带有许多额外对象的现代网页时，响应时间对用户体验是非常重要的，并... 阅读全文
摘要：
jQuery的数组处理、便捷、功能齐全。最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生JavaScript数组不能企及的功能。最近时间紧迫,今天抽了些时间回过头来看jQuery中文文档中对数组的介绍,顺便对jQuery数组做个总结，温故而知新。强烈建议你打开DEMO演示后再看下面的详解：http://mrthink.net/demo/ijq20101125.htm1. $.each(array, [callback]) 遍历[常用]解释: 不同于例遍jQuery对象的$().each()方法,此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引, 第二个 阅读全文