html/css
文章平均质量分 83
SleepInDelphi
perl,c,java,delphi,ajax,biancheng
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
MC9RS08LA8 8位MCU时钟系统与低功耗模式深度解析
在嵌入式系统开发中,微控制器(MCU)的时钟系统与功耗管理是核心基础技术。时钟如同MCU的脉搏,决定了指令执行速度与外设工作频率;而低功耗设计则是延长电池寿命、提升系统稳定性的关键。其技术原理在于通过灵活的时钟网络分配与多种功耗模式切换,实现性能与能耗的动态平衡。这对于成本与功耗敏感的消费电子、便携设备及工业控制场景具有极高价值。以恩智浦经典的8位MCU MC9RS08LA8为例,其**系统时钟设计**支持内部时钟源、外部晶体及锁频环(FLL)输出,并可通过**多种低功耗模式**(如Wait、Stop模式)原创 2026-06-12 14:34:28 · 413 阅读 · 0 评论 -
CSS BUG顺口溜
一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;三、三像素文本慢移不必慌,高度设置帮你忙;四、兼容各个浏览须注意,默认设置行高可能是杀手;五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。七、所有标签皆有源,只是...原创 2010-06-13 14:12:27 · 129 阅读 · 0 评论 -
让我们一起忽悠 Spam 机器人吧
很多人的 Blog 都被 Spam 机器人骚扰,有的甚至已经到了无法容忍的地步。这是一种不幸,同时也是一种荣幸。不幸的是那些无聊的 Spam 尽是发一些广告消息,而荣幸的是它给我们带来了流量。很庆幸我的 Gracecode.com 的流量还不足够引起 Spam 机器人的重视。但是防患于未然,毕竟不是每个 Blog 都是喜欢垃圾评论的。下面根据我看到的、学到的结合我自己的经验在不影响用户体验...原创 2010-06-13 14:13:04 · 347 阅读 · 0 评论 -
如何减少网页的内存与CPU占用
有的网页看起来并不大但打开会很卡,有的网页虽然很长但使用流畅,占用用户电脑的内存与CPU就影响这些。浏览器问题,有各自的浏览器处理内存问题会影响到,但几乎没办法控制得了,Windows上的:IE系列,刷新回收的量不大,但最小化会释放内存,。Firefox2据说也会在最小化回收,可我从没见过最垃圾,用多少是多少,基本不回收。据说prototype的ajax还会引起内存一直增加。...原创 2010-09-01 17:22:19 · 319 阅读 · 0 评论 -
深入解析MC9RS08LA8定时器/PWM模块:从寄存器配置到电机驱动实战
定时器/PWM模块是嵌入式微控制器中的核心外设,它基于可编程计数器实现精确的时间基准和波形生成。其工作原理是通过配置时钟源、预分频器和比较寄存器,控制计数器的运行模式,从而在特定时间点触发事件或生成特定占空比的脉冲信号。这一技术对于实现精准时序控制、信号测量和功率调节具有重要价值,广泛应用于电机驱动、电源管理、LED调光等场景。以飞思卡尔MC9RS08LA8的16位定时器/PWM模块为例,它支持输入捕获、输出比较、边沿对齐PWM和中心对齐PWM四种模式,其中中心对齐PWM能有效抑制偶次谐波,降低电磁干扰,特原创 2026-06-12 13:54:27 · 490 阅读 · 0 评论 -
加速图片显示
加速的关键,不是降低重量,而是减少个数。如果重量在200K以内,只要网络不是特别慢,效率都差不多。但是,如果图片个数多一倍,效率将明显低一个档次。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。...原创 2010-09-01 17:24:36 · 376 阅读 · 0 评论 -
CSS Frameworks的概念
最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。先来看一下一个我比较认同的概念:框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。基于继承的框架被称为白盒框架。所谓白盒即具备可视性,被继承的父类的内部...原创 2010-09-01 17:25:51 · 225 阅读 · 0 评论 -
别再死记硬背了!用VBA+Excel快速查询CAD DXF组码(附完整代码)
在CAD二次开发领域,DXF组码就像是一把打开图纸数据宝库的钥匙,但面对数百个不同功能的组码,即使是经验丰富的开发者也会感到头疼。本文将展示如何利用Excel和VBA构建一个智能查询系统,让组码查询变得像使用搜索引擎一样简单。在实际项目中,这套系统将DXF组码查询时间从平均3-5分钟缩短到10秒以内,特别是处理复杂图元如POLYLINE时,效率提升更为明显。提示:一个优秀的组码查询工具应该支持双向查询——既可以通过组码查含义,也能通过功能描述反向查找对应组码。:需要创建一个带有特定属性的多段线。原创 2026-06-12 10:04:03 · 465 阅读 · 0 评论 -
页面表达原则
《页面表达原则》是整个“web交互设计方法”中的一部分:页面表达原则概述:1.更少的信息量更好。2.不提供多余的功能。3.结构化更易于理解。4.信息的表达应该清楚、明确、直接。5.操作可识别。6.操作前,结果可预知。7.操作时,操作有反馈。8.操作后,操作可撤销。9.让用户知道身处何地。10.避免内容看上去象广告。11.同一功能在不同页面上位置相同。12.措辞统一。详细描述:1.更少的信息...原创 2010-06-20 22:42:36 · 336 阅读 · 0 评论 -
用户体验的时间尺度
从接触互联网开始,一直在关注每个网站页面浏览速度,不管大小国内外网站,而且每个用户的浏览时间都不一样,从而了解用户在浏览页面上时间体验尺度的重要性。前几天看了这文章觉得不错,所以译了其中一部分与大家一起分享。 从0.1秒至10年或以上,用户界面设计有许多不同的时段,各有其独特的可用性问题。 在用户体验方面有其自己版本的“10的次方(powers of 10)”(Charles Eam...原创 2010-06-20 22:46:52 · 208 阅读 · 0 评论 -
慢慢的网页
蜗牛很慢。 蜗牛快递会怎样? 答案是:当然也会很慢。 但是蜗牛尽了他的全力,为了它的兔子朋友,以生命在奔跑。 每天都是24个小时,快的只是速度,却不是时间。蜗牛的1天=火箭的1天=24小时。 我们总是认为,我们是向前奔跑的,和时间赛跑,一寸光阴一寸金。这些都是我们从小被教导的观念。但事实上,我们要那么快干什么呢? 你可以说信息瞬息万变,也可以说一刻千金。但是如果你...原创 2010-06-20 22:48:47 · 148 阅读 · 0 评论 -
轻量级设计,让网站灵敏轻便的6个技巧
在网站或软件的策划和设计过程中,我们经常听到这样的讨论:“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题,也是方兴未艾的Web2.0大浪下设计师们的最爱(看看那些在全世界遍地开花的SNS网站,无论是视觉元素还是交互流程均能轻则轻)。本文主要从实践和总结的角度出发,提出了让设计变得更轻的6个技巧。何为轻设计: 在开始之前先需要明确下何为轻设计...原创 2010-06-20 22:51:48 · 224 阅读 · 0 评论 -
多按钮共存——don’t make me think
之前在一个web系统的设计中,和另一个设计师讨论,“保存”和“取消”按钮该怎么设计。我的观点是,保存是比取消更常用的按钮,也是用户的主要目的(用户不会为了取消来使用表单),所以在视觉上,保存按钮应该比取消按钮更醒目,这样更容易被用户先看到,从而提高用户的效率。 下图:Google analytics系统中,Apply以按钮的形式表现,cancel以链接形式表现 后来碰巧看到...原创 2010-06-20 22:55:16 · 153 阅读 · 0 评论 -
用户是如何浏览你的网站的
事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。用户是如何浏览你的网站的1. 大部分时候用户并非在阅读屏幕上的内...原创 2010-06-22 14:01:52 · 164 阅读 · 0 评论 -
内容适应形式
学习了死猫的文章,我今天也来说说有关内容和容器的关系。 看标题你也许觉得有些囧,它和上一篇《形式追随内容?》看起来相反,而且好像从交互设计的角度看也是很不专业的一个观点,这有点像是我搬起石头砸自己的脚或是死猫的脚…… 不过不幸我是一只友爱并且怕疼的企鹅,所以事实上是这样的: 我们可以把形式追随内容定义为一个对默认界面的可用性建议,它可以适用于当用户进入一个界面时所看到的...原创 2010-06-22 14:02:08 · 172 阅读 · 0 评论 -
形式追随内容?
今天想说的是内容和容器的关系,顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。(这里以QQ的设置举例) 一个软件的设置(常称为系统设置)一般承载了软件所有的可配置选项。通过导航,把内容放置在不同的选项卡下面。 由于内容的划分是根据产品功能的逻辑划分,所以设计中经常碰到的问题就是:不同选项卡下面的内容多少不确定,对排版会带来很大麻烦。 正常情况如下图,...原创 2010-06-22 14:02:19 · 210 阅读 · 0 评论 -
推荐的 CSS 书写顺序
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceot...原创 2010-06-12 20:32:09 · 122 阅读 · 0 评论 -
Internet Explorer 8 中的 CSS 改进
Internet Explorer 8 完全符合级联样式表 (CSS) 的 CSS2.1(级别为 2,修订号为 1)规范,并支持 CSS 级别 3 (CSS3) 的某些功能。 本主题包含 Internet Explorer 8 中对 CSS 支持所做更改的完整列表。有关最新版本的 Internet Explorer 中的 CSS 合规性概要,请参见CSS 合规性和 Internet Explo...原创 2010-06-22 14:02:45 · 158 阅读 · 0 评论 -
网站开发中的文件存储 目录结构的探讨
网站应用中经常会有文件存储的需求,目录结构该怎么建才好呢?让我们来做下分析 对于少量用户写信息,大量用户都是在看信息的网站:例如CMS系统,编辑发咨询,用户看,例如中小企业产品发布网站。 对于这类需求我们可以把文件专门放到一个目录下,例如放到网站根目录的upload目录下,然后按天建文件夹,将每天的文件放到一个目录下,文件名可采用数字生成。例如:upload/20100612/122...原创 2010-06-22 14:03:09 · 310 阅读 · 0 评论 -
这样去写你的 HTML
昨天在 twitter 上说,怎么忍心把页面写得这么难用?是的,这个世界还有一群人等着我们创建出来的东西,可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端,我们又怎么会忍心呢。之前就一直想写这样的一篇文章,分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML,让某些人的生活可以更容...2011-05-27 13:19:00 · 188 阅读 · 0 评论 -
StackOverflow的404错误页面
不知道大家有没有注意到StakeOverflow的404错误页面?其显示了下面的这个图片:这个是一个很有意思的图片,不知道你看懂了吗?看上去像Python,又像 Ruby,还像 Perl,当然也有 C的影子,还有Brainfuck。是的,这是一个杂交程序,杂交了Python,Ruby,Perl,C,还有Brainfuck(注意其中的#号),所有的语句都是输出“404”字符串。关于这种杂...2011-12-02 15:30:26 · 275 阅读 · 0 评论 -
《高性能网站建设指南》读书总结
昨天完整的读了一遍《高性能网站建设指南》,收获颇丰。正如作者序言里说的,拿到这本书的你是幸运的,但是更重要的是,你的网站的用户很幸运,:) 书的作者是YUI(Yahoo! User Interface)的一名核心开发人员,而书的内容是将他们在网站前端优化的14条原则逐一分享。书很薄,适合我这种懒人,可以一天就读完,:) 不过书的内容简洁明了,很有操作性,道理也讲得明白,喜欢这种...2012-02-28 13:26:01 · 251 阅读 · 0 评论 -
移动Web界面样式-CSS3
CSS2.1发布至今已经有7年的历史,在这7年里,互联网的发展已经发生了翻天覆地的变化。CSS2.1有时候难以满足快速提高性能、提升用户体验的Web应用的需求。CSS3标准的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果。 在HTML5逐渐成为IT界最热门话题的同时,CSS3也开始慢慢地普及起来。目前,很多浏览器都开始支持CSS3部分特性,特别是基于We...2012-07-17 12:48:53 · 161 阅读 · 0 评论 -
CSS语法简单入门
整体组成在CSS中,顶层元素被称为Rule,而CSS中的Rule又分为2类:CSSStyleRule和CSSAtKeywordRule。CSSStyleRule是最基本的,即我们最常见的,由选择器+属性+值组成的部分,以下就是一个简单的示例:#nav>li~li { float: left; margin-left: 7px; paddin...原创 2012-03-27 15:57:20 · 294 阅读 · 0 评论 -
HTML5标准学习 – 简介
最近前端的群都蛮热闹的,但我发现多数讨论的是javascript和css相关的问题,仿佛大家在努力创建各种交互、样式的时候,忘却了这一切的基础 – HTML。其实我很喜欢HTML,觉得这个语言远比XML来得有趣,其灵活、轻便远非极端规范的XML可以比拟。同时又因为HTML的作用范围极小,规定的标签有限等说不上优点还是缺点的特色,使得HTML有着自己的确定性。本系列的前面很大一部分会以...原创 2012-03-28 09:48:51 · 237 阅读 · 0 评论 -
HTML5标准学习 – 文档结构
说起HTML的结构,很多人都能说得头头是道,一般来说答案可能是这样的:一个DOCTYPE,一个html,里面有head和body元素。这当然不能说是不正确的,但是如果问到一个最小的HTML源文件必须有哪一些东西的话,恐怕很少有人能正确地做出回答。先来回答一下这个问题,一个最简的HTML5源码文件需要的内容如下:<!DOCTYPE html>是的,就...原创 2012-03-28 09:49:09 · 298 阅读 · 0 评论 -
HTML5标准学习 – DOCTYPE
上一篇文章主要讲述了HTML文档的构成,同时肤浅地接触了“标签省略”这一概念,本文会从概念上介绍HTML文档中第一个出现的重要元素 – DOCTYPE。所谓DOCTYPE,最初是XML的概念,即通过一种特定的语法,作为一种元数据,来描述XML文档中允许出现的元素,以及各元素的组成、嵌套规则等。具体的概念可以在WIKI中中得到一个更详细的结果。但是在HTML中,DOCTYPE又有着一些...原创 2012-03-28 09:49:17 · 199 阅读 · 0 评论 -
别告诉我你懂Javascript
过去几年我注意到技术圈一个很奇怪的现象,有太多程序员将那些他们只是有过非常浅显的了解,但其实根本就不懂的技术写到他们的简历中,这个现象几乎每种语言都有,但这其中最严重的就要数Javascript了。你不知道你不懂出现这种状况的一个很大的原因就是现如今几乎每个开发者的工作都或多或少要依赖于Javascript,但大多数人并不真的理解这门语言,他们常用的学习方式是复制粘贴,使用这种方式,你永远...2012-03-30 10:46:47 · 173 阅读 · 0 评论 -
10 个改善网页可读性的实用排版技巧
网页的排版问题常常被忽视。这挺遗憾的,如果你能改进你的网页排版,那么设计和可读性也就随之改进。在这篇文章中,介绍了10个非常有用的排版技巧,可以使你的网站看起来更好。 1. 设置正确的行高 最常见的网页排版错误之一绝对是错误的行高。行高用来定义文本行的高度,所以它必须要根据字体大小进行设置。 一般来说,当我设置文本行的高度时我总是再给字体大小增加7个像素的行间距(字体大小为12至15个像素)。 ...原创 2012-07-25 08:48:08 · 298 阅读 · 0 评论 -
最佳 Web 中文默认字体
最近淘宝网首页有个小小的 默认字体调整风波,中文默认字体远比我们想象中的复杂。以前主要关注 font-family 自身,忽略了 lang 属性和 charset 设置。今天做了个更详尽的测试:http://lifesinger.github.com/lab/2011/default-fonts/在不同操作系统下,用各个浏览器打开,特别是 Firefox 和 Opera,混乱的世界啊...原创 2012-04-13 12:12:45 · 588 阅读 · 0 评论 -
默认Web字体样式
通常用户看到的页面的样式(css)会受到三层控制:第一层是浏览器的默认样式;第二层是网页定义样式;第三层是用户自定义样式.和CSS一样,后面的优先级高于前面的,也就是说网页定义样式可以覆盖浏览器的默认样式, 而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能, 但是极少数会有用户去自定义,一般用也是高级用户。而浏览器默认的样式往往...原创 2012-04-13 12:13:46 · 349 阅读 · 0 评论 -
浏览器如何渲染文本
浏览器是我们最常用的软件之一,文本又是网页中最主要的元素, 在浏览器显示文本的过程中有许多有趣的细节,值得展开来讲讲,或许能减少一些误解。这是一个比较粗略的,概括性的介绍,尽可能不涉及过多的技术细节和具体实现,而立足于给 Web 开发者和设计师提供一些正确的概念。下面的介绍主要根据我对 WebKit 和 Gecko (Firefox) 的印象来谈,其他的浏览器也大致相同,如有阙漏之处欢迎指...2012-04-13 12:14:10 · 223 阅读 · 0 评论 -
5个2010年Web技术趋势
2010 年的 Web 会是什么样,或者说,未来的 Internet意味着什么,2010 会是值得关注的一年。本文从 5 个方面展望 2010 年的 Web,包括HTML5,CSS3,字体服务技术;浏览器;社会媒体;JavaScript 框架;以及 SAAS。1. CSS3, HTML5 以及 字体服务CSS3,HTML5,以及 Typekit 一类的字体服务,将给...2010-04-26 11:45:16 · 127 阅读 · 0 评论 -
HCS08指令集与寻址模式深度解析:从原理到嵌入式实战优化
在嵌入式系统开发中,指令集与寻址模式是理解微控制器底层运行机制的核心。指令集定义了CPU可执行的基本操作,而寻址模式则决定了指令如何访问内存中的数据,二者共同构成了程序执行的基石。深入理解其原理,对于编写高效、可靠的嵌入式代码具有重要技术价值,尤其是在资源受限、实时性要求高的场景,如电机控制、低功耗传感节点等。本文聚焦于NXP经典的HCS08 8位微控制器架构,通过剖析其指令集设计哲学与丰富的寻址模式,结合中断处理、栈操作等关键机制,揭示如何利用这些底层知识进行代码性能优化与深度调试。掌握这些内容,能帮助开原创 2026-06-12 14:12:05 · 385 阅读 · 0 评论 -
CSS 被忽略的常识
不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。...2010-04-14 08:33:03 · 142 阅读 · 0 评论 -
5种方法立刻写出更好的CSS代码.
简介当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧!1.重置首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编写的重置代码,只要使用就对了。它能很简单的移除所有元素的填充(padding)和边距(m...2010-04-15 08:33:53 · 148 阅读 · 0 评论 -
告别Arcgis!用Qgis+ORS Tools做等时圈分析,我总结了这3个高效技巧和1个隐藏功能
本文详细介绍了如何利用Qgis和ORS Tools插件高效进行等时圈分析,替代传统的Arcgis工具。通过三个实用技巧和一个隐藏的批量处理功能,帮助用户提升分析效率,适用于物流配送、医疗急救、共享单车调度等多种场景。原创 2026-06-12 13:25:28 · 404 阅读 · 0 评论 -
深入解析S08LCDV1:从原理到实战的低功耗LCD驱动配置指南
在嵌入式系统开发中,液晶显示(LCD)驱动是连接微控制器与用户界面的关键技术。其核心原理在于通过多路复用技术和交流电压波形控制液晶分子偏转,以实现稳定、低功耗的显示效果。这项技术的价值在于能够显著节省系统成本与空间,同时实现精细的功耗管理,尤其适用于便携式、电池供电的设备。在实际应用中,开发者常需面对显示闪烁、对比度不佳及低功耗模式下显示异常等工程挑战。本文以飞思卡尔S08系列微控制器内置的S08LCDV1模块为例,深入剖析其寄存器配置、低功耗协同机制及常见问题排查方法,为高效解决LCD驱动中的“玄学”问题原创 2026-06-12 12:43:39 · 467 阅读 · 0 评论 -
页面的易用性:为什么要去掉链接周围的虚线框
今天突然发现一个很奇怪的问题,一些专注于CSS和XHTML、Web 2.0和Web标准的网站都在探讨如何去掉当鼠标点击时超级链接周围的虚线框(outline)如,outline:none或者 outline:0。可能有时候默认出现虚线框(outline)会影响美观,但是它的存在必然有它的道理:那就是提高网站的易用性,特别是给使用键盘导航的人带来极大的便利。我们在讨论语义化,易用性的同时...2010-04-16 08:16:37 · 171 阅读 · 0 评论 -
HTML各个元素对搜索引擎的权重比例
内部链接文字: 10分标题title: 10分域名: 7分H1,H2字号标题: 5分每段首句: 5分路径或文件名: 4分相似度(关键词堆积): 4分每句开头: 1.5分加粗或斜体: 1分文本用法(内容):1分title属性: 1分 (注意不是title>, 是title属性, 比如a href=… title=”)alt标记: ...2010-04-22 08:45:07 · 247 阅读 · 0 评论
分享