随笔分类 -  javascript basic

jQuery Mobile中的页面加载与跳转机制
摘要：第一次做用jQuery Mobile做东西，发现一些跟平时的思维习惯不太一样的。其中这个框架的页面加载机制便是其中一个。如果不明白其中的奥秘，往往会出现一些让人摸不着头脑的怪现象，比如页面进入后点击按钮后Javascript就是不执行，而用F5刷新页面后又可以正常执行等。即使我们明白了HTML文件与jQuery Mobile中page概念的区别，也还是不能解决上述问题。当然，了解这个是一个大前提。原来，jQuery Mobile是用Ajax的方式加载所有HTML中的标记data-role="page"的DIV元素中，第一个HTML页面一般都是完全加载，包括 HEAD 和BO 阅读全文

posted @ 2013-12-08 15:13 pinocchioatbeijing 阅读(13490) 评论(1) 推荐(1)

一些有趣的javascript小测试
摘要：1. 关于字符串中的连接符（ampersand）alert("&");//&alert("a&");//a&alert("a&b");//a&balert("a&b=0");//a&b=0alert("?a&b=0");//?a&b=0alert("c?a&b=0");//c?a&b=0alert("??a&b=0");//??a&b=0aler 阅读全文

posted @ 2013-04-14 22:12 pinocchioatbeijing 阅读(166) 评论(0) 推荐(0)

HTML+CSS+jQuery实现的一个数值增减组件NumericUpDown
摘要：在做一个项目的过程中，需要自己实现这样一个组件，效果图如下：0. 功能分析：当鼠标点击向下与向下按钮的时候，左边的数值要随之增减。当然这样的组件在网上比比皆是，我还是决心自己做一个试试。1. 首先是切图。切成下面这样的图，左边为正常显示的背景，右边为鼠标经过的背景。2. 决定html结构。如下： <div id="addsubtract1" class="addsubtract"> <div class="addsubtract-left"></div> <div class="ad 阅读全文

posted @ 2012-07-23 18:12 pinocchioatbeijing 阅读(1923) 评论(0) 推荐(0)

网页中的数学公式
摘要：无意中发现一个在网页中显示数学公式的解决方案,MathJax，太崇拜这些人了！他们才是真正地IT人，哪像国内我们这些民工？代码如下：<!DOCTYPE html><html><head><title>MathJax AsciiMath Test Page</title><script type="text/javascript" src="http://cdn.mathjax.org/mathjax/2.0-latest//MathJax.js?config=AM_HTMLorMML-full&qu 阅读全文

posted @ 2012-04-08 14:37 pinocchioatbeijing 阅读(728) 评论(0) 推荐(0)

用fieldset标签轻松实现Tab选项卡效果
摘要：fieldset是一个不常用的HTML标签，它可以将表单内的元素分组显示，legend标签为 fieldset 元素定义标题。由于各浏览器在显示fieldset和legend结构时会自动为其添加边框和栏目标题的效果，今天就试了试以它们为基础来做一个Tab选项卡效果。整体效果与功能还将继续改进。HTML： <form id="form1" method="post" action="#"> <fieldset> <legend> <span class="tabName curTab& 阅读全文

posted @ 2012-02-24 17:33 pinocchioatbeijing 阅读(854) 评论(0) 推荐(0)

Javascript简写条件语句
摘要：经常在各处牛人的代码中看到许多简写的条件表达语句，看了一些介绍这方面的文章，觉得3 ways 2 say if这篇文章（http://www.thomasfrank.se/3_ways_2_say_if.html）还不错。在这篇文章中作者对传统的if...else...、?:、&&/||三种条件表达的写法的特点及用处进行了总结归纳，简述如下：1. if...else结构// Set r to 0 or 1 var r= Math.floor(2*Math.random()) // Set a, b and c to "small" if r==0 an el 阅读全文

posted @ 2012-01-16 18:33 pinocchioatbeijing 阅读(1796) 评论(0) 推荐(0)

js中值得推荐的Memoization
摘要：根据Widipedia的定义，Memoization是一种旨在加速计算程序，避免函数调用过程中对先前已处理输入的重复计算而采取的优化技巧。In computing, memoization is an optimization technique used primarily to speed up computer programs by having function calls avoid repeating the calculation of results for previously processed inputs. (Wikepedia-Memoization:http:// 阅读全文

posted @ 2012-01-15 22:30 pinocchioatbeijing 阅读(454) 评论(0) 推荐(0)

js中两个感叹号的作用
摘要：先用一个简单的例子说明：var o={flag:true};var test=!!o.flag;//等效于var test=o.flag||false;alert(test);由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非 null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是 null或undefined。在jQuery中比较经典的例子如下：（jQuery 1.7.0.js: Line 748） gre 阅读全文

posted @ 2012-01-14 14:21 pinocchioatbeijing 阅读(1688) 评论(0) 推荐(1)

导航