网页前端设计

http://www.86y.org

搜索文章

sqlite数据提示错误:【该字符串未被识别为有效的 DateTime】解决方法2016/8/20 8:52:37

sqlite数据提示错误:【该字符串未被识别为有效的 DateTime】解决方法

在select sqlite数据中的datetime字段的时候出现 :【该字符串未被识别为有效的 DateTime】,原因 是在update或insert的时候时间被转化了。只需要按下面方法即可在日期保存到Sqlite数据库时转换一个类型,比如:string _now = System.DateTime.Now.ToString("s");也就是说在.ToString()方法中加一个s,即可解决日期读取错误的问题。简单代码示例:string _indate = Request["indate"];  //输入的日期如:2009-2-21DateTime _inTime = Convert.ToDateTime(_indate);//如下是保存数据SQL语句insert into ...未完,继续阅读→

sqlite日期

阅读(10233)条

给li设置float浮动属性之后,无法撑开外层ul的问题。2016/8/18 15:28:14

给li设置float浮动属性之后,无法撑开外层ul的问题。

最近在项目中有好几次遇到这个问题,感觉是浮动引起的,虽然用<div style="clear:both"></div>解决了,但自己不是特别明白,又在网上查了相关内容,是因为给li设置了浮动之后它就脱离当前正常的文档流,所以没办法撑开外层ul的高度。以下面代码为例,其实有好几种解决方法,我用的这种并不是最简单的。<!DOCTYPE html ><html ><head><meta charset="utf-8"><title>给li设置float浮动属性之后,无法撑开外层ul的问题。</title><style type="text/css...未完,继续阅读→

css浮动

阅读(6041)条

sqlite分页查询2016/8/18 15:23:45

sqlite分页查询

刚开始的时候没注意语法 后来才发现,原来用SQLite分页是世界上最简单的。如果我要去11-20的Account表的数据 Select * From Account Limit 9 Offset 10; 以上语句表示从Account表获取数据,跳过10行,取9行 嗯,我觉得这个特性足够让很多的web中型网站使用这个了。 也可以这样写 select * from account limit10,9和上面的的效果一样。 这种写法MySQL也支持。代码如下://select * from users order by id limit 10 offset 0;//offset代表从第几条记录“之后“开始查询,limit表明查询多少条结果//运用:sqlitecmd.Comm...未完,继续阅读→

数据库sqlite

阅读(6199)条

过目不忘JS正则表达式2016/8/16 15:56:59

过目不忘JS正则表达式

          正则表达式,有木有人像我一样,学了好几遍却还是很懵圈,学的时候老明白了,学完了忘光了。好吧,其实还是练的不够,所谓温故而知新,可以为师矣,今天就随我来复习一下这傲娇的正则表达式吧。         为啥要有正则表达式呢?其实就是因为计算机笨(这话不是我说的),比如123456@qq.com,我们一看就是邮箱,可是计算机不认识啊,所以我们就要用一些计算机认识的语言,来制定好规则,告诉它符合这个规则的就是个邮箱,这样计算机就能帮我们找到对应的东西了。所以正则就是用...未完,继续阅读→

js正则

阅读(4371)条

.net自动合并输出css或js的解决方案附实例下载2016/7/19 16:25:42

.net自动合并输出css或js的解决方案附实例下载

一、概述这是一个基于 aspnet 的自动合并输出js和css的解决方案。由ashx动态获取所要合并的文件,然后输出成一个文件。目的是为了减少服务器请求。当然在合并的过程中需要注意一些问题下面会讲到。底部附有下载地址,效果如下: 二、使用方法://file参数是ashx接收需要合并的文件,多个以豆号(英文)隔开,文件位置最好也是使用绝对地址,这样不管在哪里都可以调用得到 //t参数是类型,js/css//如果怕有缓存可以加随机参数在此不作演示<!-- css引用--><link type="text/css" rel="stylesheet" hr...未完,继续阅读→

ashxcssjs

阅读(5365)条

简单的seajs 使用实例2016/7/13 17:02:11

简单的seajs 使用实例

