博客园 - 灯火阑珊hy
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=3332
2018-05-14T03:28:47Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
feed.cnblogs.com
https://www.cnblogs.com/lfhy/p/9035238.html
前端纯css 图片的模糊处理 - 灯火阑珊hy
最近做的一个项目需要用到背景图的模糊处理,在网上查资料,发现用css的 filter 属性就可以解决,但是因为模糊度比较高,四周会有很长的模糊边,百度上也没找到解决的方法,,可喜的是最后我在分析一个demo中发现了解决办法,真的是柳暗花明又一村,方法简单到被自己蠢哭,代码量很少的,而且解决方法是在太
2018-05-14T03:29:00Z
2018-05-14T03:29:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】最近做的一个项目需要用到背景图的模糊处理,在网上查资料,发现用css的 filter 属性就可以解决,但是因为模糊度比较高,四周会有很长的模糊边,百度上也没找到解决的方法,,可喜的是最后我在分析一个demo中发现了解决办法,真的是柳暗花明又一村,方法简单到被自己蠢哭,代码量很少的,而且解决方法是在太 <a href="https://www.cnblogs.com/lfhy/p/9035238.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/8488667.html
gulp入门学习教程(入门学习记录) - 灯火阑珊hy
前言 最近在通过教学视频学习angularjs,其中有gulp的教学部分,对其的介绍为可以对文件进行合并,压缩,格式化,监听,测试,检查等操作时,看到前三种功能我的心理思想是,网上有很多在线压缩,在线解压,css格式化,js格式化类似的工具,为什么还需要学习一项新技术呢。当学完了之后,被自己见识短浅
2018-03-01T07:30:00Z
2018-03-01T07:30:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】前言 最近在通过教学视频学习angularjs,其中有gulp的教学部分,对其的介绍为可以对文件进行合并,压缩,格式化,监听,测试,检查等操作时,看到前三种功能我的心理思想是,网上有很多在线压缩,在线解压,css格式化,js格式化类似的工具,为什么还需要学习一项新技术呢。当学完了之后,被自己见识短浅 <a href="https://www.cnblogs.com/lfhy/p/8488667.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/8477615.html
关于nodejs中npm命令没有反应的解决方法 - 灯火阑珊hy
最近在学习angularJS,正在做一个单页面应用,在安装nodejs之后,发现命令行传了输入npm -v能输出结果外,其余npm的任何操作都没有反应,一开始我以为是下载的比较慢,等了半小时还是没动静,只有下标在不停的闪烁。 最后找到解决办法,在C:\Users\Administrator下找到.n
2018-02-27T02:49:00Z
2018-02-27T02:49:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】最近在学习angularJS,正在做一个单页面应用,在安装nodejs之后,发现命令行传了输入npm -v能输出结果外,其余npm的任何操作都没有反应,一开始我以为是下载的比较慢,等了半小时还是没动静,只有下标在不停的闪烁。 最后找到解决办法,在C:\Users\Administrator下找到.n <a href="https://www.cnblogs.com/lfhy/p/8477615.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/8438316.html
让网页自动调用双核浏览器的极速模式(<meta name="renderer" content="webkit">) - 灯火阑珊hy
背景:最近做了一个网站,传单服务器之后,每次打开都是乱码,不对啊,我在本地测得明明是排版很整齐啊,然后发现,360用的是“兼容模式”打开的,这就尴尬了,用户一打开就是乱码,这用户体验得有多差!用户可不管你是什么模式。我研究了一番,终于找到解决办法。 国内的主流浏览器基本都是双核浏览器:基于Webki
2018-02-10T03:06:00Z
2018-02-10T03:06:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】背景:最近做了一个网站,传单服务器之后,每次打开都是乱码,不对啊,我在本地测得明明是排版很整齐啊,然后发现,360用的是“兼容模式”打开的,这就尴尬了,用户一打开就是乱码,这用户体验得有多差!用户可不管你是什么模式。我研究了一番,终于找到解决办法。 国内的主流浏览器基本都是双核浏览器:基于Webki <a href="https://www.cnblogs.com/lfhy/p/8438316.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/7243213.html
jquery mobile 的loading提示“正在加载...”在不同版本中的不同实现方式 - 灯火阑珊hy
在jquery mobile开发中,在页面的切换、或者ajax获取数据时由于网速慢等其他原因,会有一个加载的时间,如果能在这段时间给一个“正在加载。。。”的提示,用户体验会更好。下面来简单的介绍一下在jquery mobile中 “正在加载。。”提示怎么做。 首先准备工作:要在页面中引入jquery
2017-07-27T01:51:00Z
2017-07-27T01:51:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】在jquery mobile开发中,在页面的切换、或者ajax获取数据时由于网速慢等其他原因,会有一个加载的时间,如果能在这段时间给一个“正在加载。。。”的提示,用户体验会更好。下面来简单的介绍一下在jquery mobile中 “正在加载。。”提示怎么做。 首先准备工作:要在页面中引入jquery <a href="https://www.cnblogs.com/lfhy/p/7243213.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/7028526.html
轮播图无缝轮播 - 灯火阑珊hy
在做轮播图时如果首尾不能连起来的话,效果会有点丑,下面介绍一种我常用的方法: 先文字说明一下: 如果要展示5张图,分别为1,2,3,4,5 那么在代码的引入中是这样的:1,2,3,4,5,1 按顺序的轮播在此就不多说,重点说的是5>1和1>5的轮播 i 表示当前图片的索引 pre 表示上一张图片的按
2017-06-16T09:24:00Z
2017-06-16T09:24:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】在做轮播图时如果首尾不能连起来的话,效果会有点丑,下面介绍一种我常用的方法: 先文字说明一下: 如果要展示5张图,分别为1,2,3,4,5 那么在代码的引入中是这样的:1,2,3,4,5,1 按顺序的轮播在此就不多说,重点说的是5>1和1>5的轮播 i 表示当前图片的索引 pre 表示上一张图片的按 <a href="https://www.cnblogs.com/lfhy/p/7028526.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6836227.html
AnjularJS小项目,小案例,练手,猜数字 - 灯火阑珊hy
之前自己就学了点AnjularJS,都是在菜鸟教程里面将基础的只是大致过了一遍,没怎么自己动手做什么东西练练手,但还是觉得纸上得来终觉浅,得知此事要躬行啊,今天就做了个猜数字的小游戏,觉得效果还不错,心情也大好,看来还是得多练啊。好了,废话少说,还是说说效果怎么实现的吧。 既然是AnjularLS项
2017-05-10T07:33:00Z
2017-05-10T07:33:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】之前自己就学了点AnjularJS,都是在菜鸟教程里面将基础的只是大致过了一遍,没怎么自己动手做什么东西练练手,但还是觉得纸上得来终觉浅,得知此事要躬行啊,今天就做了个猜数字的小游戏,觉得效果还不错,心情也大好,看来还是得多练啊。好了,废话少说,还是说说效果怎么实现的吧。 既然是AnjularLS项 <a href="https://www.cnblogs.com/lfhy/p/6836227.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6802781.html
js调用打印机 打印整体或部分 - 灯火阑珊hy
有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分。实例比文字看起来更清晰,下面我将用代码来描述 1、整体打印 这是最简单的部分 <button id="print1">打印全部</button> $('
2017-05-03T08:57:00Z
2017-05-03T08:57:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分。实例比文字看起来更清晰,下面我将用代码来描述 1、整体打印 这是最简单的部分 <button id="print1">打印全部</button> $(' <a href="https://www.cnblogs.com/lfhy/p/6802781.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6796878.html
:not() 选择器选取除了指定元素以外的所有元素 - 灯火阑珊hy
:not() 选择器选取除了指定元素以外的所有元素; 最近有人那上图问:如果触碰li时背景色和字体都变化,但是已经被选中的(现在是第一行)不变怎么办?:not是一个非常简单方便的办法;加入我给已经被选中的li加的是active类 那么要想达到要求的效果,只需代码 li:not(.active):ho
2017-05-02T08:47:00Z
2017-05-02T08:47:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】:not() 选择器选取除了指定元素以外的所有元素; 最近有人那上图问:如果触碰li时背景色和字体都变化,但是已经被选中的(现在是第一行)不变怎么办?:not是一个非常简单方便的办法;加入我给已经被选中的li加的是active类 那么要想达到要求的效果,只需代码 li:not(.active):ho <a href="https://www.cnblogs.com/lfhy/p/6796878.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6796653.html
CSS3自定义滚动条样式 -webkit-scrollbar - 灯火阑珊hy
当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式
2017-05-02T08:18:00Z
2017-05-02T08:18:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式 <a href="https://www.cnblogs.com/lfhy/p/6796653.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6782607.html
文本超出---单行省略和多行省略 - 灯火阑珊hy
在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div区域的情况,此时比较好的做法就是当文字超过限定的div宽度后自动以省略号(…)显示,这样,按照习惯,人们都会知道这儿有文字被省略了。省略又分为单行省略和多行省略。我们常用的是单行省略代码如下: html代码:
2017-04-28T09:33:00Z
2017-04-28T09:33:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div区域的情况,此时比较好的做法就是当文字超过限定的div宽度后自动以省略号(…)显示,这样,按照习惯,人们都会知道这儿有文字被省略了。省略又分为单行省略和多行省略。我们常用的是单行省略代码如下: html代码: <a href="https://www.cnblogs.com/lfhy/p/6782607.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6782367.html
表单验证必填项 - 灯火阑珊hy
在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交。在此我只做了手机号和密码的验证,其他的与此类此 html代码: js代码
2017-04-28T08:59:00Z
2017-04-28T08:59:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交。在此我只做了手机号和密码的验证,其他的与此类此 html代码: js代码 <a href="https://www.cnblogs.com/lfhy/p/6782367.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6640216.html
a标签上的点击事件 - 灯火阑珊hy
当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1、a href="javascript:void(0);" onclick="method()"这种方法是比较最常用的方法,也是最周全的方法,onclick方法
2017-03-29T07:56:00Z
2017-03-29T07:56:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1、a href="javascript:void(0);" onclick="method()"这种方法是比较最常用的方法,也是最周全的方法,onclick方法 <a href="https://www.cnblogs.com/lfhy/p/6640216.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6640106.html
js中的 return false; - 灯火阑珊hy
总的来说return false 的作用就是阻止事件的默认行为 1、 如果title为空则输出 return false.跳出check()函数,不再执行下面对内容的判断;即遇到return false;则跳出当前函数,不再执行当前函数return false后的代码。 2、return false
2017-03-29T07:41:00Z
2017-03-29T07:41:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】总的来说return false 的作用就是阻止事件的默认行为 1、 如果title为空则输出 return false.跳出check()函数,不再执行下面对内容的判断;即遇到return false;则跳出当前函数,不再执行当前函数return false后的代码。 2、return false <a href="https://www.cnblogs.com/lfhy/p/6640106.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6214223.html
元素居中 - 灯火阑珊hy
一、行内元素水平居中 text-align: center; 二、行内元素垂直居中 height: 40px;line-height: 40px; 让这两个值相等 三、块级元素水平居中 width: 300px; margin: 0 auto; 可以不设置高度 三、块级元素垂直居中 1.固定宽高块级
2016-12-23T03:40:00Z
2016-12-23T03:40:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】一、行内元素水平居中 text-align: center; 二、行内元素垂直居中 height: 40px;line-height: 40px; 让这两个值相等 三、块级元素水平居中 width: 300px; margin: 0 auto; 可以不设置高度 三、块级元素垂直居中 1.固定宽高块级 <a href="https://www.cnblogs.com/lfhy/p/6214223.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lfhy/p/6211809.html
width:100%;与width:auto;的区别 - 灯火阑珊hy
如果是p的width:100%,则说明p的width会得到980px就已经充满div区域,然后自己又有padding,所以会超出div。 而当width:auto时它是总体宽度(包括width,margin,padding,border)等于父级宽度(width,不包含父级的margin,paddi
2016-12-22T08:29:00Z
2016-12-22T08:29:00Z
灯火阑珊hy
https://www.cnblogs.com/lfhy/
【摘要】如果是p的width:100%,则说明p的width会得到980px就已经充满div区域,然后自己又有padding,所以会超出div。 而当width:auto时它是总体宽度(包括width,margin,padding,border)等于父级宽度(width,不包含父级的margin,paddi <a href="https://www.cnblogs.com/lfhy/p/6211809.html" target="_blank">阅读全文</a>