2013年6月26日

正则表达式中参数g、i、m的作用（share）
摘要： 参数 gg 只影响于 exec、match 方法。若不指定 g，则：每次调用 exec 都只返回第一个匹配；match 也是只返回第一个匹配。若指定 g，则：每次调用 exec 都从上一个匹配之后查找新的匹配；match 则是返回所有的匹配。还有一种情况，就是使用 string 对象的 replace 方法时，指定 g 表示替换所有。var str = “1a1b1c”;alert(str.replace(/1/, “”)); // a1b1calert(str.replace(/1/g, “”)); // abc参数 i参数 i 是指忽略大小写，注意仅是忽略大小写，并不忽略全半角。参数 mm 阅读全文
posted @ 2013-06-26 16:47 挨踢前端 阅读(11576) 评论(0) 推荐(1)

2013年6月25日

jsonp跨域请求数据实例——手机号码查询
摘要： 前言 网上有很多开放的api，我们在本地通过ajax获取数据时，总会碰到一个问题，那就是跨域！如果不借助php等，仅仅通过js怎么解决跨域的问题呢？或许jsonp是个不错的选择。知识准备 上篇博客 :JSON和JSONP （含jQuery实例）（转） 对jsonp已经介绍的很详细了，这里就不多... 阅读全文
posted @ 2013-06-25 17:23 挨踢前端 阅读(6342) 评论(3) 推荐(2)

2013年6月24日

JSON和JSONP （含jQuery实例）（share）
摘要： 来源：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html前言：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是 阅读全文
posted @ 2013-06-24 15:52 挨踢前端 阅读(35522) 评论(7) 推荐(3)
纯JavaScrip图表插件——Highcharts
摘要： 简介 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表demohighcharts选项配置说明（摘自：http://www.helloweba.com/view-blog-156.html） Highcharts提供大量的选项配置参数，您可以轻松定制符合用户要求的图表，目前官网只提供英文版的开发配置说明文档，而中文版的文档网上甚少，且零散不全。这里，我把High... 阅读全文
posted @ 2013-06-24 11:42 挨踢前端 阅读(16732) 评论(0) 推荐(4)

2013年6月18日

前端技术知识结构
摘要： 阅读全文
posted @ 2013-06-18 16:59 挨踢前端 阅读(484) 评论(1) 推荐(0)
十日谈 (share)
摘要： @拔赤一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的是，我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”，这在很大程度上影响我们对“技术本质”的洞察力，多年来也一直未有成体系的“前端技术”布道佳作，以至于当下多数人对前端技术的了解，盖始于表述并不严谨的岗位招聘描述，而这正恰恰反映了Web前端开发对自身的模糊定位。对于很 阅读全文
posted @ 2013-06-18 16:58 挨踢前端 阅读(369) 评论(0) 推荐(0)

2013年6月13日

免费api大全（更新中）
摘要： API大全 http://www.apidq.com/ (这个碉堡了)天气接口 气象局接口 完整数据：http://m.weather.com.cn/data/101010100.html 解析 用例 当天数据：http://www.weather.com.cn/data/cityinfo/101010100.html 实时数据：http://www.weather.com.cn/data/sk/101010100.html手机信息查询接口 淘宝网 API地址： http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=15... 阅读全文
posted @ 2013-06-13 15:33 挨踢前端 阅读(13965) 评论(2) 推荐(5)

2013年6月9日

new Option()——实现时间联动
摘要： 1、基础准备： 先来了解下，如何运用js实现select动态添加option。//1.动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect);}//2.添加选项optionfunction addOption(){ //根据id查找对象， var obj=document.getElementById('mySel 阅读全文
posted @ 2013-06-09 16:05 挨踢前端 阅读(15297) 评论(1) 推荐(2)

2013年6月3日

