◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

利用ifrme下载文件,php文件下载方法2013-09-11

在有些页面要使用ajax来执行下载任务，但是又要求不能跳转页面！一般的想法都是利用iframe来实现。 贴上代码： [html] function downloadFile(url) { var elemIF = document.createElement("iframe"); elemIF.src = url; elemIF.style.display = "none"; document.body.appendChild(elemIF); } [/html] url用来处理文件头相关的东西，就跟你新开链接下载一样的链接！这个东西我还尝试了两个晚上啊！ 这里在贴上PHP下载文件的方法，支持中文下载： [php] //附件下载 public function downloadfile($filename, $newfilename) { if (!is_file($filename)){ exit('文件'.$filename.'已经被管理员删除!'); } $ua = $_SERVER["HTTP_USER_AGENT"]; $encoded_filename = urlencode($newfilename); $encoded_filename...

持之以恒，坚持读完»

此文被围观3308次 分类: 前端设计 标签:  ·······

jquery.json.js与PHP的交互2013-09-03

经常是输入json数据到js中，一直用的json_encode,也一直没问题 今天在做微信相关的数据的时候，需要将json数据传输到PHP中，利用的jquery.json插件，利用此插件将数据转换成json数据传入后台进行操作 问题就是在这里经过toJson后的数据是被转义过了的，前面我一直是将str_replace将\"轮换成 “但是后面修改数据的时候越来越多的\"需要数据，最后在网上查找到了相关的解决方法： http://www.beijibear.com/index.php?aid=45 本章的重点在这里：http://www.beijibear.com/index.php?aid=182 PHP去掉转义后字符串中的反斜杠\函数stripslashes addslashes函数主要是在字符串中添加反斜杠对特殊字符进行转义，stripslashes则是去掉转义后字符串中的反斜杠\，比如当你提交一段json数据到PHP端的时候可能会遇到json字符串中有\导致json_decode函数无法将json数据转换成数组的情况，这时你就需要stripslashes函数。 该函数用于清理从数据库或 HTML 表单中取回的数据。 例子 <?php echo stripslashes("Who\'s John Adams?"); ?> 输出： Who's John Adams? ...

太给力了，去围观»

此文被围观4577次 分类: 前端设计 标签:  ··········

formValidator select,猫东formValidator对SELECT（单选）控件处理的bug2013-09-09

最近一个项目用的是猫东写的formValidator验证插件，在处理选择框是出现了以下的情况: 在formValidator 用户手册中，对inputValidator有如下的一句说明： “对select-one而言inputValidator里的参数min和max表示选择的索引号范围” 意思就是说，对于单选下拉列表来说，规则中设置的min及max值都表示的是被选中的option的索引值，而不是被选option的value。 例如，我们有如下的表单项： <select name="select1" id="xueli"> <option value="0">－－请选择你的学历－－</option> <option value="1">专科</option> <option value="2">本科</option> <option value="3">研究生</option> <option value="4">硕士</option> <option value="5">博士</option> </select> 我们设置了如下的验证规则： $("#xueli").formValidator({onshow:"请选择你的学历",onfocus:"学历必须选择",oncorrect:"谢谢你的配合"}).inputVal...

世上尽有如此美文，快快阅读之 »

此文被围观3322次 分类: 前端设计 标签:  ······

HTML5定位相关信息2013-08-31

目前知道的网页定位都是基于HTML5技术。 http://www.ibm.com/developerworks/cn/web/1208_wangjian_html5geo/?cmp=dwskl&cpb=dw&ct=dwcon&cr=cn_swb&ccy=cn HTML5 地理位置定位（HTML5 Geolocation）原理及应用 地理位置（Geolocation）是HTML5的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下HTML5地理位置定位的基本原理及各个浏览器的数据精度情况。在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏览器为例，如果您允许 Chrome 浏览器与网站共享您的位置，Chrome 浏览器会向 Google 位置服务发送本地网络信息，估计您所在的位置。然后，浏览器会与请求使用您位置的网站共享您的位置。 HTML5 Geolocation API 使用非常简单，基本调用方式如下： if (navigator.geolocation) {     navigator.geolocation.getCurrentPosition(locationSuccess, locationError,{         // 指示浏览器获取高精度的位置，默认为false         enableHighAcuracy: true,         // 指定获取地理位置的超时时间，...

