百度地图 js 检索屏幕区域 周边信息
发布时间：2017/12/2 13:50:33 阅读(11098)条评论(0)条
一、概述：最近刚刚做一个新的项目，是关于房地产的，用到了百度地图周边检索信息：如该坐标点附近的：学校、医院、地铁、公交、银行、休闲等一些设施需要切换显示出来。走了很多弯路，最初还是看人家怎么做的，然后模仿着做。最终还是从新找了新的方法，适合自己的才是好方法（底部附完整源码下载及演示链接）。效果如下图所示：二、需求分析及核心代码1、首先以坐标点为中心，在该屏幕区域内的坐标：var bs = map.getBounds(); //获取可视区域var bssw = bs.getSouthWest(); //可视区域左下角var bsne = bs.getNorthEast(); //可视区域...
未完，继续阅读→关键字：
地图 源代码 js .net操作XML【查、增、改、删】实例源代码下载
发布时间：2017/9/1 15:41:08 阅读(6561)条评论(0)条
一、概述：.net对于XML操作已经有比较多的代码在网上流传，但是能用的没有几个。所以在此专门做成了一个实例，以便后来人。下载地址在文章底部本实例围绕以下XML的格式为基础。我相信只要学会了这篇文章，其它的只是大同小异。<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0"> <channel> <title>幸凡学习网</title> <description>是一个免费提供代码分享的一个网站,专注于.net、SEO、Div+css、javascript、SEO、经...
未完，继续阅读→关键字：
xml net nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载
发布时间：2017/7/24 11:22:02 阅读(9397)条评论(0)条
一、概述：最近在做自定义模块这类的功能，导航菜单需要自定义，也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便，因为他这个比其它的插件更要人性化，而不是一味的为拖动而已，而且保留有拖动后的菜单只是隐藏，再配合另外一个很好的API函数：isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动，return false则取消拖动显示隐藏的拖动菜单，return true则执行拖动隐藏的拖动菜单。有点小不爽的就是使用了很多JS插件1、jquery.min.1.11.0.js http://code.jquery.com...
未完，继续阅读→关键字：
jq 菜单 拖动 插件 .net 视频转换成m3u8列表+缩略图（附源代码下载)
发布时间：2017/7/15 8:41:45 阅读(12691)条评论(0)条
一、概述：现在使用m3u8格式的视频也是越来越多，因为可以兼容PC、移动端。最主要的是可以做到减轻服务器的压力（按需加载）。html5播放m3u8(hls)示例：www.86y.org/demo/m3u8/ 示例使用的播放器是：chplayer 是一个不错的开源播放器这样可以兼容各个平台，需要的可以进去下载并使用。本实例也是在网上下载下来的(来源)，但是直接运行是会报错的。最后成功实现了转换功能，所以在此记录下使用过程及心得。主要是运用了ffmpeg.exe。生成后的文件如下：（切片软件源码下载地址在文章结尾） 二、使用环境：1、运行环境需要...
未完，继续阅读→关键字：
m3u8 ffmpeg 视频 转换 UEditor百度编辑器在html源代码 状态下 无法获取修改后的内容【解决方案】
发布时间：2016/11/23 14:57:50 阅读(16246)条评论(0)条
一、概述：今天在测试UEditor 编辑器 【HTML代码】模式下修改时又发现了一个问题了，源代码状态下后台无法获取修改后的内容，用它本身的js方法可以获取ue.getContent(),后台获取需要修改成设计视图才能获取。不知道大家有没有碰到过这种问题。不知道是BUG还是UE本身的产品设计，但是对用户体验来说也是很不好的，本方法只是取巧写了一个js方法，使用起来还算方便，不需要修改源代码。二、解决方案1、在.net控件使用代码如下：(其它语言只需要在提交前执行方法即可getContent())<div><textarea id="myEditor" name=...
未完，继续阅读→关键字：
编辑器 bug js jquery左右滚动的tab选项卡效果（附源代码下载）
发布时间：2016/11/12 10:36:51 阅读(11532)条评论(0)条
一、概述：以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果，但是感觉太庞大了，整个框架使用很不方便。 效果图下图所未：demo 地址：http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法class属性必须使用 J_menuItem的样式、data-index菜单的顺序、href弹窗的url可以加参数区别但...
未完，继续阅读→关键字：
tab 选项卡 滚动 下载 html5上传多个文件并添加水印(附源代码下载)
发布时间：2016/10/24 13:52:18 阅读(9796)条评论(0)条
一、概述：在html5以前，大家对批量上传还只能用SWF或，模拟来实现数据批量上传的效果，使用起来非常不方便，代码也是非常的多。随着html5越来越普及，已经可以直接使用file文件上传控件直接批量上传了。关键属性 multiple,本实例的实现是模拟了input file效果，功能是一样的。上传图片后台结合了net 中的ashx接口实现了批量上传并添加水印的效果。(底部附源代码下载)效果如下图所示:二、实现过程：1、准备工作：引入Jq库（http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js）,及jquery-form.js插件（jquery-form.js下载地址）2、htm...
未完，继续阅读→关键字：
html5 批量 上传 水印 知道这20个正则表达式，能让你少写1,000行代码
发布时间：2016/5/5 15:43:52 阅读(5433)条评论(0)条
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = fieldValue.match(reg); if(r==null)alert('Date format error!');下面是整理的，在前端开发中经常使用到的20个正则表达式。1 . 校验密码强度密码的强度必须是...
未完，继续阅读→关键字：
js 正则 手机端加载资源特效代码及完整实例
发布时间：2016/3/11 15:54:03 阅读(5649)条评论(0)条
在做h5移动页面，相信大家一定碰到过页面已经打开，但是里面的图片还未加载出来的情况，这种问题虽然不影响页面的功能，但是不利于用户体验。抛开网速的 原因，解决这个问题有多方面的思路：最基本的，要从http请求合并，缓存管理，图片压缩等方面做性能优化；另外就是可以对页面里用到的所有图片做预加载 的处理，当用户打开页面的时候不立即显示第一屏，而是先显示资源加载效果，等到加载完毕，再来显示页面的主内容，这样就能解决那个问题。虽然这种加载效果 占用了用户的浏览时间，但是我们可以把它做的好看有趣一点，所以也不会影响...
未完，继续阅读→关键字：
手机 特效 加载 web app模拟checkbox与radio实例代码下载
发布时间：2015/9/23 17:27:19 阅读(7422)条评论(0)条
一、开篇现在经常可以在网络上看到一些非常奇特的表单元素，例如Checkbox复选框和Radiobox单选框，而且更让 人蛋疼的是各个浏览器的样式还不统一，今天做了一个用标签模拟checkbox与radio的实例，主要是是近做手机 web App时发现默认的样式很不好看。所以突然就做了下，先来看看 预览图： 二、主要思路模拟的作用是为了给用户更好的体验效果，在代码中使用的时候隐藏真实checkbox或radio按钮。然后用相关标签做效果并且结合JS实现真实的input与效果的值是统一的。如下源代码：<span class="label"><em cla...
未完，继续阅读→关键字：
手机 模拟 radio checkbox 手机版 js图片浏览插件(附源代码下载)
发布时间：2015/5/20 20:33:39 阅读(12976)条评论(0)条
在新的手机项目中有要求对多张图片进行浏览，所以本人也是在网上找了很多都没有找到合适的代码，后来在某网站上找了一个改成了自己的比较好用，而且没有某网站那样调用JSON，这样感觉就通用，而且很方便，可以对多个区域进行调用即。底部附源代码下载一、效果图下图所示：放大浏览图内容 主要div 源代码如下：<!-- 放大浏览图开始 --><div class="m-dt" id="Jslider"> <div class="swipe-wrap" id="Jslider-wrap"> <div class="swipe-con"><...
未完，继续阅读→关键字：
js 手机 插件 图片 下载 Web开发者不容错过的10段CSS代码
发布时间：2014/3/12 13:54:03 阅读(7208)条评论(0)条
Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。 本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。 1. CSS Resets 网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的，里面包含一点响应式图片和所有核心元素的边界框设置，这样就可以保持页边距和填充可以很好地对齐。html, body,...
未完，继续阅读→关键字：
css web 开发