-
Ubuntu 13.10 下 Jekyll 安装问题
公司的项目终于告一段落,有空来整一下许久未动的网站。换用了 ubuntu 13.10,开始折腾 jekyll 在本地运行,结果又有因为依赖的问题,罢工了。试着搜索都没找到专门的解决办法,无意中看到别人的文章,才知道原来所缺少 ruby1.9.1-dev。
-
SSO (单点登录)实现方式
SSO (Single-Sign-On) 即单点登录,在互联网应用中是多个站点通过一次登录即可访问所有产品,如Google所有产品通过 http://accounts.google.com/,百度所有产品统一登录地点是 http://passport.baidu.com/ 等,也有些产品是提供自己的登录界面,然后到统一入口验证。总之,就是要实现一次登录,处处登录。
-
slice/substring/substr 方法的差异
字符串的 slice()/substring()/substr() 三个方法都是从字符串取一个子集,JavaScript 手册和很多文章都有说明,但如此相近的功能,还是很容易混淆,希望能找到一种更简便的方法记住它们的用法。
-
自定义滚动条额外样式导致浏览器崩溃
webkit 提供了用 css 设置滚动条样式的自定义方式,可以很方便地改变默认的滚动条样式,但是如果不小心添加了额外的样式定义,在某些情况下却可能导致浏览器的崩溃。这里我遇到的是在为 scrollbar-thumb 添加了一个额外的 overflow 样式属性时,缩放页面会导致浏览器崩溃的 bug。
-
undefined与null的类型转换
undefined和null这两个值的类型转换,与其他值的转换有些不同。
-
关于Array中的sort()
sort() 实现的功能很简单,就是对数组进行简单的排序。但在自定义的情况下,它根据传入的函数参数返回结果判断,这个结果要求是一个数字,但在不同浏览器下,自定义会产生一定的偏差,甚至会导致IE下代码终止执行。基于此,对不同浏览器进行测试探讨。
-
再谈手机浏览器中输入框焦点莫名丢失问题
输入框焦点莫名丢失,这次不止是iphone手机上出现,在基于android系统的浏览器上也发现了这个问题。尽管表现不尽相同,但却是同一个bug。究其原因,是输入框先触发touchend事件,然后再根据点击位置触发focus事件,如果点击位置下没有了输入框,就无法触发focus事件了。
-
输入框在iPhone浏览器中被遮盖
最近做了一个简单的智能机上的web搜索网页,测试的时候发现一个 iPhone 上的 bug:点击输入框时,页面上的输入框被地址栏遮挡了,看不到输入框,但是虚拟键盘已经打开。效果如下所示:
-
Javascript键盘事件及输入控制
进行web开发时,我们会对表单做提交验证,为了进一步增强用户体验,要在用户输入时就进行限制,比如针对电话只能输入数字、长度不允许超过固定值等。随着微博的流行,从Twitter开始,很多记录的文字输入在设计时就都添加上了字数限制与提示的功能,这已成了输入框的标配。本文从这一需求出发,说明Javascript中键盘事件和输入控制的技术细节。
-
由void引发的错误
匹配语法错误在js中并不陌生,从它提示的内容中也很容易明白报错的原因。但是浏览器给出的提示的位置并不很准确,实际上发生错误的地方一般是提示的左近。更有甚者根本就无法找到出错的地方,只能一点点排查。void使用错误引发的就是这样的一个错误。
-
vim配置+插件
一直用vim作为日常工作的编辑器,越用越是感觉离不开它。虽然只是用一些基本的命令,高级用法尝试一下不用也就忘记了,但足以满足日常的需要了。使用中插件也会不断地增加,这里记录下vim配置和使用到的插件,以备后查。
-
多窗口同步-基于Comet和LocalStorage
聊天、消息通知等Web应用需要在多个浏览器及其Tab之间同步信息,以便维持各个窗口相同的状态,并防止重复提醒。为了实现同步功能,各窗口之间需要能够共享数据,Web应用在这种情况下可用的方法只有前端的本地存储和后端的服务器存储。WebSocket这种双向通信机制,目前在浏览器和服务器端支持情况都不是很健全,因此不在考虑范围。如果信息能够推送到浏览器,而不是由浏览器定时轮询,那么就能保证内容的实时性,就能很好地实现同步功能。
-
小技巧积累
总结工作中遇到的问题,一些不常见优化方法
-
Chrome中滚动条透明原因及解决
浮层中的滚动条在 Chrome (版本号是19)上会变透明,而且整个滚动条的颜色都跟着变化了。导致问题的原因很简单,只是因为产生滚动条的元素的上层元素中设置了半透明。应该是Chrom一个不常见的bug吧。
-
Fullscreen API 全屏显示网页
Fullscreen API 可以实现网页上某个部分的全屏显示。如果页面上有想让读者看更大的内容,这个API将是你的不二选择,本站的文章都可以全屏显示。它只有有限的几个方法和属性,但浏览器的实现和表现上还是有差别的,本文就将这个API和实际中遇到的问题一一列出。
-
Web中图片的优化泛谈
图片占网站源码的很大一部分,有的甚至超过总量的50%,在不减少网站功能和增加处理复杂度的情况下,图片优化将大有可为。这里只是根据经验对工作中优化的方式进行讨论。
-
关于css的思考
css很简单,简单到可能不用一周的学习就能够开始使用;css又很复杂,做了经年还是发现很多问题没有遇到,很多新的思路可以去尝试⋯⋯在追求完美的路上,困顿、纠结与惊喜交织,明明感觉到豁然开朗就在前方,薄薄的那层迷雾始终无法看透。
-
Jekyll建站之旅
本来想给别人一个jekyll建站的0基础教程,不过在查找相关资料以便描述得更准确的时候发现了很多人已经写过了,而且很好,于是就偷懒了。简单的写了下相关的知识点,以及一些自己想要扩展功能的心得,文章中链接了我认为不错的教程,希望能帮你少走弯路。
-
在vim中设置markdown语法高亮
在vim中设置markdown语法高亮是一个不错的选择,但是在google中搜索到的很多都是比较老的设置方式,甚至vim插件下载页面都是一个旧的版本。这里总结下我的修改过程,以帮助像我一样纠结的人。