随笔分类 -  JavaScript

JS随机生成100个DIV每10个换行(换色，生成V字和倒V)
摘要：附图 1 2 3 4 5 6 10 77 78 79 80 81 82 83 84 85 86 阅读全文
posted @ 2015-12-05 23:43 刘莫白 阅读(4451) 评论(0) 推荐(0)
JS性能优化的那点事
摘要：1：减少查找次数，把需要查找的内容先提取出来，全部添加计算完成后，再统一查找一次即可，如下面例子：未完待续。。。。。 阅读全文
posted @ 2015-12-05 20:23 刘莫白 阅读(236) 评论(0) 推荐(0)
JS案例练习-手机微信聊天对话框
摘要：先附图 CSS部分：JS部分：Html部分： 手机聊天界面 发送 阅读全文
posted @ 2015-12-05 19:27 刘莫白 阅读(3121) 评论(0) 推荐(0)
JS案例练习：图片切换+切换模式
摘要：先附图：CSS样式部分：JS代码部分：html部分： 轮播切换 请选择切换模式 加载中...... > 加载中...... 阅读全文
posted @ 2015-12-02 23:51 刘莫白 阅读(1537) 评论(0) 推荐(0)
浏览器兼容的那些事（笔记）
摘要：JS系列：1.所有的相对路径都别拿来做判断： （img src）/ (href="1.jpg")2.颜色值不要拿来做判断： （color:red） / （#ffffff）/ （rgb(255,255,255)）3. innerHTML值不要拿来做判断4.替换表单属性，如下面例子：5.float的... 阅读全文
posted @ 2015-12-01 22:26 刘莫白 阅读(359) 评论(0) 推荐(0)
JS案例练习 — 给div添加样式选择功能
摘要：附加效果图： CSS内容： 1 JS内容： 1 Html内容： 1 2 3 4 5 设定样式功能 6 7 8 9 点此设置样式10 11 12 13 14 15 16 请选择背景... 阅读全文
posted @ 2015-11-30 22:59 刘莫白 阅读(2202) 评论(0) 推荐(0)
javascript简单计算器实践
摘要：参考部分资料，编写一个简单的计算器案例，虽然完成了正常需求，但是也有不满之处，待后续实力提升后再来补充，先把不足之处列出： 1：本来打算只要打开页面，计算器的输入框会显示一个默认为0的状态，但是在输入框加入默认显示为0的时候，选择数据输入时，该0会显示输入数字的前面，例如”0123“，由于能力... 阅读全文
posted @ 2015-11-21 22:55 刘莫白 阅读(752) 评论(6) 推荐(2)
JacaScript访问外部定义的css文件里面的元素样式
摘要：先取得定义类的样式表引用，用document.styleSheets集合实现这个目的；这个集合包含所有html里面的样式表，DOM为每个样式表定义了一个cssRules的集合，这个集合包含定义在样式表中的所用css规则（注意：Firefox和safari为cssRules，而IE为rules）。... 阅读全文
posted @ 2015-11-20 18:06 刘莫白 阅读(258) 评论(0) 推荐(0)
escape,encodeURI,encodeURIComponent 之间的区别和使用
摘要：escape(目前已经被淘汰)是对字符串(string)进行编码(而另外两种是对URL)，不会对下列字符编码ASCII字母 数字 @*/+ 最关键的是，当你需要对URL编码时，请忘记这个方法，这个方法是针对字符串使用的，不适用于URL。encodeURI 方法不会对下列字符编码ASCII字母 数字 ... 阅读全文
posted @ 2015-11-13 11:31 刘莫白 阅读(277) 评论(0) 推荐(0)