我的日志-幸凡学习网

文章列表

发布时间：2017/8/29 17:07:24 阅读(8357)条评论(0)条

一、概述：photoswipe.js 插件点击图片展示时 &gid=null 怎么回事,为什么报这个null，展示还是可以用的，但是发现为null后没刷新是没办法自动展示的。在网上没找着这个问题，但是还是被发现了。photoswipe.js是一款非常棒的图片预览插件，支持手机、PC端。非常好用，自定义非常好，但是需要一定的JS功底才能做出自己要实现的效果。因为我要在使用swiper 焦点图切换的基础上使用图片预览特效，所以我的html代码如下：<div id="demo-test-gallery" class="demo-gallery swiper-container"> <div cl...未完，继续阅读→
关键字：插件图片展示 js

wumii.com无觅网挂了？做自己的插件吧！

发布时间：2017/8/25 14:21:19 阅读(6741)条评论(0)条

今天无意间登录了下网站看技术文章，发现无觅相关推荐文章没有显示出来。然后就打开了一下http://www.wumii.com/site/index，发现已经打不开网了！真是无厘头，一点点防备也没有，也没有提前通知。这不是坑人吗！所以用人家的没办法，还是想办法弄个自己的相关随机文章吧。思路：通过“关键字”来做相关文章在ACCESS中SQL查询语句如下：（但是在C#代码中需要用%替换*，其原因未知）例如：文章ID：825，关键字为:sql,access。SELECT TOP 10 * FROM (select * from (select * from art where keyword like "*access*&qu...未完，继续阅读→
关键字：sql 插件相关文章 seo

Access数据库的模糊查询到底是用*还是%

发布时间：2017/8/25 14:01:31 阅读(6146)条评论(0)条

今天被用了一下Access数据库，结果被它的模糊查询给折腾了一上午，到底是用*还是%？特此记下来事情是这样的，我用C#写了个小的窗体程序，访问Access数据库进行一个模糊查询，我先手工往Access数据库里填一些数据，然后用它的查询工具想试一下效果，直接写了一条语句：select * from news where title like '%公司%'运行没结果，汗啊，不可能吧，剔除了like的模糊查询它又没问题，邪门了，上网找啊找，有说Access中* 为匹配多个字符串，好吧把%号改为*号，运行，嘿，还真是哈，长见识了，难倒Access不支持标准SQL语句？疑惑之际，写程...未完，继续阅读→
关键字：access 数据库查询

浅谈jquery中attr和prop的区别

发布时间：2017/8/9 11:11:40 阅读(5540)条评论(0)条

一、概述：在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。二、说明：上面的描述也许有点模糊，举几个例子就知道了。<a href="http://www.86y.org" target="_self" class="btn">幸凡学习网</a>这个例子里<a>元素...未完，继续阅读→
关键字：jq attr prop

C#.NET用HttpWebRequest 添加 headr 解决方法

发布时间：2017/7/29 11:34:14 阅读(31413)条评论(0)条

平时写HttpWebRequest程序抓取html时，我们经常要模拟浏览器进行数据的获取或提交，因此就必须要对http头的相关属性进行设置。但当我需要设置“Host”值的时候，比如：request.Headers.Set("Host", "86y.org");以为万事大吉了，但运行时却提示【无法直接修改标题“Host”】，无法修改！怎么办？在http头中，不仅“Host”不能设置，其他的一些属性也有无法设置的情况，比如“Connection”request.Headers.Set("Connection", "keep-alive");这样写会...未完，继续阅读→
关键字：net 抓取 header

nestedSortable.js jq插件判断菜单是否拖动到所移动的位置源代码下载

