
Web开发
文章平均质量分 89
机智的大猫猫
技术改变世界 阅读塑造人生
展开
-
精通css(2)-选择器
虽然这东西很简单,但是这是最基础的。能把最基础的东西运用自如,就已经是高手了。选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起,所以就有了5种或6种选择器了。1.标签选择器原创 2013-11-04 10:22:06 · 1032 阅读 · 0 评论 -
高质量的CSS
1.浏览器模式和DTD我们平常用到的浏览器可能有几个原创 2014-08-04 23:09:38 · 725 阅读 · 0 评论 -
高质量的JavaScript
在团队开发环境下,代码的可维护性非常重要。1.shangyong原创 2014-08-05 22:21:55 · 551 阅读 · 0 评论 -
纯CSS3实现支持自定义设定的图标
网上有各种用CSS3画图标,画漫画的代码,实在是有点吊!如果能为自己的网站也绘制一套CSS3图标,那么就省去了用小图片的力气。虽然说各大浏览器对CSS3的支持性还不尽相同,但是大势所趋,写写更健康。首先,我们要做到使用简单,简单到给元素加个类就能使用图标,然后我们还要支持可定制,比如颜色,大小。看下面的代码: CSS3 ICONS 我们只要给原创 2014-09-04 17:40:21 · 3718 阅读 · 0 评论 -
CSS 有趣的边框
今天看到一篇文章,是利用CSS边框来做折纸效果,感觉很有意思,于是就对CSS的border研究了一下,发现还真有一些好玩的用法。原创 2014-08-09 23:41:38 · 2122 阅读 · 0 评论 -
CSS垂直/水平居中总结
经常会遇到各种元素要求居中的,今天把他们都叫出来原创 2014-08-23 18:11:13 · 641 阅读 · 0 评论 -
w3c系列之CSS(三):CSS属性是如何被应用到元素上的
w3c系列之CSS(三):CSS属性是如何被应用到元素上的原创 2014-08-28 00:06:57 · 680 阅读 · 0 评论 -
精通css(3)-优先级那些事儿
同一个元素可能会有多个样式,这些样式很可能会冲突,css通过层叠的过程来处理这种冲突,简单的说就是给每个规则分配一个重要度。1.层叠层叠重要度从高到低排列顺序:1.标有!important的用户样式;2.标有!important的作者样式;3.作者样式;4.用户样式;5.浏览器/用户代理默认样式;2.优先级的计算一般而言,选择器越特殊,它的优先级越高。也原创 2013-11-04 11:26:32 · 973 阅读 · 0 评论 -
w3c系列CSS2.1之路(一)
http://bbs.youkuaiyun.com/topics/340173664原创 2014-08-25 21:05:55 · 668 阅读 · 0 评论 -
w3c系列CSS之路(二):错误解析和基本数据类型
有时候当你发现你写的样式代码bingmeiyou原创 2014-08-25 23:42:20 · 742 阅读 · 0 评论 -
w3c系列之CSS(四):深入理解盒模型
盒模型是一个老生常谈的话题,本身并原创 2014-08-28 22:59:25 · 2250 阅读 · 0 评论 -
w3c系列CSS之路(五):详解visual formatting model
本文是对w3c系列CSS之路(四)种的原创 2014-09-03 12:53:22 · 942 阅读 · 0 评论 -
Google Web开发最佳实践(一)
这篇文章最初是在阿里通信前端团队的github博客(http://aliqin.github.io)上看到的,原文地址https://developers.google.com/web/fundamentals/(要翻墙)。既然要去阿里了,就得先熟悉熟悉环境,既然是最佳实践,就得自己亲自实践一下。翻译 2014-10-22 15:14:58 · 1848 阅读 · 0 评论 -
Google Web开发最佳实践(二)
本指南逐步引导你使用 Web 新手开发包创建新站点,帮助你充分利用 Web 新手开发包提供的工具。翻译 2014-10-22 22:50:03 · 1242 阅读 · 0 评论 -
python+ueditor+七牛云存储整合
开发环境:python pyramid。参考网址:http://developer.qiniu.com/docs/v6/sdk/python-sdk.html,http://my.oschina.net/duoduo3369/blog/174655项目中要将ueditor集成到网站,但是图片上传有问题。于是采取客户端(终端用户) => 七牛 => 业务服务器的方式来处理图片。详细的原创 2014-10-12 23:51:48 · 3545 阅读 · 2 评论 -
ueditor使用问题
ueditor是一款强大的开源富文本编辑器,但是也有很多bug。以下是使用中遇到的问题汇总,以后不断更新:(版本号为1.2.6.1)原创 2014-10-20 19:11:45 · 2899 阅读 · 0 评论 -
高质量的HTML
本系列源自《编写高质量代码-web前端开发修炼之道》原创 2014-08-03 21:19:24 · 723 阅读 · 0 评论 -
精通css(9)bug和修复bug
浏览器bug和不一致的显示方式是大多数CSS开发人员面临的主要问题。原创 2014-08-03 16:51:57 · 596 阅读 · 0 评论 -
精通css(5)-布局
css布局被认为是一个很麻烦的东西,可能它本身并不复杂,只是浏览器的不一致让人觉得很头疼。对于初学者来说或许框架能更快的得到想要的结果,但这种傻逼的使用方式蒙蔽了布局的内部原理,这是非常可怕的!所有css布局技术的根本都是3个基本概念:定位、浮动和外边距操控(喵了个咪的,怎么又是3个)。下面开始写代码(一定要自己写一遍)。1.基本布局2.浮动布局3.固定宽度、流式和弹性布局4.原创 2013-11-04 17:36:12 · 986 阅读 · 0 评论 -
Jquery checkbo自动填充选择
效果:选择一个checbox后,再选择后面的任意一个checkbox,用Jquery自动填充中间的空白checkbox。主要用到了prop,prev,next方法,获取checkbox的值用prop,不用attr。 $('#weekcheck input').click(function(){ var num=$(this).val(); if原创 2013-11-10 13:19:50 · 699 阅读 · 0 评论 -
精通css(7)-实例
1.让footerr固定在底部来源于http://ryanfait.com/resources/footer-stick-to-bottom-of-page/一种很简单的方法: Your website content here. Copyright (c) 2008 * { margin: 0; } html, bod原创 2013-11-10 17:13:32 · 627 阅读 · 0 评论 -
精通css(1)-规范
之前学过css,但没有深入研究,现在在做一些web的东西,有时遇到布局的问题要弄很久,所以本着严肃认真的态度,还是要把css好好再学一遍!在css没有出现之前,html的结构是非常混乱的,因为它将文档表现部分与内容结合在一起,看起来非常糟糕,所幸的是css的出现解决了这一问题。既然css的出现带来了更好的代码结构,那我们在书写的时候就不得不考虑一下规范问题,让结构更加清晰。1.意义原创 2013-11-04 09:55:41 · 875 阅读 · 0 评论 -
精通css(4)-盒模型,定位,浮动
终于到了css最重要的3个部分:盒模型,定位,浮动。先讲盒模型吧。1.盒模型概述原创 2013-11-04 12:11:12 · 1176 阅读 · 0 评论 -
精通css(6)-图像背景那些事儿
先说一下background的用法。原创 2013-11-05 09:39:51 · 1033 阅读 · 1 评论 -
web开发之字体应用
font-family,这是一个很容易被忽视的环节,却直接影响了网站的体验。本文不谈技术细节,只说设计准则。1.使用英文名尽量不要使用下面的声明方式:font-family: "华文细黑", "微软雅黑";直接用中文名有可能会出现支持性问题,在编辑器之间切换还有可能乱码。中文字体其实也是有英文名的,华文细黑叫STXihei,微软雅黑叫"Microsoft YaHei",宋体叫S原创 2015-01-18 16:08:58 · 1449 阅读 · 0 评论