自定义字体——自带常见图标，以后就省的切图了
摘要： Font Awesome官网：http://fortawesome.github.io/Font-Awesome/简介：让你可以即时定制的可伸缩矢量图标； 公有302种图标任你选择； 图标的风格，如：大小、颜色、阴影可以通过css样式修改； 支持ie6、7；图例： demo：<!DOCTYPE html><html ><head><meta charset="UTF-8" /><meta name="author" content="@my_coder"><title& 阅读全文
posted @ 2013-06-03 17:23 挨踢前端 阅读(21101) 评论(9) 推荐(1)

2013年5月29日

学着使用移动应用统计分析工具
摘要： 作为一个移动应用的小白开发爱好者，如果能够自己开发一款app那就是一件顶幸福的事了。当你把它发布到应用市场上，看着有人下载它，你又会兴奋的不得了。此时也许你会有一点点的遗憾，你想了解用户使用这款app后的数据信息，比如使用这款app的用户数，用户每天使用这款app的次数，打开这款app的终端等。统计这些数据。对很多开发者来说，是很困难的。 下面向同学们介绍一款统计工具——百度移动统计。先声明下，这不是广告帖，是本人试用后的有感而发，感觉有现成的统计工具可以使用，确实不错的。 想了解更多，请猛戳： 百度百科：百度移动统计 官网：http://mtj.baidu.com/w... 阅读全文
posted @ 2013-05-29 16:09 挨踢前端 阅读(1344) 评论(2) 推荐(0)

2013年5月20日

XShell使用技巧 （share）
摘要： 分享是为了更好的学习！转自：http://wenku.baidu.com/view/31f5f1dea58da0116c1749db.html1.复制和粘贴由于在linux的Shell下，Ctrl+c是中断当前指令，这个快捷键和windows下的复制快捷键冲突，所以经常犯错误。。。想复制的时候按了ctrl+c，结果中断了当前指令。在Xshell中，提供了其它的快捷键来执行这些操作：复制：Ctrl+Insert粘贴：Shift+Insert粘贴还有一个键就是鼠标中键，另外你还可以设置点鼠标右键就是粘贴，设置选项在这：2.将当前Shell中的内容复制到“记事本”中有时候需要把shell中的一些内容 阅读全文
posted @ 2013-05-20 17:22 挨踢前端 阅读(12520) 评论(0) 推荐(0)
Xshell 4.0 安装 新建 登陆 （share）
摘要： 分享是为了更好的学习！转自：http://www.weidao.net/542.html软件介绍：Xshell 是一个强大的安全终端模拟软件，它支持SSH1, SSH2, 以及Microsoft Windows 平 台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计 和特色帮助用户在复杂的网络环境中享受他们的工作。安装图文：1，安装过程中选择 “Free for Home/School”直接下一步；2，安装完成后，点击桌面 Xshell 4 打开，选择“新建”；3，填写好 “Host”，输入VPS IP地址 或 绑定的域名，点 “OK” ；4，选择配置好的V 阅读全文
posted @ 2013-05-20 17:03 挨踢前端 阅读(1021) 评论(0) 推荐(0)

2013年5月17日

base64是什么东东，base64 图片显示，在线编辑器
摘要： base64 百度百科 ：http://baike.baidu.com/view/469071.htm大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64,　iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/　KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1C 阅读全文
posted @ 2013-05-17 13:51 挨踢前端 阅读(1755) 评论(1) 推荐(0)
<![CDATA[ ]]> 是什么东东
摘要： 今天在做项目时，在文件里写js时总是报错，后来才发现是js里的&，< 被解析了，解决方法就是在把js放在<![CDATA[ ]]>里。现在就一起来了解下<![CDATA[ ]]>是什么吧。以下内容转自：http://www.w3school.com.cn/xml/xml_cdata.asp所有 XML 文档中的文本均会被解析器解析。只有 CDATA 区段（CDATA section）中的文本会被解析器忽略。PCDATAPCDATA 指的是被解析的字符数据（Parsed Character Data）。XML 解析器通常会解析 XML 文档中所有的文本。当某 阅读全文
posted @ 2013-05-17 13:02 挨踢前端 阅读(1195) 评论(0) 推荐(0)