博主太强大了，膜拜去»

此文被围观4001次 分类: 前端设计 标签:  ······

手机网页定位技术,html5定位,html52013-08-31

一、IP定位 每一台连上网路的电脑都具有一个独一无二的IP位址，经由IP位址可以反查出电脑位置，但是结果并不精确，而且很容易到受到ISP的IP分配机制影响，而造成误差。 二、GPS定位 GPS是我们最常听到的定位技术，它是利用卫星来定位，可以很精确的侦测到使用者位置。但是要玩GPS，行动装置一定要有GPS模组，而且尽管GPS非常精准，还是会有技术上的局限，比如在侦测位置时，GPS的感应器要位于视线范围内（line of sight），因此在有很多高楼大厦、或者是障碍物的地方，GPS反而没有办法运作自如。 三、Wi-Fi三角测量定位 这个定位技术可以说是为都会区而设的，因为热闹的大都市通常会有不少Wi-Fi热点，定位供应商可以根据这些热点的相对位置、距离等建立一个资料库。Wi-Fi三角测量适用于GPS无法渗透的地方，不过缺点是需要经常更新资料库。 四、基地台三角测量定位 借助基地台之间的相对位置，可以定位出用户在哪里，只要你的手机收得到讯号，就能定位。 一般来说，这四种技术的准确性由高而低分别是：GPS定位、Wi-Fi三角测量、基地台三角测量、IP定位。但还是要视环境而定，比如你到没有Wi-Fi热点的地方、或是手机信号不好，定位效果当然也会受影响。   地理定位有标准的API 定位的方法与服务这么多，应用程序界面（API）的一致性就变得非常重要，如果API有很多种，或者是硬体的规格非常复杂，那么一台行动装置势必得浪费很多成本去处理相容性问题。 考虑到这一点，W3C决定制定地理定位规格标准。意思就是今天无论...

从来不放弃这样的美文»

此文被围观6607次 分类: 前端设计 标签:  ······

jquery height()的应用2013-08-24

前面我们了解了jquery瀑布流的相关流程，其中有一个问题值得我们注意就是jquery height()这个属性 height只计算了本身的高度，其中不包括margin、padding、border这些属性！ 在线测试地址：jqeruy在线测试工具...

持之以恒，坚持读完»

此文被围观3306次 分类: 前端设计 标签:  ·······

jqeury瀑布流,最简单的js+php瀑布流2013-08-24

瀑布流火过一些时间了，以前自己用的都是下的别人写好了的插件，用着到是还行！ 近两天研究了一下瀑布流的原理同时也遇到了相关的问题记录下来也许还有用。 直接上源码： html [html] <div id="container" data-id="0"></div> <div class="loading"> <img src="loading.gif" /> </div> [/html] [js] <script> var site_url = 'http://dutuwang.net';//网站地址 var pagesize = 20;//每次加载的数据量 var columnWidth = 224;//块宽度 var gutterWidth = 15;//间隔 var pos = {left: 0, top: 0}; var dw = 0; var dh = 0; var onOff = true; $(function(){ //初始化 var init = function(box){ var c = $(box); $(".loading").fadeIn(); var width = $(document).width()...

抓住机会，赶紧看完»

此文被围观2997次 分类: 前端设计 标签:  ········

Cocos2d中使用颜色混合：加算，减算,cocos2d setBlendFunc函数用法2013-08-21

这个玩意说白了就是将jpg这种图片变透明！不知道我理解错误没有！详情请看下面的参数描述。    CCSprite有一个ccBlendFunc类型的blendFunc_结构体成员，可以用来设置描绘时的颜色混合方案。ccBlendFunc包含了一个src和一个dst，分别表示目标和源的运算因子。    如果我们对一个Sprite使用setBlendFunc方法，如：             [Sprite setBlendFunc:(ccBlendFunc){GL_ONE,GL_ZERO} ];    会以这个Sprite作为源，Sprite所在位置的其它像素作为目标，进行混合运算:        源的RGBA变量：Rs，Gs，Bs，As；        目标的RGBA：  Rd，Gd，Bd，Ad；        源的各个运算因子：  N_Rs，N_Gs，N_Bs，N_As；        目标的各个运算因子：   N_Rd，N_Gd，N_Bd，N_Ad； 混合后的RGBA为：(Rs*N_Rs+ Rd* N_Rd，Gs*N_Gs+ Gd* N_Gd，                                Bs*N_Bs+ Bd* N_Bd，As*N_As+ Ad* N_Ad)   其中的运算因子包括：         GL_ONE：1.0         GL_ZERO：0.0         GL_SRC_ALPHA：源的Alpha值作为因子 ...

