2016 年 5月随笔档案 - 杨杨0708

nodejs那些事

摘要：安装篇： 1、从http://nodejs.cn/上下载了nodejs-v4.4.4版安装包（已存入360云盘） 2、在windows下双击——下一步——下一步安装即可（注意：安装路径就默认安装到C:/program file/nodejs/下就好，一定不要更改） 3、安装完后，win+R——cmd 阅读全文

posted @ 2016-05-30 16:07 杨杨0708 阅读(132) 评论(0) 推荐(0) 编辑

layer弹窗插件实战用法小结1—— layer.alert()

摘要：http://layer.layui.com 第一节：layer.alert()弹窗的用法 1、解压layer-v2.2.zip压缩包 2、拷贝layer文件夹到实战项目目录 3、注意：layer.js是依赖jquery的，所以需要写上以下两行代码 <script type="text/javasc 阅读全文

posted @ 2016-05-24 16:37 杨杨0708 阅读(6022) 评论(0) 推荐(0) 编辑

js原生写的微博留言板有angularjs效果

摘要：1、HTML: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="css/weibo.css"/> <title>微博发布框</title></head><body><d 阅读全文

posted @ 2016-05-24 15:58 杨杨0708 阅读(722) 评论(0) 推荐(0) 编辑

input框的默认bug解决办法

摘要：input框的默认bug是在没干掉边框的情况下是不能设置背景颜色的，否则边框会变成内边框(黑色)效果，很难看。解决办法是： none掉input框的边框：border:none; 再设置其背景色为任何颜色就没问题了。但是，此时你要是想给这个input框一个看上去的边框怎么办，因为none掉了，所阅读全文

posted @ 2016-05-20 15:00 杨杨0708 阅读(230) 评论(0) 推荐(0) 编辑

inheritprototype原型继承封装及综合继承最简实例

