
html
Baron的博客
做不一样的程序员
展开
-
Fiddler调试线上JS代码
强力推荐一款js调试神器,Fiddler大家平时肯定都用过火狐的Firebug或者谷歌的调试工具来调试JS,但遗憾的是我们不能像编辑html,css那样来直接新增或者删除JS代码. 虽然可以通过调试工具的控制台来动态执行JS代码,但有时候却远远不够用. 特别是当产线环境不能随意修改文件情况下,用线上环境来调试本地代码更是迫切的需求. (往往本地测试通过,原创 2015-08-07 16:31:12 · 3265 阅读 · 1 评论 -
JQuery获取基本对象的方法
$("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用$("input[name='username']") 获得input标签中name='userName'的元素对象 常用$(".abc") ' 获得样式class的名字是.abc的元素对象 常用$("div") ' 标签选择器 选择所有的div元素 常用$("#a,.原创 2014-04-27 14:17:39 · 679 阅读 · 0 评论 -
CSS中hover改变子元素和其它元素样式
#a {color : #FFFF00;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;}元素1元素3 元素2+表示下一级元素,>表示子元素原创 2015-08-27 13:50:27 · 38962 阅读 · 1 评论 -
jquery相册图片来回选择
jquery相册图片来回选择原创 2015-08-18 16:02:50 · 1340 阅读 · 0 评论 -
jq和css3图片拉近效果
#test{width:200px;height:200px;font-size:12px;transition:all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s;} #test:hover{-moz-transitio原创 2015-08-13 17:05:09 · 2169 阅读 · 0 评论 -
js对象和字符串互相转化
js对象和字符串互相转化原创 2015-07-31 16:11:21 · 750 阅读 · 0 评论 -
实例讲解js中的预编译
js作为一本脚本语言,可以不经过编译直接运行,但遇到预编译的问题,尤其是变量或函数同名时,这点知识就尤其必要了。为了更好地了解js语言背后的运行机理。笔者采用实例化的方式讲解我理解的预编译。 理解预编译首先要弄清楚两种概念:函数声明和变量赋值。[javascript] view plaincopyfunction ledi(){ }/转载 2015-08-14 09:53:24 · 431 阅读 · 0 评论 -
推荐chm转成html的方法
chm是由一个或一组文件编译成的。可用下述命令反编译:hh.exe -decompile 反编译后保存的目录 要进行反编译的文件.chm例如,要反编译文件“test.chm”,先进入“cmd”命令窗口,并转到“E1.chm”所在目录,输入“hh -decompile test test.chm”,会在当前目录下生成目录“test”,并在其中生成原始的目录结构。进去搜下,能找到显转载 2015-08-04 09:59:50 · 2971 阅读 · 0 评论 -
欢迎使用优快云-markdown编辑器
chm是由一个或一组文件编译成的,可用下述命令反编译: 1、hh.exe -decompile 反编译后保存的目录 要进行反编译的文件.chm 2、例如,要反编译文件“test.chm”,先进入“cmd”命令窗口 3、并转到“E1.chm”所在目录,输入“hh -decompile test test.chm” 4、会在当前目录下生成目录“test”,并在其中生成原始的目录结构。进去搜下,能转载 2015-08-04 10:08:35 · 414 阅读 · 0 评论 -
css左中右布局-两边自适应
直接上代码 *{margin:0;padding:0;} li{display: table-cell;}<!-- table布局 123 3544542323232323232323232323232323232323232323232323232323 321原创 2015-09-06 09:13:09 · 2688 阅读 · 0 评论 -
CSS匹配原理
用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS:DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,转载 2015-09-11 09:06:07 · 451 阅读 · 1 评论 -
css将书写模式变成纵向
-webkit-writing-mode: vertical-rl; /* for browsers of webkit engine */ writing-mode: tb-rl; /* for ie */转载 2015-09-10 17:55:39 · 714 阅读 · 0 评论 -
CSS布局-两边固定,中间自适应
直接上代码 *{ margin:0; padding:0px;} .header{ background:#666; text-align:center;} .body{ overflow:hidden;*zoom:1;} .wrap-2{ margin-top:30px;}原创 2015-09-11 11:47:51 · 935 阅读 · 0 评论 -
JS获取点击标签对象
JS获取点击标签对象: Document 123 function demo(obj,b){ alert(obj.id); alert(b)}原创 2015-05-25 20:58:08 · 8183 阅读 · 1 评论 -
js字符串和json格式互相转化
字符串转Json方法一//字符串转Json方法1function strToJson(str){ var json = eval('(' + str + ')'); return json; } ======================【测试】===========================var s = "{name1:'name1',name2转载 2014-05-29 23:35:28 · 1981 阅读 · 1 评论 -
js实现倒计时功能
js实现倒计时功能原创 2015-04-17 16:21:53 · 1831 阅读 · 0 评论 -
Ext子页面操作父页面
Extjs版本:我用的是Extjs5获取父页面里面控件对象:top.Ext.getCmp(id)top.Ext.getCmp(id).操作加上top就可以进行操作了本人非常喜欢做开发,自己做的有关于互联网学习的网站:www.xueyizhi.com,对应的论坛:bbs.xueyizhi.com,技术QQ群:175603095,非常欢迎大家过来一起学习原创 2015-03-27 11:58:16 · 3008 阅读 · 0 评论 -
ExtJs与jQuery的比较
jQuery主页:http://jquery.com/ 设计思想 简洁的思想:几乎所有操作都是以选择DOM元素(有强大的Selector)开始,然后是对其的操作(Chaining等特性)。 优点 小,压缩后代码只有20多k(无压缩代码94k)。 Selector和DOM操作的方便 Chaining:总是返回一个jQuery对象,可以连续操作。 文档的转载 2014-04-27 13:38:55 · 766 阅读 · 0 评论 -
js操作txt文件
只能用IE function writeTxt(){var fso = new ActiveXObject("Scripting.FileSystemObject"); fso.CreateTextFile("E:\\test.txt",true);原创 2014-06-14 16:18:32 · 2919 阅读 · 0 评论 -
Javascript中创建对象的几种方式
1. 简单对象的创建 使用对象字面的方式{} 创建一个对象(最简单,好理解,推荐使用) var Cat = {};//JSON Cat.name="kity";//添加属性并赋值 Cat.age=2; Cat.sayHello=function(){ alert("hello "+Cat.name+",今年"+Cat["age"]+"岁了");//可以使用“.转载 2014-03-12 20:57:30 · 1322 阅读 · 0 评论 -
HTML表单元素
表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素表单标签文本域(Text Fields)当用户要在表单中键入字母,数字等内容时,就会用到文本域单选按钮(Radio Buttons)当用户从若干给定的的选择中选取其一时,就会用到单选框复选框(Checkboxes)当用户需要从若干给定的选转载 2014-04-07 16:49:28 · 667 阅读 · 0 评论 -
js获取关闭浏览器事件
js获取关闭浏览器事件,同理也是获取js关闭页面事件,谷歌浏览器,火狐浏览器,360浏览器测试可行,IE7测试也是可行的,代码及测试效果图如下原创 2015-04-21 14:57:37 · 30151 阅读 · 5 评论 -
js判段URL是否可用(js判段网络是否不可用)
兼容所有浏览器,用JQuery的方法,可以判段URL是否可用,也可以判段网络是否不可用(前提:如果URL可用,返回也不是200,那就说明是网络不可用,可以以此作为网络是否可用的判段)原创 2015-04-01 11:58:42 · 1291 阅读 · 0 评论 -
Extjs表格总结
var grid = new Ext.grid.GridPanel({renderTo: 'grid',store: store,cm: cmviewConfig:{ //让每列自动填充满表格forceFit: true}autoExpandColumn: 'grade' //自动延伸列,列的id在ColumnModel中定义});原创 2014-08-06 11:29:16 · 523 阅读 · 0 评论 -
js延时执行代码
alert(1);setTimeout(function(){alert(2);}, 1000);setTimeout(function(){alert(3);}, 2000);欢迎来<a href="http://www.xueyizhi.com" target="_blank">学亦知网站学习,更多学习请到学亦知论坛!!转载 2015-03-26 14:15:18 · 1154 阅读 · 0 评论 -
ExtJS2.2日历控件在chrome显示异常(布满整个屏幕)的解决办法
解决办法:一、在date-picker.css中加入控件的宽度185.x-date-picker{border: 1px solid;border-top:0 none;position:relative;width: 185px;}当然,date-picker.css需要被引入二、近在用extjs的DateF转载 2014-08-18 20:52:43 · 984 阅读 · 0 评论 -
css3布局-左右两栏固定宽度,中间栏优先加载
直接上代码 自适应宽度,左右两栏固定宽度,中间栏优先加载 .container{ display:-moz-box; display:-webkit-box; } div{ padding:10px; -moz-box-si原创 2015-09-11 11:51:35 · 1311 阅读 · 0 评论