编程技术

纯CSS的聊天泡泡

项目开发过程中,有个反馈/跟踪的功能,想着用对话框的形式展示,开始的使用使用fieldset标题,配合lengend信息,结果页面非常丑陋!后期修正的时候上网查询了一下有没有类似手机短信那种对话框模式,结果还真找到了一个Demo:

Pure CSS speech bubbles

纯CSS编写,使用起来非常方便,最终选择了example-obtuse和example-right两种格式,并做了修改以符合现有系统的配色,展示效果比之前好了太多太多。 但事情还没有结束,在现代浏览器上,展示效果没有问题,但是低版本的浏览器上,效果可就不尽人意了,原因是低版本浏览器不支持border-ra[......]

阅读全文

By xiuhuwang, ago
学习笔记

JavaScript权威指南——表达式和运算符

题记

“采用UTF-16编码的Unicode字符集,JavaScript字符串是由一组无符号的16位值组成的序列”,并且验证了特殊字符的处理。今天工作中就遇到一个问题:input的maxlength问题。在之前的概念中,汉字都是占用两个字符的,所以公司的checkForm.js中针对汉字处理时,把汉字当作两个字符,导致根据maxlength的值验证表单数据时提示信息与实际输入不符。知道问题所在,修正起来也方便多了。

原始表达式

原始表达式是表达式的最小单位,包含常量或直接量、关键字和变量。

对象和数组的初始化表达式

对象和数组初始化表达式实际上是一个新创建的对[......]

阅读全文

By xiuhuwang, ago
学习笔记

JavaScript权威指南——类型、值和变量

数字

JavaScript中的非数字值有一点特殊:它和任何值都不想等,包括自身。也就是说,没有办法通过x==NaN来判断变量x是否是NaN。相反,应当使用x!=x来判断,当且仅当x为NaN的时候,表达式结果才为true。 函数isNaN()的作用与此类似,如果参数是Nan或者是一个非数字值,则返回true。JavaScript中有一个类似函数isFinite(),在参数不是NaN,INfinity或-Infinity的时候返回true。 负零值有些特殊,它和正零值是相等的。

0 == -0 //true

实数有无数个,但Javascript通过浮点数的形式只能表示其中有限的个数。[......]

阅读全文

By xiuhuwang, ago
编程技术

Pinyin4JS——汉字转换拼音的纯JavaScript实现

开发过程与,使用到了pinyin4j,是sourceforge.net上的一个开源项目,实现汉字字符与拼音间的转化,功能非常强大:

  1. 支持多音字
  2. 支持简繁体
  3. 支持拼音的格式化输入,音调(如huáng,huang2),大小写(如ü)
出于好奇,尝试用JS实现汉字与拼音的转换,汉字的unicode编码与其拼音组成的JSON对象数据来源于pinyin4j中的unicode_to_hanyu_pinyin.txt,以汉字的unicode编码的后4位为key,汉字的拼音数组(多音字)为value。 演示站点:pinyin4js,示意图如下所示: version 0[......]

阅读全文

By xiuhuwang, ago
似水流年

Xiuhuwang’s Blog重新开站

简介

出于爱好,特建此站,会记录听的故事、看过的书、交的朋友,也会分享科技新闻、时事观点,还会总结日常工作。权当一个公开的日记本,写给自己。

版本说明

1. yo2 + xiuhuwang.cn 07-09年,当时采用yo2提供的wordpress服务,并绑定xiuhuwang.cn域名。后因yo2关闭服务,xiuhuwang.cn域名也需要备案,放弃。转向xiuhuwang.com。
2. IronBlood + xiuhuwang.com 10-13年,采用IronBlood提供的主机等服务,后因个人原因,2013年停止更新一年。
[......]

阅读全文

By xiuhuwang, ago