发布时间：2017/7/24 11:22:02 阅读(9003)条评论(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 阅读(12046)条评论(0)条

一、概述：现在使用m3u8格式的视频也是越来越多，因为可以兼容PC、移动端。最主要的是可以做到减轻服务器的压力（按需加载）。html5播放m3u8(hls)示例：www.86y.org/demo/m3u8/ 示例使用的播放器是：chplayer 是一个不错的开源播放器这样可以兼容各个平台，需要的可以进去下载并使用。本实例也是在网上下载下来的(来源)，但是直接运行是会报错的。最后成功实现了转换功能，所以在此记录下使用过程及心得。主要是运用了ffmpeg.exe。生成后的文件如下：（切片软件源码下载地址在文章结尾）二、使用环境：1、运行环境需要...未完，继续阅读→
关键字：m3u8 ffmpeg 视频转换

jQueryRotate旋转插件使用说明

发布时间：2017/6/26 10:12:33 阅读(6462)条评论(0)条

一、概述:最近公司准备做一个html5的转盘效果，所以在网上找了一些资料，发现这个插件（jQueryRotate）挺不错的所以就记录下来。使用也很方便，可以快速制作动画。效果如下：二、参数说明：参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数，当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果，需要使用 jQuery.easing.js无duration整数旋转持续时间，以毫秒为单位无callback函数旋转完成后的回调函数无getRotateAngle函数返回旋转对象当...未完，继续阅读→
关键字：插件说明旋转

css3 伪元素模拟单、复选框特效之如何更容易的选中

发布时间：2017/6/16 14:48:37 阅读(7330)条评论(0)条

一、概述：本来Css3模拟单、复选框是挺容易的，问题不是在这个上面，而是如何更容易的选中。而不仅仅是那个单、复选框的区域。所以本实例是整行都可以选中。本实例采用纯Css3配合来完成的，并不需要js，相反以前做的部分还是用JS事件去做这个效果，发现真的很LOW。随着html5越来越普及，估计以后代码都会越来越精简了！效果如下图所示：二、实现及代码：1、因为只要点击input区域就可以选中或取消，所以我就围绕input来做动作,只要input足够大能点击的到就行了，但是又要能看到其它的内容，本来都是用label模拟的效果，所以input是无法被我们...未完，继续阅读→
关键字：css3 伪元素技巧

html5+ js +css3 点击后水波纹扩散效果兼容移动端

发布时间：2017/6/15 15:00:48 阅读(17531)条评论(0)条

一、概述:其实很早就看到过点击后水波纹扩散效果这种了，APP中比较常见，所以今天特意找了一些资料然后做成DEMO分享给大家，让大家更容易的学到并运用到实际项目中去。实例效果如下：现在新版 chrome 59.0 PC端在【设置】中很多操作按钮已经有这个效,果如下：二、实现原理:1、超出按钮隐藏;2、里面新增加标签模拟圆;3、用JS控制圆的宽度及坐标;4、关键是css3样式控制从小到大逐渐透明的动画。三、源代码：（兼容移动端）预览地址：http://www.86y.org/demo/ripple/<!DOCTYPE html><html><head><meta http-eq...未完，继续阅读→
关键字：特效移动端 demo

css 兼容ie8 rgba()的办法

发布时间：2017/6/14 15:56:11 阅读(6817)条评论(0)条

今天遇到了一个问题，要在一个页面中设置一个半透明的白色div。这个貌似不是难题，css3只需要给这个div设置如下的rgba即可：background: rgba(255,255,255,.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度为0.1的白色。在现代浏览器中是支持rgba的。但是在ie8等古董级浏览器中是不支持的rgba的，ie8只能勉强支持rgb()函数（即...未完，继续阅读→
关键字：兼容 css rgba ie8

ACCESS 使用UNION All 合并同一个表两次查询的结果，实现置顶效果

发布时间：2017/5/18 10:11:58 阅读(10916)条评论(0)条

一、概述：其实今天的实例是一个类似于新闻置顶的sql查询，因为置顶的需要在前面，没置顶的自然就往后排。有些情况可以适当的参考。二、针对网络提出问题并解答：数据库表：pro_typeidpname1001服装2001水果3001药品4001海鲜 1、问题：产品【水果】的类型id是：2001，如何把水果排在第一位其它不变？(效果如下)idpname2001水果1001服装3001药品4001海鲜 2、Access sql实现代码如下(sql server 未做试验)：select * from (SELECT * FROM a_type where id in(2001)) UNION ALL (SELECT * FROM a_type where id not in(20...未完，继续阅读→
关键字：access sql 合并实例

JQuery 获得div绝对,相对位置的坐标方法

发布时间：2017/5/8 11:38:26 阅读(9995)条评论(0)条

一、概述：一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标，当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;小提示：获取相对位置父级容器需要用到position:relative;三、结语...未完，继续阅读→
关键字：jq 元素位置

.net 保存url快捷方式到桌面源码

发布时间：2017/4/17 13:47:47 阅读(6967)条评论(0)条

一、概述js 保存到桌面快捷方式安全有限止了，所以还是得用后台程序来做代码。在网上找了不少资料发现。url可以快捷方式到桌面，但是图标始终不行，所以只能用系统自带的图标。本文附代php源码。效果如下图所示：图标显示效果跟系统有关系。win7系统图标二、两种代码实现1、C#代码using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;public partial class desk_index : System.Web.UI.Page{ protected void Page_Load(object sender, ...未完，继续阅读→
关键字：net 桌面

解决input 属性为 number，maxlength无效情况

发布时间：2017/2/28 14:14:21 阅读(16342)条评论(0)条

移动端在使用input数字number类型的时候maxlength竟然无效，因为是手机号码限止11位数字输入。<input type="text" maxlength="11" /> 效果ok，当 <input type="number" maxlength="11" />时maxlength失效，长度可以无限输入。解放方案：<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" /> 很简单，搞定！未完，继续阅读→
关键字：input number maxlength bug

JS获取url地址以及其它的参数

发布时间：2017/2/27 14:03:19 阅读(5558)条评论(0)条

javascript 获取当前 URL 参数的两种方法：//返回的是字符串形式的参数，例如：class_id=3&id=2& function getUrlArgStr(){ var q=location.search.substr(1); var qs=q.split('&'); var argStr='' if(qs){ for(var i=0;i<qs.length;i++){ argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&' } } return argStr; } //返回的是对象形式的参数 function getUrlAr...未完，继续阅读→
关键字：js url 参数

解决ios手机页面overflow scroll滑动很卡的问题

发布时间：2017/2/23 15:24:00 阅读(10256)条评论(0)条

今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时，DIV容器里面下滑动没有像普通页面一样顺畅，手滑到哪就停到哪。感觉很卡一样，而安卓效果正常，算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用，也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层，body无滚动条，但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮到你！未完，继续阅读→
关键字：bug ios 定位 web app

解决ios 微信 input 获取焦点时fixed失效

发布时间：2017/1/11 11:33:07 阅读(14683)条评论(0)条

一、概述做微信页面经常会碰到IOS与Android不兼容性问题，例如顶部置顶搜索框，IOS 获取焦点有软键盘唤起的情况下fixed置顶无效，而是变成了absolute跟随页面可以滚动，Android则没有任何问题，在ios8以下系统，当小键盘激活时，都会出现位置浮动问题的bug，所以暂时只能自己Fixed。先说明我本身的使用情况。方法1：本来可以用absolute（定位）来解决，但是我的页面是有下拉加载新数据，依靠body的scroll事件来触，因为用了定义并不能触发。所以我在此种情况使用的思路是：BUG如下图所示：方法2、让fixed变为relative然后滚动到顶部，同时在...未完，继续阅读→
关键字：ios fixed input bug

微信小程序中rpx与rem单位转换

发布时间：2017/1/10 10:56:11 阅读(12538)条评论(0)条

本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起：微信小程序官方文档web app变革之remrpx单位官方文档rpx单位基础介绍如果看完上面几篇文章，我们开始进入正题吧~~一、rem的使用1） js中导入下面这段代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function () { var clientWidth = docEl.clientWidth; if (...未完，继续阅读→
关键字：rpx rem 微信小程序

iis WebSocket 搭建环境及配置

发布时间：2016/12/26 10:02:15 阅读(19232)条评论(0)条

WebSocket是html5新增加的一种通信协议，目前流行的浏览器都支持这个协议，例如Chrome，Safari，Firefox，Opera，IE等等，对该协议支持最早的应该是chrome，从chrome12就已经开始支持，随着协议草案的不断变化，各个浏览器对协议的实现也在不停的更新。该协议还是草案，没有成为标准，不过成为标准应该只是时间问题了,目前对该协议支持最完善的浏览器应该是chrome，毕竟WebSocket协议草案也是Google发布的。在WINDOWS SERVER 2012或WINDOWS SERVER 2012 R2 安装说方法1、在任务栏上，单击服务器管理器。2、在服务器管理器，单击管理菜单，然...未完，继续阅读→
关键字：iis websocket html5

当前第 3 页 / 共 28 页总共559条记录
234