摘要：1、inheritprototype.js ;(function(){ var s = { inheritObject:function(o){//对象继承封装 var F = function(){}; F.prototype = o; return new F(); }, inheritProt 阅读全文

posted @ 2016-05-17 14:47 杨杨0708 阅读(1796) 评论(0) 推荐(0) 编辑

JS中的call()和apply()方法

摘要：1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由阅读全文

posted @ 2016-05-17 14:16 杨杨0708 阅读(169) 评论(0) 推荐(0) 编辑

段落p元素内的响应式文本布局就靠rem单位实现

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>设置字体为rem单位，文本会不会响应式变化</title></head><body><p style="font-size: 2rem;">就对啦客观上看就按悲伤的阅读全文

posted @ 2016-05-16 10:33 杨杨0708 阅读(640) 评论(0) 推荐(0) 编辑

图片自适应浏览器窗口宽度——就是响应式图片等比缩放效果

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片宽度自适应</title> <style type="text/css"> img{ max-width: 100%;//一个max-width解决图片响应式阅读全文

posted @ 2016-05-13 16:26 杨杨0708 阅读(3576) 评论(0) 推荐(0) 编辑

iconfont.cn阿里巴巴矢量图下载字体图标实战

摘要：1、阿里巴巴矢量图网址：www.iconfont.cn 2、然后用新浪微博账号登录 3、输入要查找的图标相应的关键字，回车 4、滑过要找的图标，点击购物车，让图标存储到暂存架中 5、点击暂存架，存储为新的项目 6、输入项目名，就会跳转到项目管理界面 7、然后点击下载到本地就会生成一个iconfont 阅读全文

posted @ 2016-05-13 11:04 杨杨0708 阅读(2301) 评论(0) 推荐(0) 编辑

layer.layui.com 一个不错的弹窗层js插件库

摘要：http://layer.layui.com/ 阅读全文

posted @ 2016-05-12 20:34 杨杨0708 阅读(364) 评论(0) 推荐(0) 编辑

自定义浏览器滚动条的样式，打造属于你的滚动条风格——兼容IE和webkit(ff不支持)

摘要：前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，发现只用Chrome适用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不仅仅只用Chr 阅读全文

posted @ 2016-05-12 11:13 杨杨0708 阅读(24739) 评论(1) 推荐(5) 编辑

css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版

摘要：1、html： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href="./cs 阅读全文

posted @ 2016-05-11 20:16 杨杨0708 阅读(684) 评论(0) 推荐(0) 编辑

css3实战版的点击列表项产生水波纹动画

摘要：1、html+js： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href=". 阅读全文

posted @ 2016-05-11 11:05 杨杨0708 阅读(873) 评论(0) 推荐(0) 编辑

一个简单版的波纹css3动画

摘要：ul{width: 300px;border: red;}ul li{width: 300px;height: 70px;line-height: 70px;background: #fff;text-align: center;cursor: pointer;overflow: hidden;bo 阅读全文

posted @ 2016-05-10 16:46 杨杨0708 阅读(5187) 评论(0) 推荐(0) 编辑

CSS3动画效果——js调用css动画属性并回调处理详解

摘要：http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下我们在做js动画的时候，很多时候都需要做回调处理，如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等，但在使用CSS3动画时能不能捕获到运动阅读全文

posted @ 2016-05-10 15:49 杨杨0708 阅读(8465) 评论(0) 推荐(0) 编辑

CSS3 :target伪类实现Tab切换效果 BY commy

摘要：http://www.shejidaren.com/examples/css3-target/css3-target.html#tab1 标签一标签二标签三欢迎加设计达人Q群：50063010设计达人以原创和分享一些高质量的设计文章为主，希望喜欢！本Tab切换效果纯CSS3制作，无任何Jav 阅读全文

posted @ 2016-05-10 15:37 杨杨0708 阅读(287) 评论(0) 推荐(0) 编辑

css :active伪类的理解

摘要：/*active伪类为点击鼠标按下去还没松开鼠标的那一瞬间的事件*/ 阅读全文

posted @ 2016-05-10 15:36 杨杨0708 阅读(250) 评论(0) 推荐(0) 编辑

CSS3 :target伪类的理解与使用

摘要：CSS3 :target伪类用来改变页面中锚链接URL所指向的ID元素的样式，例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成#tab:target {color:blue} 浏览器支持：不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox 阅读全文

posted @ 2016-05-10 15:35 杨杨0708 阅读(2292) 评论(0) 推荐(1) 编辑

最简化模型2——css3分阶段动画效果(经过实测)之转动的div

摘要：@keyframes mymove{ 0%{top: 0;left: 0;transform:rotate(50deg);} 10%{top: 100px;left: 50px;transform:rotate(80deg);} 20%{top: 300px;left: 40px;transform 阅读全文

posted @ 2016-05-10 14:52 杨杨0708 阅读(197) 评论(0) 推荐(0) 编辑

最简化模型——css3分阶段动画效果(经过实测)

摘要：body { background: #dcdcdc; -webkit-animation: colorin 5s; /* chrome调用属性 */ animation: colorin 5s; /* firefox可调用的属性，最基本的要给出动画帧的名称和持续时间，才会有动画效果 */}@-we 阅读全文

posted @ 2016-05-10 14:45 杨杨0708 阅读(554) 评论(0) 推荐(0) 编辑

绝对牛逼的网上矢量图标搜索下载网址——阿里巴巴矢量图

摘要：http://www.iconfont.cn——阿里巴巴矢量图需要什么图标在上面一搜，就出来了你想要的icon，下载下来就可以用了，非常方便。阅读全文

posted @ 2016-05-06 13:24 杨杨0708 阅读(573) 评论(0) 推荐(0) 编辑

js原生：封装document.getElementByClassName()函数

摘要：//接口封装：封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函数有三个参数：第一个参数是class名（必选，字串形式）；第二个参数是父容器（可选），默认为body 阅读全文

posted @ 2016-05-06 11:48 杨杨0708 阅读(5121) 评论(0) 推荐(0) 编辑

js和jquery获取父级元素、子级元素、兄弟元素的方法

摘要：先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：比如： <div id="dom"> <div></d 阅读全文

posted @ 2016-05-06 11:47 杨杨0708 阅读(1013) 评论(0) 推荐(0) 编辑

封装bt轮播图淡入淡出效果样式

摘要： <div data-ride="carousel" class="carousel slide carousel_inner_padding carousel-fade" id="carousel-container"> 注意：carousel-fade是自定义是类。 /* 阅读全文

posted @ 2016-05-05 10:18 杨杨0708 阅读(287) 评论(0) 推荐(0) 编辑

Bootstrap每天必学之导航条

摘要：http://www.jb51.net/article/75534.htm Bootstrap每天必学之导航条，本文向大家讲解了多种多样的导航条，以及导航条中元素的实现方法，感兴趣的小伙伴们可以参考一下 1、导航条导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。阅读全文

posted @ 2016-05-05 10:09 杨杨0708 阅读(832) 评论(0) 推荐(0) 编辑

全面解析Bootstrap图片轮播效果

摘要：http://www.jb51.net/article/75806.htm 一 . 结构分析一个轮播图片主要包括三个部分： ☑ 轮播的图片 ☑ 轮播图片的计数器 ☑ 轮播图片的控制器第一步：设计轮播图片的容器。在 Bootstrap 框架中采用 carousel 样式，并且给这个容器定义一个 I 阅读全文

posted @ 2016-05-05 10:04 杨杨0708 阅读(2305) 评论(0) 推荐(0) 编辑

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论