2017年8月25日

利用node，跑项目。
摘要： （前提是已经安装了node） 一、简单介绍 Vue 开发|文件目录结构部署 目录结构 ├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面 │ ├── build.js 生产环境构建脚本 │ ├ 阅读全文
posted @ 2017-08-25 09:53 二婷啵 阅读(1377) 评论(0) 推荐(0)
 
 

2017年8月18日

marquee 的浏览器兼容性
摘要： marquee 在IE，firefox，chrome ，safari下都能正常的实现走马灯效果，兼容性没有问题 并且两个关键属性scrollamount（滚动速度）direction（滚动方向） 所有浏览器都是支持的 注意：搜狗高速浏览器不支持marquee且显示不正常，http://ie.sogo 阅读全文
posted @ 2017-08-18 09:31 二婷啵 阅读(3316) 评论(0) 推荐(0)
 
HTML滚动文字代码 marquee标签
摘要： <marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face="黑体" color="#008000" 阅读全文
posted @ 2017-08-18 09:30 二婷啵 阅读(2267) 评论(0) 推荐(0)
 
 

2017年7月11日

CSS3自定义滚动条样式 -webkit-scrollbar
摘要： 有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？ 前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式 阅读全文
posted @ 2017-07-11 17:15 二婷啵 阅读(749) 评论(0) 推荐(0)
 
 

2017年6月29日

js实现网页全屏切换（平滑过渡），鼠标滚动切换
摘要： 实现效果为页面平滑过渡全屏切换，点击导航和鼠标滚动都可以切换。 效果图： html代码： <!DOCTYPE html> CSS代码： Firefox和chrome测试没问题，IE就算了吧_(:зゝ∠)_，我恨IE 原文地址 http://blog.csdn.net/liona_koukou/art 阅读全文
posted @ 2017-06-29 11:10 二婷啵 阅读(4292) 评论(0) 推荐(0)
 
JS滚轮事件(mousewheel/DOMMouseScroll)了解
摘要： 本文复制地址：http://www.zhangxinxu.com/wordpress/?p=3175 一、学无止境、温故知新 //zxx: 本段与技术无关，一些很个人的吐槽，可以跳过已经没有了小学生时代过目不忘的记忆力了，很多自己折腾的东西、接触的东西，短短1年之后就全然不记得了。比方说，完全记不得 阅读全文
posted @ 2017-06-29 10:51 二婷啵 阅读(11548) 评论(0) 推荐(0)
 
 

2017年6月27日

HTML5触摸事件(touchstart、touchmove和touchend)
摘要： HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch 阅读全文
posted @ 2017-06-27 10:48 二婷啵 阅读(596) 评论(0) 推荐(0)
 
 

2017年6月23日

swiper 支持性
摘要： Swiper3 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3.0 阅读全文
posted @ 2017-06-23 15:29 二婷啵 阅读(335) 评论(0) 推荐(0)
 
 

2017年6月22日

webpack进阶构建项目(一)：1.理解webpack加载器
摘要： 1.理解webpack加载器 webpack的设计理念，所有资源都是“模块”，webpack内部实现了一套资源加载机制，这与Requirejs、Sea.js、Browserify等实现有所不同. Webpack提供了一套加载器，比如css-loader,less-loader,style-loade 阅读全文
posted @ 2017-06-22 11:11 二婷啵 阅读(551) 评论(0) 推荐(0)
 
 

2017年6月21日

关于对图片的打包
摘要： 十：关于对图片的打包 我们知道图片是使用url-loader来加载的，我们既可以在css文件里url的属性；如下： 我们还可以直接对元素的src属性进行require赋值。如下代码： 我这边直接来讲第一种在css文件里的url属性进行打包； 首先来看看我项目的目录结构如下： Css文件 main.c 阅读全文
posted @ 2017-06-21 11:26 二婷啵 阅读(327) 评论(0) 推荐(0)