【读书笔记】“Javascript编程精解”之“正则表达式”


第⑧章正则表达式

 

在前面几个章节中,我们都不得不在字符串值中寻找一些模式。第3章中,我们通过编写能够找到日期中各个数字的准确位置的代码,从字符串里提取了日期值;第5章中,我们看到了一些特别不美观的代码,这些代码用于在字符串里查找特定类型的字符,例如,在HTML输出的时候必须要转义的字符。

阅读全文>>

【分享总结】浏览器Quirksmode模式与Strict(CSSCompat)模式

应该说,两者最大的区别在于盒模型的解释上面。先贴一段介绍文字:

在strict mode中 :
width是元素的内容宽度 ,也就是说,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right;

在quirks mode中 :
wi...

阅读全文>>

【经验】一道面试:点击排序(要求最优性能)


题目如下:

页面有N个BOX(每个BOX都有各自ID),初始时点击量count都为0,点击后,页面的BOX按照点击量,从大到小重新排序,要求:性能损耗小,浏览器重排和重绘次数最少。

(对于初始时是否给有数据,这个不必纠结,如果没有数据,可遍历DOM获得这个数据[只获取ID即可,count初始都为0])

 

 下面给出自己的答案(当然也肯定有最优解法,正在寻求):

<!DOCTYPE...

阅读全文>>

【读书笔记】怦然心动-情感化交互设计指南

书借了一个多月了,看了一遍,笔记还没写,所以还没舍得还。理论较多,但有几章写的还是很有吸引力的。

这里主要介绍第十四章:

第14章 避免展示过多信息

减少选项

减少文字

有趣的干扰

隐藏信息,制造“少”的错觉

迷惑视觉系统,让内容更简约

减少思考时间



减少选项

限制选项的个数能否产生影响?无数研究人员已经发现,用户面临的选项越多,就越不可能采取任何行动。

(一些购物者有6种果酱可选,另一些有24种可选,当选择更少的时候...

阅读全文>>

【原创】jQuery 分步指引插件(兼容各浏览器)

话说正在做项目中的帮助指引功能,即分步指引功能,查找了很多插件都不太符合需求,所以自己写了个简单的插件,只需要改改样式就能满足于各种需求了。
话不多说,插件代码如下:
/*
    1、各初始化参数已经在注释中指明
    2、使用插件时,指定触发事件的button即可,可多次实例化。
    3、对于已有 非position:relative定位样式的元素 注意在ste...

阅读全文>>

【翻译】DOM Storage guide(DOM存储指南)

原本是准备全文翻译一下的,最后发现竟然有中文版的,后面有部分英文未翻译过来,所以就省省力,翻译了别人丢下的几段,整理了一下。
[原文地址]: DOM Storage guide

概述

DOM存储是一套在Web Applications 1.0 规范中首次引入的与存储相关的特性的总称, 现在已经分离出来,单独发展成为独立的W3C Web存储规范. DOM存储被设计为用来提供一个更大存储量,更安全,更便捷的存储方法,从而可以代替掉将一些不需要让服务器知道的信息存储到cookies里的这种传统方法....

阅读全文>>

【分享】Github上的README.md 编写技巧

分享的原文如下:

用github也1.年半了,虽然在上面也陆陆续续的建了些工程。但要么就是fork别人的,要么就是自己练习用的。今天终于开了下荤,建了个开源的小项目。但发现写README.md还是需要些技巧。这里记录下来.


针对中文,演示Markdown的各种语法

针对中文,演示Markdown的各种语法
  
大标题
===================================
  大标题...

阅读全文>>

【分享】Switch Case中的经典(经典用法)


    昨天在看JavaScript优化脚本时,其中有一条是使用三元运算符以及switch语句。关于优化代码时,使用Switch Case比If Else要快,这点我们知道,但是三元运算符呢?
    在JavaScript精粹一书中提到,使用三元运算符比使用If Else语句要快。关于原因,书中并没有过多的介绍,我想这大概是...

阅读全文>>

【经验】HTML5之Web Storage(本地存储)详解


项目中用到的知识,都有必要总结一下,积累和沉淀的才是精华。
首先还是得循规蹈矩的介绍一番,后续会翻译一篇Mozilla的技术文章奉上,
介绍文字网上很多,虽前篇一律,但还是有一定指导意义的:

web storage概述:
  • HTML5中的Web Storage包括了两种存储方式:sessionStorage和localStorage
  • sessionStorage用于本地存储一个会话(session)中...

阅读全文>>

【解决】Android 2.x 不支持overflow、position:fixed解决方案


Android 2.x和IOS5以下都不支持overflow:auto属性(position:fixed也不支持)。


移动端浏览器兼容性和PC端相比,有过之而无不及。操作系统版本及各式浏览器和各式的屏幕大小排列组合,你永远也无法预测到你的应用会在哪部手机上冒出什么样的问题。
测试过各种浏览器(chrome手机浏览器、百度手机浏览器、手机QQ浏览器、UC浏览器、UC浏览器HD、safari浏览器、f...

阅读全文>>

Blogger

  • blogger
  • 天之骄子
  • 职位:研发工程师
    铭言:
    阳光与欢乐同在,
    与我同在
    主页:
    blog.baiwand.com

分类目录

日志归档

主题标签

数据统计

  • 日志:151篇
  • 评论:45条
  • 碎语:264条
  • 引用:0条

链接表

随机日志 »

最新日志 »

最新评论 »

标签云 »

订阅Rss
sitemap