下面列出一些,做个记录,俗话说好记忆不如烂笔头。
1: 将用户提交来的数据打包成一串json字符串,注意数据中是否包含"、'、\n(换行) 、\r(回车) 等字符
解决: 可以在客户端或服务端 使用正则替换函数将其替换为空或者 html实体字符
例:
<?php $json = $_POST['json']; //注意使用Ajax POST方式 或者http POST方式 包含"将会被自动转义,所以请先url编码(encodeURIComponent) $json = preg_replace('/\n|\r|\n\r/','',$json); ?>
var json = $('#form').serializeArray(); $.each(json,function(){ this.value = this.value.replace('/"/g','"').replace('/\'/g','''); });
2:将字符串转换成可以执行的javascript语句
技巧: 将数据作为dom元素的一个属性,存储在dom元素中,这技巧 我经常使用。
例:
<input type="hidden" id="data" data-val="{id:'1',text:'abc'}"> <script> var hid = document.getElementById('data'); var json= eval( '('+ hid.getAttribute('data-val') +')');// 非IE浏览器可写为 : hid.data.val for(var i in json) { alert(i+':'+json[i]); } </script>
3:将元素定位至浏览器的中心位置 (- -小学题目,唉!我可以重新上小学了。)
//browserWidth:浏览器宽度, divWidth:被定位容器元素, 定位至中心,浏览器、容器中心点则重合 算法1: (browserWidth - divWidth)/2 算法2: browserWidth/2 - divWidth/2 //虽然是上面算法的提取公因式
4:javascript dom 对象数组形式
<div id="div">This is 'div'</div> <script> var div = document.getElementById('div'); alert(div.innerHTML); alert(div['innerHTML']); // 以上打印的效果是一样,难怪for in 可以将对象 以数组的形式打印出其值 </script>
5:javascript语法不是很严格
//当不确定js是否支持该语法的时候,请不要怕麻烦,多弄点例子试试
当我们在这个页面创建 变量,函数时
javascript 会把这个变量或方法 归属于 window对象中
及全局变量,全局方法
var test ='aaa'; function Test(){ alert(test); } alert(window.test); window.Test();// 方法名称(),这样才能执行函数 // 某人 window.onload = Test();这样写,我感到十分同情与无奈。 //不习惯 为某个函数定义多个形参,可以将该参数组织成对象 function look(arg){ for(var i in arg){ alert(arg[i].contructor); } } look({name:'abc',value:'abc',fn:function(){alert(111)}});
6:所谓的jsonp,只不过是借助script标签可以跨域的特性,解决Ajax的局限性,同样这种方法局限性也很大
<script type="text/javascript"> function callback(arg){ for(var i in arg) { alert(arg[i]); } } </script> <script type="http://www.domain.com/index.php?jsonp=callback"></script>
<?php //服务端 $callback = $_GET['jsonp']; echo $callback.'({name:'abc',value:'abc'})'; ?>
还有好多,想不起来了,今天就到此为止吧。 晚安
2012年4月25日
解决 IE6下 定位层 无法覆盖Select的问题 [CSS]
因select在IE6中被是为窗口级元素,可在指定定位层中加入 iframe 元素,可达到ie6下定位层覆盖select的问题。
解决 word 设置重复页眉问题
在 页眉工具栏中 将“同上节”点掉
点击章节 -> 拆分章节 -> 下一页分节符
2012年4月26日
<?php // 使用 str_replace 替换多个字符串 [PHP] $a = '<?php echo 1111;?>'; echo str_replace(array('<?php','?>'),'',$a).'<br />';// echo 1111; echo preg_replace('/<\?php|\?>/','',$a);// echo 1111; ?>
<?php /*将字符串转换成可执行的PHP代码,字符串中不包含<?php ... ?> [PHP]*/ $a = 'echo md5(11111);'; eval($a); ?>
// 使 HTML 元素 进入编辑模式
<!--[HTML]--> <body contentEditable="true"> <pre>HTML body edit</pre> </body>
2012年4月27日
1.获取事件的发生源头[javascript]
IE: event.srcElement !IE event.target
2.Mysql 用户变量[mysql]
set @num=1,@a=0,@count=NULL;
select @count:=@num+@a;
3.HTML判断浏览器[HTML]
IE下:
<!--[if IE]> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <![endif]-->
!IE下:
<!--[if !IE]><!--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!--<![endif]-->
4.IE6下png实现透明
<style> #bg{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png',sizingMethod='scale') } </style>
2012年4月28日
//向所有字符串对象增加属性与方法 String.prototype.Replace = function(){ return this.replace(/'/g,''').replace(/"/g,'"') }; String.prototype.alert = function(){ alert(this); }; var i = 'ABCDEDF'; i.alert()// ABCDEF
Chrome、Firefox、Safari全屏API
var d=document.getElementsByTagName("html")[0]; try{ d.webkitRequestFullScreen();//Safari 5+ 、Chrome 15+,针对于webkit内核浏览器 d.onwebkitfullscreenchange=function(){alert(1)}} } catch(e){ d.mozRequestFullScreen();//Firefox 11+ 针对于FF d.onmozfullscreenchange=function(){alert(1)} }
2012-05-05
[MySQL]快速解决"is marked as crashed and should be repaired"故障
转自: http://www.cnblogs.com/hakuci/archive/2012/03/20/2407723.html
运行 > cmd > myisamchk -c -r "磁盘:\mysql\data\tablename\table.MYI"
2012-05-14
//创建excel坐标 $array = array(); fn_excel_coord($array); function fn_excel_coord(&$array,$end='') { $end = intval($end); $letterEnd = ($end && ($end <=26)?$end:1);// 1 ~ 26 for($i=0;$i<26;$i++){ // A~Z.. $array[] = chr(65+$i); } for($i=0;$i<$letterEnd;$i++)//AA-ZZ { for($v=0;$v<26;$v++) { $array[] = chr(65+$i).chr(65+$v); } } // A-Z,AA-ZZ }
2012-05-19
Google Chrome 用户数据默认路径
C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default
Extensions:插件数据
Local Storage:本地储存
...........
GOOGLE 云输入法 API
https://developers.google.com/transliterate/v1/getting_started?hl=zh-CN
2012-06-05
解决ST2 MVC 找不到数据模型的BUG
1. ST2 debug : [WARN][XZNET.view.bbs.Board#applyStore] The specified Store cannot be found 问题描述 : 在ST2 MVC 模式下 没有找到可用的数据存储器 解决方案 : 【1】.store增加storeId属性 实例化已定义的store对象,view 中将 store 改为storeId(推荐) 例如: // Store Ext.define('XZNET.store.bbs.Board',{ extend : 'Ext.data.Store', requires : [ 'XZNET.model.bbs.Board' ], config : { model : 'XZNET.model.bbs.Board', storeId : 'boardstroe', data : [ { title : 'Ext.data.Model'}, { title : 'Ext.data.Store'}, { title : 'Ext.app.Controller'} ] } }); Ext.create('XZNET.store.bbs.Board'); // View Ext.define('XZNET.view.bbs.Board',{ extend : 'Ext.List', xtype : 'boardview', requires : [ 'XZNET.store.bbs.Board' ], config : { id : 'boardview', fullscreen : true, store : 'boardstroe', itemTpl : '<div>{title}</div>' } }); 【2】.store增加alias(别名)属性,view 中将 store 改为 object 例如: // Store Ext.define('XZNET.store.bbs.Board',{ extend : 'Ext.data.Store', alias : 'store.boardstroe', requires : [ 'XZNET.model.bbs.Board' ], config : { model : 'XZNET.model.bbs.Board', storeId : 'boardstroe', data : [ { title : 'Ext.data.Model'}, { title : 'Ext.data.Store'}, { title : 'Ext.app.Controller'} ] } }); // View Ext.define('XZNET.view.bbs.Board',{ extend : 'Ext.List', xtype : 'boardview', requires : [ 'XZNET.store.bbs.Board' ], config : { id : 'boardview', fullscreen : true, store : { type : 'boardstroe' }, itemTpl : '<div>{title}</div>' } });