2013年5月15日

Smarty foreach控制循环次数
摘要： 1.在smarty中数组是经常会用到的，循环遍历数组用section或者foreach，如何得到数组长度或者判断一个数组个数呢？可以用{$array|count}来试试。2.{foreachfrom=$variablekey=keyname=nameiteam=value}{$variable|@count}//获取数组长度{$smarty.foreach.loop.index}//获取当前循环数组元素下标，以0开始{$smarty.foreach.loop.iteration}//获取当前循环次数，以1开始{$smarty.foreach.loop.first}//为true时，标记循环第一 阅读全文
posted @ 2013-05-15 18:58 挨踢前端 阅读(2275) 评论(0) 推荐(0)

2013年5月14日

smarty模板 入门学习 （share）
摘要： 1、安装Smarty3.0一、什么是smarty?smarty是一个使用PHP写出来的模板PHP模板引擎，它提供了逻辑与外在内容的分离，简单的讲， 目的就是要使用PHP程序员同美工分离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计， 美工重新修改页面不会影响到程序的程序逻辑，这在多人合作的项目中显的尤为重要。二、smarty优点：1. 速度：采用smarty编写的程序可以获得最大速度的提高，这一点是相对于其它的模板引擎技术而言的。2. 编译型：采用smarty编写的程序在运行时要编译成一个非模板技术的PHP文件， 这个文件采用了PHP与HTML混合的方式，在下一次访问模板时将WEB请 阅读全文
posted @ 2013-05-14 14:13 挨踢前端 阅读(2840) 评论(0) 推荐(0)

2013年4月28日

javascript性能优化 之 DOM交互
摘要： 在javascript各个方面，DOM毫无疑问是最慢的一部分。DOM操作与交互要耗费大量时间，因为它们往往需要重新渲染整个页面或者某一部分。理解如何优化与DOM的交互可以极大提高脚本完成的速度。1、最小化DOM更新 看下面例子： var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var item = document.createELement("li"); item.appendChild(document.createTextNode("item 阅读全文
posted @ 2013-04-28 16:54 挨踢前端 阅读(797) 评论(0) 推荐(0)
深入理解 NodeList
摘要： 在web前端编程中，我们通常会通过document.getElementsByTagName的方法取出一组相同标签的dom元素，比如：var list = document.getElementsByTagName("li"); for (i = 0; i < list.length; i++) { var lis = list[i];//取某一个元素 //more code} 首先说明：通过这种方法获取的这一组dom元素，不是数组（Array），而是NodeList，NodeList不是数组。 我们可以直接获取它的length属性，还可以根据索引取到对应的单独元.. 阅读全文
posted @ 2013-04-28 16:26 挨踢前端 阅读(6599) 评论(0) 推荐(1)
javascript性能优化 之 事件委托
摘要： 为下面每个LI绑定一个click事件 <ul id="myLinks"> <li id="goSomewhere" >Go somewhere</li> <li id="doSomething" >Do something</li> <li id="sayHi" >Say hi</li> </ul>1、传统写法 var item1=document.getElementById("goSomewhere&quo 阅读全文
posted @ 2013-04-28 14:29 挨踢前端 阅读(958) 评论(0) 推荐(0)

2013年4月26日

中文字符 与 十六进制Unicode编码 相互转换
摘要： 1、知识准备 str.charCodeAt() 返回字符串中的第n个字符的代码； String.fromCharCode(27573) 返回指定Unicode编码的字符； 例：var str="胜多负少";document.write(str.charCodeAt(0)+'<br/>'); //32988document.write(str.charCodeAt(2)+'<br/>'); //36127document.write(String.fromCharCode(32988)+'<br/>& 阅读全文
posted @ 2013-04-26 16:33 挨踢前端 阅读(10181) 评论(2) 推荐(2)

导航