- 博客(47)
- 收藏
- 关注
RSS订阅原创 WebApp常见meta标签
"添加到主屏幕“后，全屏显示 这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。注意： 若值为“black-translucent”将会占据页面px位置，浮在页面
2014-11-12 17:21:15
935
原创 使用 html5 FileReader 获取图片, 并异步上传到服务器
原理：1.使用FileReader 读取图片的base64编码2.使用ajax，把图片的base64编码post到服务器。3.根据接收到post的数据分析图片的类型(jpg,gif,png)，并把base64_decode后的数据生成对应类型的图片文件。 use the fileReader to get load the picture
2014-08-20 19:30:54
1676
原创 正则表达式大全【整理篇】
字符 含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头，/^
2014-08-20 17:25:10
765
原创 HTML5<video>背景大视频响应式布局完美支持
HTML5video全屏视频背景，并兼容移动端的响应式网站时候，遇到了遇到了在移动端时，<video>标签设置了 loop ,autoplay。在PC我们可以完美的运行，但是迁移到移动端的时候，发现，出现黑屏效果，且video内容无法显示在这里，我首先考虑的是，是否视频格式出现问题【一般情况下，webm,和mp4格式便可兼容主要浏览器】，经过验证后发现没有任何问题，便开始考虑时候有插件支持；而也了解到了一款videojs插件，Video JS是一个基于JavaScript的HTML5视频播放器，当浏览器不支
2014-08-20 01:46:54
6708
原创 HTML5 Canvas绘制实时时钟
htm5 canvas绘制实时好看时钟，及save,restore，beginPath,closePath实际应用
2014-08-14 02:22:24
1608
原创 关于内层DIV设置margin-top不起作用的解决方案
昨天晚上，在写上一篇冒泡事件的时候，遇到了，内层div与外层div之间设置了margin-top，无效，决定好好的研究解决一下。上部层 子层理想中的效果是父层和上部层贴边显示，子层距离父层顶部有200px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了200px。百思不得其解，求助google，得到如下的一句：
2014-08-13 22:31:47
3417
原创 javascript实现获取json数据分页功能
无标题文档var a={"code":1,"list":[{"category1_id":"1","category1_name":"\u9152\u6c34\u996e\u6599","category1_intro":"\u6e05\u51c9\u53ef\u53e3\u7684\u9152\u6c34\u996e\u6599","category1_images":"http:\/\/w
2014-08-13 21:12:09
7788
1
原创 Javascript鼠标控制对象滚动
try the mouseWheel /*＝＝＝＝＝＝＝＝＝reset===========*/ * {padding: 0; margin: 0} body {margin: 3em; font: 12px Tahoma; background: #EAEAEA; color: #333333; line-height: 20px} input, textarea {f
2014-08-13 20:08:24
674
原创 javascript事件冒泡
一、事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。
2014-08-12 23:48:15
779
1
原创 document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Co
2014-08-12 19:48:47
531
原创 使用javascript从一个字符串提取自字符串
问题：有一个字符串是由ijige句子组成，其中的一个句子拥有一个项目列表，该列表以一个冒号开始(:),以一个句点结束(.)，我们如何去提取这个列表解决思路：使用indexof+String方法来找到冒号，然后再次使用它找到冒号后面的第一个据点，有了这两个位置，使用String subString方法提取字符串 提取子字符串 var sentence="this i
2014-08-12 00:33:46
1557
原创 jqueryAPI学习之add(),addBack(),addClass(),after()学习
一、.add(）用于添加元素到匹配元素集合，可接受多重类型参数【1】add(selector)一个字符串表示的选择器表达式，找到元素并添加到元素集合中【2】add(elements);一个或多个元素添加到匹配的元素集合【3】add(html) 将html代码片段添加到匹配的元素集合【4】add(jQuery object)一个现有的jQuery对象添加到匹配的元素集合【5】
2014-08-10 17:49:49
1167
原创 js跨浏览器事件处理程序
aaaaaaaaaaaaaaaaaaa sasdsasdasdadasd saswerwerwedgddadasd sasdwewrwreadasd var EventUtil = { addHandler: function(element, type, handler) {
2014-08-10 16:39:43
1008
原创 js完美运动框架，想得到的效果基本能做到
完美运动框架 div{width: 200px;height: 100px;filter:alpha(opacity=100);opacity: 1;background: #808800;} window.onload=function (){ var oDiv=document.getElementsByTagName('div')[0];
2014-08-08 17:53:25
892
原创 web前端黑客技术之数据与指令【sql注入、xss跨站脚本攻击】
首先，我们知道，用浏览器打开一个网站，呈现在我们面前的都是数据，服务器端存储的（数据库，内存，文件系统等）、客户端存储的（本地Cookies,flash Cookies等），传输中的（json数据，和xml数据等，）还有文本数据等等。而在这些数据的交换过程中，如果出现数据流被污染了，就会出现非预期的出存储和传输，导致安全风险。而存储，传输并呈现这些数据的时候，需要执行指令，指令简单
2014-08-07 22:19:50
1276
原创 javascript中this和super用法
"this"，作为一个特殊的关键字，它的规则如下： 1。可以表示构造函数传递。this(a,b)表示调用另外一个构造函数。这里面的this就是一个特殊语法，不是变量，没有什么类型。 2。可以在一个类的非static成员内部使用，表示当前这个对象。此时，this就是一个final的普通变量，它有静态类型，就是这个类C本身；它有动态类型，就是当前这个对象的类型。你可以对它调用成员函数，把它传递
2014-08-03 20:17:46
6364
原创 javascript中ajax框架及解决缓存带来的问题
javascript中书写ajax框架，并进行封装，同时还对ajax使用过程中对浏览器缓存问题的解决办法
2014-07-30 23:52:08
845
原创 height:100%失效
height明明设置了100% 为什么却看不到效果。很多时候在基础不是很扎实的时候，经常会遇到这样的问题，究其原因其实简单首先你要确保html{height:100%;}body{height:100%;}这样的话，在加载页面时，会获取设置页面的高度为可视窗口的高度，即100%；这样去设置子层级时，才能获取达到你想要的高度值
2014-07-28 15:37:54
754
原创 javascript字符串中查找子字符串
在javascript中，查找字符串中的子字符串是否存在，我们可以只用indexOf方法来确定 无标题文档 body{ margin:0;} var test="hello the fcuking world"; var subTest="world"; var result=test.indexOf(subTest); if(resul
2014-07-27 20:48:31
1827
原创 js实现多物体运动框架并兼容各浏览器
首先，我们需要知道在js中获取对象的宽度如offsetWidth等，可能会存在一些小小的bug。原因之一在于offsetWidth仅仅只是获取盒子模型中内容的部分宽度，并不包含内边距，边框和外边距，这样会导致控制对象运动与预期不符，这里就不详细的去解释。而为了解决这个问题，在这里，我们提供了一个方法来保证我们的运动的准确性。style只能获取元素的内联样式，内部样式和外部样式使用s
2014-07-25 13:04:13
995
原创 angularjs中directive声明scope对象时修饰符解释和用法
在angular中我们定义directive方法时，可以看到 return { restrict: 'AE', scope: {}, template: '', link: function() {}}除了代码中出现的属性，还有一些其他的属性可供配置，这里不作详述。今天我们要说的重点是scope字段。常规用法设置
2014-07-24 15:55:32
3225
原创 currentstyle和getComputedStyle兼容问题
currentStyle：获取计算后的样式，也叫当前样式、最终样式。优点：可以获取元素的最终样式，包括浏览器的默认值，而不像style只能获取行间样式，所以更常用到。注意：不能获取复合样式如background属性值，只能获取单一样式如background-color等。alert (oAbc.currentStyle);非常遗憾的是，这个好使的东西也不能被各大浏览器完美地
2014-07-09 20:06:06
1097
转载 JavaScript获取浏览器高度和宽度值
IE中： document.body.clientWidth ==> *DY对象宽度document.body.clientHeight ==> *DY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireF
2014-07-02 01:07:56
817
原创 js实现浮动框【缓冲效果】
右侧缓动悬浮宽 #f_fix{width: 100px;height: 150px;background: #808080;position: absolute;right: 0;} window.onscroll=function() { var oDiv=document.getEleme
2014-06-30 20:56:23
1358
原创 document.documentElement.scrollTop || document.body.scrollTop问题分析
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代docum
2014-06-30 18:27:21
925
原创 angularjs UI控制其分离,scope应用及$watch观察模型变化
在上一节讲完了关于应用开发中如数据绑定，添加样式一类的基础操作后，接下来，将在应用中，与控制其有关的一些事件。。。一、UI和控制器的分离我们需要明确控制器在应用中的三个作用：【1】在应用模型中设置初始状态【2】通过$scope对象向视图（UI模版）暴露函数和模型【3】监视模型发生变化的其他部分并做出相应的动作二、发布scope中的数据模型 传递给控制器的
2014-06-30 15:42:10
1165
转载 haslayout
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有
2014-06-16 12:29:52
464
原创 CSSreset
/* @名称: base @功能: 重设浏览器默认样式 */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color:black; background:white; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6
2014-05-30 22:37:49
559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人