“秋了秋”个人博客 | 第9页

作者：秋了秋发表时间：2016年06月17日

有些时候我们需要做这样的意见事情，比如说给用户输入购买个数的情况下，我们要杜绝用户不小心输入的一些非法字符，比如说小数点，特殊符号，数字过大等情况，就要在用户输入的同时对用户输入的数据进行校验，把非法字符替换掉为空，视觉上为不允许输入这些非法字符。 // < ![CDATA[ // < ![CDATA[ (function(){ var input=$(".city-input"); input.keyup(function(e){ var ...

目录: 前端编程标签: 输入框校验 0条评论 6889次阅读

百度地图和谷歌地图封装插件（二）

作者：秋了秋发表时间：2016年06月17日

上一篇介绍了《百度地图插件》，这一片文章介绍谷歌地图插件，温馨提示：使用谷歌地图请先翻墙。相对于百度地图插件，谷歌的更加简单些，代码也比较少： html结构： <input id="city-input"> <div id="dituContent"></div> js代码为： //谷歌地图 window.initMap = function() { var map = new google.maps.Map(document.getElementById('dituContent'),...

目录: 前端编程标签: 谷歌地图 0条评论 7494次阅读

百度地图和谷歌地图封装插件（一）

作者：秋了秋发表时间：2016年06月17日

地图是个很强大的插件，据说ajax技术热门就是从地图产生那一刻开始，它给人们带来了极大的方便，很多网站上都少不了地图展示定位，尤其是品牌官网，地图无疑是展示一个企业位置最直观的工具。犹以百度地图和谷歌地图最为出色，先来看看百度地图的使用方法： html结构：放一个div容器就OK，用css固定宽高，加个搜索框吧~ <input class="city-input"> <div id="qiuy...

目录: 前端编程标签: 百度地图 2条评论 7046次阅读

百度事件跟踪统计代码封装和安装

作者：秋了秋发表时间：2016年06月07日

所谓事件跟踪，就是通过代码记录访客在网页中具体操作了什么，比如点击了哪个地方，执行了表单的提交搜索。这一系列都可以记录下来，而百度就提供了一个这么方便的事件跟踪接口供我们使用。在这里我基于jq对百度的接口代码的使用进行了封装，简化了使用。百度事件跟踪其实是百度流量统计的而一个分支，所以要想使用事件跟踪，前提是要使用百度统计，即你的页面要有百度统计...

目录: 前端编程标签: 事件跟踪 3条评论 7457次阅读

Js点击文字实时修改内容

作者：秋了秋发表时间：2016年06月07日

网页中可以输入和修改文字的方式就是输入框，包括input和textarea，除此之外就只有通过js来实现。在一个网页中需要展示用户数据的时候，我们又不想使用输入框，而是用普通文本展示。那么js上战场了~ #edit_line{margin:20px 0;} .edit_input{margin-right: 20px;} input.edit_input{width:60px;} .edit,.confirm{cursor:pointer;} 5201314 编辑 $("#edit_line").on("click",...

目录: 前端编程标签: JS点击修改文字 5条评论 9924次阅读

URL网址里面执行JavaScript代码

作者：秋了秋发表时间：2016年06月06日

很多时候我们分享一个网页都是为了让别人浏览网页内容，一种通过url的形式进行传播。这意味着很多局限性，不能分享网页动态交互效果。比如说分享一个网页的某个链接的点击后的状态，分享网页里面的播放特定的音乐，分享网页里面的某一块内容而其他内容不想被别人看到。。。等等等等在不影响网站的数据与结构的前提下，要实现这些效果唯有JavaScript交互代码而唯一的线索就是...

目录: 前端编程标签: URL脚本 3条评论 11328次阅读

前端搜索+高亮关键词

作者：秋了秋发表时间：2016年04月20日

今天来讲讲前端搜索如何做，后端搜索是从数据库匹配信息，而前端搜索是从json数据中匹配关键词，主要用到json数据的for遍历，假如有以下的json数据： var faq={ "订阅流程":{ "如何订阅秋叶网络博客？":"进入netblog.cn首页点击菜单栏下面的订阅博客图标输入邮箱地址", "多久推送一次？":"邮件系统每天都会对netblog.cn首页进行校验，如果有新文章，将会以邮件形式推送给订阅...

目录: 前端编程标签: search 2条评论 7655次阅读

前端实现静态分页展示内容

作者：秋了秋发表时间：2016年04月13日

为什么会有前端分页，请听我细细道来。包括这一次，我已经是有两次被要求用前端做分页的情况了。无奈只好自己动手丰衣足食，写个方法方便以后使用。内容分页最初的目的是为了减轻服务器压力，一次性把所有内容读出来，内容量大的话，会给数据库造成很大的压力，而且响应速度也很慢。所以把大数据分割成一小段一小段地截取读出来。后端做这种事情最为常见了，但是前端做分...

目录: 前端编程标签: 前端分页 4条评论 8382次阅读

我对js开发程序语言的理解

作者：秋了秋发表时间：2016年04月10日

据说js最先出现的时候是用来进行表单验证的，在它出现之前一直都用后台语言如php来验证。经过一段时间对js的学习，说说我对js的理解。 js也是一种开发语言，js跟php是类似的，只是有些写法不一样，逻辑与结构大致相同，js能干的事情有些php也能干，php能干的有些事情js也能干，那为什么要用js，原因在于js是客户端语言，在客户端上运行，而php是服务器语言，在服务器上运行，...

目录: 前端编程标签: 1条评论 6241次阅读

setInterval在切换浏览器标签页时的bug修复

作者：秋了秋发表时间：2016年03月17日

网页上做动画的时候，常常会碰到我去浏览其他页面再切换回来浏览动画页面的时候，发现动画变得迟钝了，才1秒没看，就变得懒洋洋的。解决办法其实很简单，用两个窗口的事件window.onfocus和window.onblur分别对应窗口聚焦的时候和离开窗口的触发事件。在窗口聚焦时开启定时器，离开时关闭定时器，也省资源。而且还不会出现迟钝的现象： var timer = setInterval(process); w...

目录: 前端编程标签: setInterval 4条评论 8847次阅读