网页前端设计

http://www.86y.org

搜索文章

js => 今天发现的一个新的js函数写法2016/8/27 9:33:12

js => 今天发现的一个新的js函数写法

今天在网上参观到一个写法,返回字符串每个字母的个数var arr="aaabbccaa";var info = arr.split("").reduce((p, k) => (p[k]++ || (p[k] = 1), p), {});console.log(info);得到:Object {a: 5, b: 2, c: 2}reduce我查到是es5新加了array函数,这里不细说,有兴趣自己查;关键是‘=>’,是我第一次在js中见到;在网上查了查没找到什么资料,自己理解吧,希望有大神指正。应该就是匿名函数,类似于()=>(),这种,前()为输入,后()为输出;试验:var kk=(a,b)=>(a+b);kk(2,6);执行后,得到8;还...未完,继续阅读→

js函数

阅读(7770)条

完美 全兼容 解决 文字两端对齐 justify2016/8/26 11:05:43

完美 全兼容 解决 文字两端对齐 justify

text-align:justify; 所有浏览器都支持,text-justify之类的却只有IE支持,就不要考虑了。justify我的理解,使元素内部的子元素两端对齐,子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时,因为只有一行,当作最后一行,所以不会两端对齐的效果。姓名对齐我们比较常用的是 (半个中文空格), (一个中文空格)来添充两个字,三个字的姓名,使包括四字的姓名都能对齐。例如: 欧阳大咖张 小 三王  五  但我们发现大部分...未完,继续阅读→

对齐兼容css

阅读(6508)条

留一点专注的时间给孩子2016/8/24 14:46:24

留一点专注的时间给孩子

  每天早上五点半,我一般都会自动醒来,起床,洗漱,坐在阳台前,打开电脑,深吸一口早晨的空气,写文。  几乎这已经成为我生活的一部分,所以我将早上这一点时间看的非常重要,不希望被打扰。  前天早上还是一样,我准备好坐下,正在写文同时,听到房间里女儿在大声叫着爸爸。我心想有老婆和女儿在房间,就没有过多理睬,继续打字。  过了一会,房间门打开,女儿一脸微笑几乎是小跑着从房间里出来。刚刚从睡梦里醒来的缘故,头发还没来得及梳,睡眼惺忪的双眼瞪着我,笑着向我跑来。  女儿还不到两岁,表达心情最直观的就是面部的微笑以及不那...未完,继续阅读→

美文孩子

阅读(8250)条

ASP.NET Ueditor上传图片添加水印教程2016/8/22 15:11:42

ASP.NET Ueditor上传图片添加水印教程

首先来一张我们想要的功能界面,如果发觉这种效果不是你想要的,后面的内容就不用看了。准备 从官网下载的Ueditor压缩包,我下载的是ueditor1_4_3-utf8-net 这个版本,下面的介绍是对这个版本而言的。修改界面先找到我们要添加"加水印[checkbox]"的地方 由此可以知道,我们应该到image.html 这个文件去修改我们的html代码,在 image.html文件的第36行开始添加几行html代码,如下图:  刷新界面,单击多图上传>本地上传,界面就变成这样了:  寻找可行的办法打开FireBug,选中控制台,我们...未完,继续阅读→

SQLite学习笔记之三2016/8/22 13:39:06

SQLite学习笔记之三

一.如何备份数据库先打开数据库test.dbE:\sqlite\tool\sqlite-3_6_22>sqlite3  D:\Test\debug\test.dbsqlite> .backup D:\\Test\\debug\\test.bak注意:一定要用\\双斜杠 二.如何恢复数据库先打开数据库test.dbE:\sqlite\tool\sqlite-3_6_22>sqlite3  D:\Test\debug\test.dbsqlite> .restore D:\\Test\\debug\\test.bak注意:一定要用\\双斜杠 三.先判断表如果不存在,则再创建表SQL可以如下写,供参考:create table if not exists student(id integer primary key autoincrem...未完,继续阅读→

sqlite数据库笔记

阅读(5681)条

SQLite学习笔记之二2016/8/22 13:37:56

SQLite学习笔记之二

一.建立数据库sqlite3.exe test.db 二.双击sqlite-3_6_16目录下的程序sqlite3.exe,即可运行三.退出.exit或者.quit四.SQLite支持如下5种数据类型1.NULL:空值。2.INTEGER:带符号的整型,具体取决有存入数字的范围大小。3.REAL:浮点数字,存储为8-byte IEEE浮点数。4.TEXT:字符串文本。5.BLOB:二进制对象。 五.联系人表格结构如下create table contact(id integer primary key autoincrement,lastname varchar(20),firstname varchar(20),mobile varchar(30), telephone varchar(20),email  varchar(30), c...未完,继续阅读→

sqlite数据库笔记

阅读(4434)条

SQLite学习笔记之一2016/8/22 13:35:56

SQLite学习笔记之一

一.如何获取SQLite最新版本官方站点:http://www.sqlite.org/从http://www.sqlite.org/网站的Download页面获取即如下页面下载http://www.sqlite.org/download.html二.Windows下的SQLite的源代码是哪个软件压缩包?sqlite-amalgamation-3_6_22.zip是SQLite的windows下源码文件 三.Window下的SQLite命令行工具sqlite-3_6_22.zip四.Window下的SQLite开发库,即动态链接库以及DEF文件sqlitedll-3_6_22.zip五.SQLite最新版本是:3.6.22六.b<=a && a <= c 的SQL语句如何写在SQLite中, 表达式"...未完,继续阅读→

sqlite数据库笔记

阅读(4687)条

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日期

阅读(10629)条

给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浮动

阅读(6263)条

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

阅读(6405)条

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

过目不忘JS正则表达式

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

js正则

阅读(4549)条

说说幸凡做移动端经历2016/7/22 14:39:15

说说幸凡做移动端经历

现在html5网页开发已经流行的不要不要的了,单屏效果,企业秀,等等。现在移动端的使用已经在渐渐超越PC端。而且APP也是走向(原生+web的混合模式)从成本来看是个不错的选择。从13年开始就做过移动端的WEB了,开始做的挺简单,而且兼容性也不是很好,只能说是个自适应的网页。越到后面就会发现,原来要学的还挺多的。然后就自己在网上学习了各种技能一、我的一些经历1、从简单的自适应到文字,图片到间距都是等比例显示,用的是rem单,相关介绍与使用方法可以去看看【Sublime Text 3自动完成插件px值转rem值】。2、页面滚动到底部自动加载数...未完,继续阅读→

经历移动端

阅读(6488)条

.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

阅读(5672)条

简单的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兼容

阅读(7614)条

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返回

阅读(7816)条

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

阅读(8339)条

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插件

阅读(9344)条

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监听

阅读(21065)条

当前第  5  页 / 共  41  页  总共808条记录  

2345678