mrdu_somefun的博客

工作多年，一直忙忙碌碌的应用各种技术，现在不忙了，问问自己究竟在做什么，究竟会什么竟答不上来，回想起来工作中经常是被要求多快好省的去实现一个目标，用度娘解决问题，却没时间了解原因，今天就从宏观的角度入手来归纳总结一下。最准确的网页设计思路是把网页分成三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。一、HTML、CSS、JavaScript简介及简单分工

一 前言　　对于正则表达式，相信很多人都知道，但是很多人的第一感觉就是难学，因为看第一眼时，觉得完全没有规律可寻，而且全是一堆各种各样的特殊符号，完全不知所云。其实只是对正则不了解而以，了解了你就会发现，原来就这样啊正则所用的相关字符其实不多，也不难记，更不难懂，唯一难的就是组合起来之后，可读性比较差，而且不容易理解，本文旨在让大家对正则有一个基本的了解，能看得懂简单的正则表达式，写得出简

CSS的相对定位和绝对定位通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left:100px 那么这条声明不会起到任何效果。还有z-index属性在这时也不会生效。也就是说我们平

JS中的JSON对象使用JSON进行数据传输一、选择的意义在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。为了更好的使用ajax,我们将学习一种有用的数据格式 JavaScript Object Notation（JSON），以及如何使用它更轻松地在应用程序中移动数据和对象。JSON是一种简单的数据交换格式，在某些方面，它的作用与XML非常类似，但比

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，JSON格式的数据，主要是为了跨平台交流数据用的。但JSON和JavaScript确实存在渊源，可以说这种数据格式是从JavaScript对象中演变出来的，它是JavaScript的一个子集。JSON本身的意思就是JavaScript对象表示法（JavaScript Object Notation），它