世上尽有如此美文，快快阅读之 »

此文被围观5351次 分类: 前端设计 标签:  ·······

jquery动画特效,css定位实例分析2013-08-20

最近手头有一个特效与定位相结合的功能， 先将事例地址发上来：http://xixi.adophper.com/team/. 看一下页面效果：三面都已经定位，只有内容那一块是活动的，点击左边部分滑动右边到相应的位置. 未解决前的问题：右边是滑动但总是滑动超过了对应的位置，百思不得其解！想了一下，如果是正常的页面是页面滑动至相应位置 现在的情况是相应的点滑动至相应位置，刚好正常情况反过来了！ 其中我还想过用iframe来做的，但是考虑到工作量就放弃了，可能还是双腿解决这个问题吧！ 因为本身点击的时候已经有用到jquery了，最后在百度是查到了相应的技术用animate来解决， 上源码分析： [html] <script> var re = new RegExp('^'+site_url+'(.+)$'); $(function(){ $(".team_list a").click(function(e){ var a = $(this), hash = '#!/'+a[0].href.match(re)[1]; window.location.hash = hash; e.preventDefault(); $(".team_list a").removeClass('active'); $(this).addClass('active'); var id = $(this).attr('da...

持之以恒，坚持读完»

此文被围观3169次 分类: 前端设计 标签:  ········

cocos2d-html5 addChild说明2013-08-15

游戏中经常需要将不同的场景放置到不同层级，//zOrder为数字，值越高显示越在上面 注：要同等级的 这里的this.layer [html] var MyScene = cc.Scene.extend({ layer: null, ctor: function(){ this._super(); this.layer = cc.Layer.create(); this.addChild(this.layer); //this.setKeyboardEnabled(true); //this.setTouchEnabled(true); var size = cc.Director.getInstance().getWinSize(); var bg = cc.Sprite.create(s_HelloWorld); bg.setAnchorPoint(cc.p(0,0)); //bg.setPosition(cc.p(size.width/2,size.height/2)); this.layer.addChild(bg); var t = cc.Sprite.create(s_CloseNormal); t.setPosition(cc.p(size.width/2,size.heig...

抓住机会，赶紧看完»

此文被围观2774次 分类: 前端设计 标签:  ·······

cocos2d-html5教程之重要概念2013-08-15

学习cocos2d-html5的朋友注意了，有一些比较概念性的东西需要大家去学习。 1， 导演（CCDirector）在cocos2d-html5引擎中，导演是游戏的领袖，导演运筹帷幄所有的场景、布景、精灵等。 2， 摄像机（CCCamera）细到每个节点都需要摄像机，例如节点发生放大、缩小、旋转等变化的时候，都需要继承摄像机，让其重新渲染。 3， 场景（CCScene）我们可以理解成拍电影的时候的一段剪辑，在游戏里面或许可以成为关卡，它是由场景、人物等组成。 4， 布景（CCLayer）在概念上理解，就是复杂的背景，不是简单的背景哦，是一种多种组合的结果，有时候精灵也可能变成布景。 5， 人物也就是精灵（CCSprite），比较好理解的概念主角、敌人、NPC等都是精灵。 6， 动作（CCAtion）可以理解成行为等，例如人物将要进行什么行为（动作）。 上面就是基本的关系图，可以参考一下。 在cocos2d-html5的Demo例子很值得大家参考，下面奉上图示： 这个是基本的结构图，框架目录： ...

世上尽有如此美文，快快阅读之 »

此文被围观2920次 分类: 前端设计 标签:  ········

js正则,新浪用户名@检测,js检测@用户名，PHP正则@用户名2013-07-30