一、概述seajs做前端的朋友肯定听过,我也是第一次使用,当然抱着学习的态度,觉得seajs真的很不错,虽然我还不知道哪种情况可以使用。先学总不会有错,对吧。!^_^! ,下面就简单的介绍下吧。(文章底部附下载与DEMO链接)必须在web环境调试才有效果seajs实现了JavaScript的 模块开发及按模块加载。用来解决繁琐的JavaScript命名冲突,文件依赖等问题,其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。官方文档:http://seajs.org/docs/#docs首先看看seajs是怎么进行模块开发的。使用seajs基本上只有一个函数"define&q...未完,继续阅读→

js的window.onscroll事件兼容各大浏览器!2016/7/8 16:54:41

js的window.onscroll事件兼容各大浏览器!

为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equi...未完,继续阅读→

jsscroll兼容

阅读(7282)条

jQuery日期插件 支持移动、PC端2016/7/8 15:28:36

jQuery日期插件 支持移动、PC端

一、概述本实例特效代码是一款依赖于jq,iScroll滑动插件,效果偏向于手机移动端的,所以请用支持HTML5+CSS3主流浏览器预览效果,手机查看效果更佳哦。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)样式不附加任何图片,能自动定位到当前系统日期。修复了以前在网络上下载下来了好几个BUG。大家如果喜欢可以去文章底部下载。效果如下图所示:二、使用说明1、CSS样式:<link rel="stylesheet" type="text/css" href="css/date.css">2、JS插件代码:<script type="text/j...未完,继续阅读→

解决iphone safari下后退按钮导致函数不执行的问题2016/6/9 17:27:51

解决iphone safari下后退按钮导致函数不执行的问题

先还原问题,假设有两个页面A.htm(简写为A)和B.htm(简写为B),A部分代码如下:<div><a href="B.html">跳转到B.htm</a></div><script type="text/javascript">alert("小幻想,小幸福!");</script>B部分代码如下:<div><a id="backPrev" href="javascript:history.go(-1);">返回</a></div>在iphone safari浏览器下,第一次打开A,会弹出alert。点击A中的链接,跳转到B,当点击B中的【返回】按钮,跳转到A,A中的aler...未完,继续阅读→

safarihistory返回

阅读(7635)条

Request.Params引起的获取不到参数值的问题2016/6/9 16:40:09

Request.Params引起的获取不到参数值的问题

今天很奇怪的发现了.net Request.Params获取参数失败,改成Request.QueryString就正常了。运行环境是.net 4.0。今天的BUG来自于本人只是短浅的了解只用来接收参数而已,没发现原来使用起来还真不一样。先让我们了解一下request.params其实是一个集合,它依次包括request.querystring、request.form、request.cookies和request.servervariables。如果要在两个页面传递数据的话,只能用request.querystring、request.form、request.cookiesRequest.Params 是在 QueryString、Form、Server Variable 以及 Cookies 找数据, 他首先在 Que...未完,继续阅读→

netParams

阅读(8087)条

jq+html5滚动到底部自动加载数据之(保存数据)2016/6/8 22:53:32

jq+html5滚动到底部自动加载数据之(保存数据)

1、简述上一篇《jq滚动到底部自动加载数据实例》效果实现了,但是一直有个问题点击详细后返回数据又 重新加载了,今天就是为了这个BUG而写的,本实例正是运用了html5的localstorage(本地存储)。当然做这个效果是为了手机效果而做的,所以PC端暂时没办法全部兼容,所以效果图也是手机端的。(文章底部附DEMO预览及下载地址)效果图如下:2、核心内容讲解(1)、本文使用的插件是:Lawnchair(Lawnchair是一个轻量级的移动应用程序数据持久化存储方案,同时也是客户端JSON文档存储方法,优点是短小,语法简洁,扩展性比较好。)Git地址是:https:/...未完,继续阅读→

jqhtml5插件

阅读(8932)条

js 监听URL的hash变化2016/5/31 16:07:58

js 监听URL的hash变化

通过URL传值,在?后附加以=连接的键值对,各键值对间以&连接;也可以通过URL传递页面参数,在”#”后附加的方式。两者最大的一个 区别在于:后者不会发起请求,不会导致页面刷新。常见应用场景在于:不需要请求服务器,由浏览器端脚本直接定位到某个条件下的页面展示。例如:在这个页面 中http://www.istartedsomething.com/bingimages/#20101106-us,带hash值打开的是展示某个 大图的页面,不带hash值打开(http://www.istartedsomething.com/bingimages/)的只是一个日历的图片集 界面,需要再次点击才能展示某个大图。...未完,继续阅读→