JSON是一种取代XML的数据结构,和xml相比,它更小巧,由于它的小巧所以网络传输数据将减少更多流量从而加快速度。JSON就是一串字符串 只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组"" 双引号内是属性或值: 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)所以 {"name": "beck"

callback即可，查看 struts2 JSONResult 源代码后，发现兼容json和jsonp[java] view plain copy protected String createJSONString(HttpServletRequest request, Object rootObject) throws JSONExcep

先前的概念中对JSON还是比较熟悉，对JSONP不是特别的清楚，整理完相关知识发现才豁然开朗。简单的说JSON是一种数据交换格式，而JSONP是一种非官方跨域数据交互协议。JSON是“暗号”，而JSONP则是接头方式。一个是描述信息的格式，一个是信息传递双方约定的方法。一、什么是JSONJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅

我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是:?1console.log("值为:",fn);console.

为什么要压缩JavaScript | Why Compression随着Ajax的应用普及，JavaScript已经得到了越来越多程序员的重视。JS不好调试，代码多了也会严重影响速度，当你在为提高了用户体验，做出了很绚丽的效果而欣喜的时候，是否想过优化一下JS的效率，大网站的JS都做了压缩处理。JS的速度分为两种，下载速度和执行速度。要想JS的下载速度快，就需要尽量减少js文件的大小，另外

1 程序书写的位置在页面中，”text/JavaScript”>标签对儿，里面就是书写javascript程序的地方。1  2 3  2 alert语句学习第一个语句，就是alert语句。1  2 alert("今天天气真好");3  alert就是英语里面的“警报”的意思。用途就是弹出“警告框

偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久

body{ background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}

选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器（指定id元素）将id="one

1.Date  ——>  String使用的函数：DATE_FORMAT(date,format)     date:需要转换的日期       format:格式化的样式format样式整理：年： %Y 显示四位 ： 2015             %y 只显示后两位  ：15月： %M 月份的英文显示：October %m 月份的阿拉伯显示：01-12  %b

js有好多的知识需要不断积累，但是不能浅尝，应该深究其内因，并运用在日常开发过程中。捕获阶段：事件从根节点流向目标节点，途中流经各个DOM节点，在各个节点上触发捕获事件，直到达到目标节点。那么捕获阶段有什么用吗？完全可以没有捕获阶段也可以啊？捕获阶段的主要任务是建立传播路经，在冒泡阶段根据这个路经回溯到文档根节点目标阶段 事件到达目标节点时，就到

div id='outer'> div id='inner'>div>div>document.getElementById('inner').addEventListener('click', showId);document.getElementById('outer').addEventListener('click', showId, true);function sh

概述forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素.语法var collection = document.forms;document.forms['exportServlet'].submit(); （1）document.forms：表示获取当前页面的所有表单 （2）document.forms

1. 检验是否数字 2. 校验起止日期要小于结束日期 3. 获取当前日期 4. 获取上一个月的第一天 5. 获取上一个月的最后一天 6. 判断起末日期是否在同年同月 7. 禁止回车键 8. 正则验证手机号码 9. 正则验证email格式 10. 正则验证身份证号码 11. 正则验证微信号，不少于6位，以字母开头，只能包含字母、数字、下划线和减号/**

JavaScript1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2.const问题说明:Fir

区别：javascriptJavaScript 是因特网上最流行的浏览器脚本语言。很容易使用！你一定会喜欢它的！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。HTML DOMHTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for

什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netscape浏

前言：　　在实际项目开发中，日期选择是一个十分常见而且重要的问题，在表单中设计到日期的验证时，如果让用户自己输入时间的话，那么使用正则进行验证其正确性是不可取的，因为他一般只能验证日期的格式，无法准确的验证其日期正确性。此时可以使用日期选择器组件来帮助我们完整。 用法：    使用日期在选择其组件其实很简单，我们只需要在*.html文件里面引入日期选择器的*.js文件，并在inpu

现在越来越多的项目和开发插件等默认都会支持和使用json数据格式，作为数据保持、传输的一种方式。 说是其中一种，就标示还有好多其他格式。比如：最多是xml。webservice的标准数据格式。 不过由于json是JavaScript 对象表示法（JavaScript Object Notation），天生就对js支持很好， 所以现在很多的ajax等都使用json，反而会更好处理一些。

XML和JSON都使用结构化方法来标记数据，下面来做一个简单的比较。用XML表示中国部分省市数据如下：1234567891011121314151617181920212223242526272829303132xml vers

在JavaScript中事件的监听是用来对某些操作做出反应的方法。例如监听一个按钮的pressdown, 或者获取鼠标左键按下时候鼠标的位置。这些都需要使用监听来完成。监听的函数很简单：addEventListener.这里解释一下一个网页的嵌套关系：最外层：window 包含：document 包含：html 包含: body 包含：div等等...addEventListener监

因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 所以,完全是不一样的 很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的 这样,函数外的setTim

在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比wi

JavaScript：this是什么？定义：this是包含它的函数作为方法被调用时所属的对象。说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！ 1、包含它的函数。2、作为方法被调用时。3、所属的对象。看例子：function to_green(){ this.style.color="green";}to_green();上面函数中

中的“#”其实是锚点的意思，默认为#top，所以当页面比较长的时候，使用这种方式会让页面刷新到页首（页面的最上部）javascript:void(0)其实是一个死链接，当使用超链接处理JS脚本（一般是click），又不想回到页首（这种情况可以理解为局部刷新）时经常使用void 操作符的用法格式如下：1. javascript:void (expression_r_r)2. java

说起js中的with关键字，很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域，然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后，我们很多人都会忽略掉with关键字，认为不要去管它用它就可以了。但是有时候，我们在看一些代码或者面试题的时候，其中会有with关键字的相关问题，很多坑是你没接触过的，所以还是有必要说说with这一个关键字。基本说明在js高级程

1、终止函数的继续运行.当遇到if…… else是。若出现return，就会出现终止运行，不会继续做出判断 return验证测试function Login_Click(){if(document.form1.UsName.value==""){alert('用户名为空');}if(document.form1.UsPwd.value==""){aler

第一种: 删除 第二种: function del_sure(){ var gnl=confirm("你真的确定要删除吗?"); if (gnl==true){ return true; } else{ return false; } } ---> //调用 " onclick="javascript:del_su

今天在项目中的时候需要在js中获取到session中的值，来确定用户的登陆状态，以及获取用户的具体信息。通常情况下，客户端的浏览器是不能获取到服务器中的seesion对象的，但是由于我使用的是jsp开发，这就变成了可能，所以我的解决方案是通过如下方式获取。script type="text/javascript">$(function() { var user = ''; a

a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOPJavaScript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接 作用同上，不同浏览器会有差异。点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用

file是一种特殊的input，不能被赋值，也不能被javascript取值，只能随表单提交，而且随表单提交的也是file路径所指向的文件本身。这是浏览器安全原因所限制的，如果可以取值和赋值的话，那么javascript就可以随意获取你电脑上的文件了，这是非常危险的

作用：     addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。     它们都接受3个参数：事件名、事件处理的函数和布尔值。     布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。示例：环境：移动端，界面禁止触摸事件要在bo