最近一周在新浪的APP开发，做活动方面的网页。 发布微博并@好友参与抽奖，首先我们要在前端页面判断是否@了用户，用正则表达式解决。 看一下我现在用的正则检测@用户： [js] /@(([\u4E00-\u9FA5-a-zA-Z0-9_-]){2,})\s/g [/js] [html] //php正则检测用户昵称并取出 preg_match_all("/@([[\x81-\xfe-\x40-\xfe-a-zA-Z0-9_-]{2,})\s+/i",$text,$matchs);//$text要检测的字符串 [/html] 新浪昵称是4到30位字符，这里很可能是中文昵称，我就只判断了至少两个字符，这里应该分开来判断! 后续的检测用户名字符数后面补上，这里要感谢公司郑同事的提醒!现在才知道自己在正则这块的基础有多差了。...

这文章不得了，一定要看完 »

此文被围观3320次 分类: 前端设计 标签:  ··········

jQuery事件绑定.on()简要概述及应用2013-07-29

前几天在看《jquery基础教程》，看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的。 然后在一处看到live()已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live()是在之前哪个版本被移除的，惭愧啊，之前都没留意。 看源码发现bind()和delegate()都是由on()实现的。on()的描述如下： .on( events [, selector ] [, data ], handler(eventObject) ) 一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。 在需要为较多的元素绑定事件的时候，优先考虑事件委托，可以带来性能上的好处。 注意到.on()的描述中第二个可选参数：selector 最后有一点，原先的live()方法，处理函数是默认绑定在document对象上不能变的，如果DOM嵌套结构很深，事件冒泡通过大量祖先元素会导致较大的性能损失。而使用.on()方法，事件只会绑定到$()函数的选择符表达式匹配的元素上（上面我的例子中，为了简单绑定到了document），因此可以精确地定位到页面中的一部分，而事件冒泡的开销也可以减少。delegate()与on()同理，毕竟是用on()实现的...

这文章不得了，一定要看完 »

此文被围观3164次 分类: 前端设计 标签:  ······

kindeditor编辑器语言设置与页面多个编辑器设置2013-07-16

首先看一下官方提出的方法： 移除编辑器后重新创建就可以,这是修改页面编辑器， http://www.kindsoft.net/ke4/examples/multi-language.html 查看页面源码： [html] <script> var editor; KindEditor.ready(function(K) { K('select[name=lang]').change(function() { if (editor) { editor.remove(); editor = null; } editor = K.create('textarea[name="content"]', { langType : this.value }); }); K('select[name=lang]').change(); }); </script> [/html] 分析主要是利用langType来完成 那么我们初始加载的时候就直接加一下langType的属性就好了！ 再看一下一个页面多个编辑器： [js] var editor;editor2; editor = K.create('textarea[id="reviews"]', { resizeType : 1,...

这文章不得了，一定要看完 »

此文被围观4832次 分类: 前端设计 标签:  ······

一个页面放置多个kindeditor编辑器，一个页面调用多个编辑器2013-07-09

在有些后台页面可能在一个页面要添加多个可视化编辑器，目前用得多就KINDEDITOR，如果在一个页面放置多个编辑器，多个编辑器会不会有冲突！带着这些疑问在kindeditor上查找相关的问题，最后在上面找到了一个关于解决一个页面放置多个编辑器的问题！ 文章页面：主题: 一个页面放置2个kindeditor 编辑器的问题[已解决] [html] <script charset="utf-8" src="../editor/kindeditor.js"></script> <script> KE.show({ id : 'product_info_Detail', imageUploadJson : '../../asp/upload_json.asp', fileManagerJson : '../../asp/file_manager_json.asp' }); KE.show({ id : 'product_info_eDetail', imageUploadJson : '../../asp/upload_json.asp', fileManagerJson : '../../asp/f...

持之以恒，坚持读完»

此文被围观4283次 分类: 前端设计 标签:  ·······
‹«7891011›»

最新专题

随机文章

本月排行

Tags 标签云

前端技术编程开发curl get postcurl postphpphp学习服务器mysqldedecms数据库php技术centoslinux网站开发PHP开发jsdestoonthinkphpwrite contextget_post_formatrewritejqueryapachepsbugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjsp mysqlmyeclipsetemplatelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

Links 友情链接

简单看书超级字贴

站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。 蜀ICP备12031064号      川公网安备51162302000234