jsurl监听

阅读(20636)条

localstorage(本地存储)简单封装2016/5/24 16:57:14

localstorage(本地存储)简单封装

说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西,垃圾。现在用的最多的是Flash吧,空间是Cookie的25倍,基本够用。再之后Google推出了Gears,虽然没有限制,但不爽的地方就是要装额外的插件(没具体研究过)。到了HT...未完,继续阅读→

html5存储插件

阅读(6408)条

12个JavaScript技巧2016/5/9 16:56:55

12个JavaScript技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示例:function Account(cash) {this.cash = cash;this.hasMoney = !!cash;}var account ...未完,继续阅读→

js技巧

阅读(4768)条

上传控件 WebUploader 判断有没有上传成功2016/5/7 15:26:24

上传控件 WebUploader 判断有没有上传成功

最近做的一个项目需要图片批量上传,研究了一下,终于找到了一个不错的上传控件Web UploaderWebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。采用大文件分片并发上传,极大的提高了文件上传效率。演示:http://fex-team.github.io/webuploader/getting-started.html下载:http://fex-team.github.io/webup...未完,继续阅读→

上传控件

阅读(14031)条

知道这20个正则表达式,能让你少写1,000行代码2016/5/5 15:43:52

知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的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正则

阅读(5195)条

解决中文Chrome内核浏览器最小字体的BUG 2016/5/4 9:42:01

解决中文Chrome内核浏览器最小字体的BUG

最近在做个小字体的内容展示,发现一个奇怪的问题,在Chrome内核的浏览器里,最小字体是12px,比这再小的字体都被统一显示了12px了。在网上搜索了一下才知道。因为中文字体在小于12px的情况下会遇到阅读困难的问题,所以Chrome把最小的字体设置成了12px了。解决的办法有改配置和加样式两种,这里就介绍一下样式修改的方式,因为你不可能要求所有访问都都改浏览器配置吧?哈哈~在网页样式里加上这一句后,就可以显示更小的字体了。-webkit-text-size-adjust:none;未完,继续阅读→

csschromebug

阅读(5479)条

js模拟用户点击弹出新页面2016/4/14 16:11:40

js模拟用户点击弹出新页面

1、前言:相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况;我们换下思路,什么情况下的新页面弹出才不会被浏览器拦截呢?比如<a>标签这种就不会;那么我们只要模拟下用户去主动点击这个<a>标签就不会有拦截的问题了。当然并不是点击a的链接,而是点击a里面的内容才会有效果,不信你可以试试。效果图如下:2、主要实现代码HTML部分:<a href="" id="linka" target="_blank" style="display:none"><span id="linkspan">test&...未完,继续阅读→

js弹窗

阅读(6301)条

Sublime Text 3自动完成插件px值转rem值2016/4/12 17:10:27

Sublime Text 3自动完成插件px值转rem值

一个CSS的px值转rem值的Sublime Text 3自动完成插件。本文件结尾附使用演示链接。插件效果如下:安装 克隆项目   https://github.com/hyb628/cssrem.git进入packages目录:Sublime Text -> Preferences -> Browse Packages...复制下载的cssrem目录到刚才的packges目录里。重启Sublime Text。配置参数参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrempx_to_rem - px转rem的单位比例,默认为40。max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。av...未完,继续阅读→

cssremsublime插件

阅读(9105)条

scrollfix置顶导航菜单插件2016/4/1 20:14:38

scrollfix置顶导航菜单插件

1、前言本插件效果:随滚动条下拉浮动定位菜单,菜单固定到顶部。兼容了移动端+PC端(IE6+,chorme,firfox等主浏览器),使用起来特别方便。效果图如下:2、使用scrollfix插件;(function($) { $.fn.scrollfix = function(mtop, zindex, height) { var nav = $(this),obj=document.getElementById($(this).attr("id")), mtop = mtop, zindex = zindex, dftop = nav.offset().top,//dftop = nav.offset().top - $(window).scrollTop(), dfleft = nav.offset().left - $(window).s...未完,继续阅读→

js插件菜单scroll

阅读(9393)条

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

2345678