JavaScript
lixingshi
这个作者很懒,什么都没留下…
展开
-
Chrome浏览器插件开发入门
转载:http://ux.sohu.com/topics/5028aa0d88ba205052000407引子: Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的开放原始码网页浏览器。 该浏览器是基于其他开放原始码软件所撰写,包括WebKit和Mozilla,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。 软转载 2016-04-01 00:19:58 · 904 阅读 · 0 评论 -
json 数据 添加 删除 排序
js数据格式和json数据格式,各有各的用处,就个人而言,json更好用一点,js自身的数组和对像限制比较多。以js的数组举例:查看复制打印?var a = ['1']; a[5] = 52; a.length //这儿的结果是6,也就是说,中间的key会自动补全,而值呢,是undefined 一,添加和删除1转载 2016-07-22 17:12:39 · 1544 阅读 · 0 评论 -
区分JS中的undefined,null,"",0和false
在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢?其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean原创 2016-05-31 16:41:54 · 415 阅读 · 0 评论 -
移动端Web开发调试之Weinre调试教程
在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题。虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调转载 2016-07-01 02:20:30 · 1963 阅读 · 0 评论 -
onload js函数不执行的原因分析及解决方法
今天打开网站的时候,发现很多页面的信息都没有显示出来,仔细观察了之后,发现都是onload的js函数没有执行的原因。其实之前曾发现过这个情况,我以为是网站出了问题,然后采用多种方法试图让onload的js能够执行,又是重新生成网页、又是重启站点、重启IIS,甚至重启服务器都干过,我的想法是可能网页速度太慢了而导致没有执行onload的js函数。onload js函数不执行的原因分析及解决方转载 2016-06-16 16:40:19 · 9172 阅读 · 0 评论 -
html中body的事件onload定义的函数失效
在html文档中定义了body的onload事件属性:,但是load函数并未执行,可能是load所在js文件存在问题,没有被加载,可以通过浏览器F12调试工具,在console窗口可以看到js加载失败的错误提示,根据提示修改,等到所有文件都被加载完成,就可以出发load函数了原创 2016-06-16 17:17:29 · 8600 阅读 · 4 评论 -
HTML5 LocalStorage 本地存储
HTML5 LocalStorage 本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以转载 2016-07-04 10:08:53 · 424 阅读 · 0 评论 -
js时间加减与时间对象与字符串之间的转换
//js时间的加法 function timeAdd(){ //7天的毫秒数 加7天 var interval = 7*24*60*60*1000; var now = new Date(); now.setTime(now.getTime()+interval); } //将js的时间对象转换为字符串yy转载 2016-07-17 14:47:57 · 2445 阅读 · 0 评论 -
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号,即使设置成转载 2016-09-07 10:48:23 · 1092 阅读 · 0 评论 -
React Reflux
概念Reflux是根据React的flux创建的单向数据流类库。Reflux的单向数据流模式主要由actions和stores组成。例如,当组件list新增item时,会调用actions的某个方法(如addItem(data)),并将新的数据当参数传递进去,通过事件机制,数据会传递到stroes中,stores可以向服务器发起请求,并更新数据数据库。数据更新成功后,还是通过事件机制传递的转载 2016-12-16 16:58:01 · 468 阅读 · 0 评论 -
Reactjs Mixins
抛砖引玉实现一个日志功能。组件在挂载前打印 Component will mount组件挂载后打印 Component did mount不能忍受的写法var AComponent = React.createClass({ componentWillMount: function () { console.log('Component will转载 2016-12-24 11:02:58 · 325 阅读 · 0 评论 -
js事件的捕获和冒泡阶段
讨论的主要是两个事件模型:IE事件模型与DOM事件模型IE内核浏览器的事件模型是冒泡型事件(没有捕获事件过程),事件句柄的触发顺序是从ChildNode到ParentNode。 div id="ancestor"> button id="child"> Open the console and click me转载 2017-03-15 11:47:56 · 484 阅读 · 0 评论 -
js判断对象是否为空
经常会在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(document.mylist.length != "undefined" ) {} 这个用法有误. 正确的是 if( typeof(document.mylist.length) != "undefined" ) {} 或 if( !isNaN(document.myli转载 2016-07-22 17:11:55 · 8025 阅读 · 0 评论 -
HTML5 LocalStorage 本地存储
HTML5 LocalStorage 本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以转载 2016-06-13 21:33:54 · 425 阅读 · 0 评论 -
Android WebView页面加载优化
目前webapp越来越多,体验也越来越好,为了能够更好的使用WebView展示出流畅的的页面,可以从以下几点做优化:WebView缓存资源文件本地存储减少耗时操作客户端UI优化可能有人会说了,为什么不做成native的呢,这样就不用那么的麻烦了。如果我需要加载的内容都是静态的,当然做成native的是最好的,为什么我们要使用WebView呢,因为它可以加载一些容易改变的内容,同时也转载 2016-03-22 10:40:36 · 558 阅读 · 0 评论 -
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;转载 2016-03-22 15:34:37 · 346 阅读 · 0 评论 -
js弹出框、对话框、提示框、弹窗总结
js弹出框、对话框、提示框、弹窗总结一、JS的三种最常见的对话框[javascript] view plaincopy//====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 f转载 2016-03-22 20:04:20 · 367 阅读 · 0 评论 -
js处理json数组
JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。 在JSON中,有两种数据结构:对象和数组。 1.一个对象以“{”开始,“}”结束。每个“名称”后跟一个“:”,“名称/值”对之间运用“,”分隔,名称用引号括起来,如果是字符串则必须用括号,数值类转载 2016-04-29 15:40:34 · 4859 阅读 · 1 评论 -
Javascript:谈谈JS的全局变量跟局部变量
今天公司一个实习小妹子问我两段JS代码的区别:[javascript] view plain copy [javascript] view plain copy 我想,好简单呀,不就是全局变量跟局部变量的scope问题吗?我说:"当全局变量跟局部变量重名时,局部变量的scope会覆盖掉全局变量的scope,当离开局部变量的scope后,又重回到全局变量的scope。所以两段代码运行的结果分别为:1转载 2016-05-11 21:03:59 · 368 阅读 · 0 评论 -
CSS布局自适应等分比例实践
CSS等比例划分,在CSS布局中是比较重要的,下面分享几种常用方法和探讨一下兼容性。一:浮动布局+百分比emmet html代码:ul.float-ul>li*5>.con>h3{等分标题}+p{等分内容等分内容}.float-ul{width: 100%; overflow: hidden; zoom: 1;}.float-ul li{float: left; width: 2转载 2016-05-25 19:07:05 · 1872 阅读 · 0 评论 -
提高HTML5 canvas性能的几种方法
简介HTML5 canvas 最初起源于苹果(Apple)的一项实验,现在已经成为了web中受到广泛支持的2D快速模式绘图(2D immediate mode graphic)的标准。许多开发者现在利用它来实现众多的多媒体项目、可视化醒目以及游戏等等。然而,随着我们构建的应用程序的复杂度的增加,我们难免会遇到所谓的性能问题。已经存在众多优化canvas性能的方法了,但是还没有一转载 2016-05-31 14:23:55 · 5224 阅读 · 0 评论 -
HTML特殊字符的html、js、css写法汇总
⇠ 箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS⇠⇠\u21E0\21E0⇢⇢\u21E2\21E2⇡⇡\u21E1\21转载 2016-05-19 16:36:54 · 674 阅读 · 0 评论 -
js里面的单引号和双引号的区别
$a = 1;echo $a; // 1echo "$a"; // 1echo '$a'; // $a双引号会搜索引号内的内容是不是有变量,有则输出其值,没有则输出原有内容。所以输出纯字符串的时候用单引号比双引号效率高,因为省去检索的过程。区别就是:单引号包含双引号的时候,里面的双引号不用转义,反之亦然 单引号和双引号基本都是一种概念,但是二原创 2016-05-23 11:09:39 · 563 阅读 · 0 评论 -
JSON详解
阅读目录JSON的两种结构认识JSON字符串在JS中如何使用JSON在.NET中如何使用JSON总结JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaS转载 2016-05-23 11:11:19 · 378 阅读 · 0 评论 -
js常用返回网页顶部几种方法
返回顶部的广告有很多种,如有锚标记、JS scrollTo函数、scrollBy慢速滚动返回顶部及现在常用的jquery返回顶部代码网页编程中时常会用到返回网页顶部代码,返回顶部方法只有两种:一种是直接跳转到顶部,二是采用JS添加滚动效果,关于代码方面,天缘一贯的理念,少写点废话,尽量在代码量和体验方面寻求平衡,与其花大力气写个二三十行代码去返回顶部,不如把精力放在改善网站内容方面。转载 2016-06-12 19:48:23 · 18639 阅读 · 1 评论 -
如何去设计一个自适应的网页设计或HTMl5
如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下, PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是136转载 2017-08-26 09:49:04 · 602 阅读 · 0 评论