2017 年 6月随笔档案 - 二婷啵

js实现网页全屏切换（平滑过渡），鼠标滚动切换

摘要：实现效果为页面平滑过渡全屏切换，点击导航和鼠标滚动都可以切换。效果图： html代码： <!DOCTYPE html> CSS代码： Firefox和chrome测试没问题，IE就算了吧_(:зゝ∠)_，我恨IE 原文地址 http://blog.csdn.net/liona_koukou/art 阅读全文

posted @ 2017-06-29 11:10 二婷啵阅读(4288) 评论(0) 推荐(0)

JS滚轮事件(mousewheel/DOMMouseScroll)了解

摘要：本文复制地址：http://www.zhangxinxu.com/wordpress/?p=3175 一、学无止境、温故知新 //zxx: 本段与技术无关，一些很个人的吐槽，可以跳过已经没有了小学生时代过目不忘的记忆力了，很多自己折腾的东西、接触的东西，短短1年之后就全然不记得了。比方说，完全记不得阅读全文

posted @ 2017-06-29 10:51 二婷啵阅读(11548) 评论(0) 推荐(0)

HTML5触摸事件(touchstart、touchmove和touchend)

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

posted @ 2017-06-27 10:48 二婷啵阅读(594) 评论(0) 推荐(0)

swiper 支持性

摘要：Swiper3 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3.0 阅读全文

posted @ 2017-06-23 15:29 二婷啵阅读(333) 评论(0) 推荐(0)

webpack进阶构建项目(一)：1.理解webpack加载器

摘要：1.理解webpack加载器 webpack的设计理念，所有资源都是“模块”，webpack内部实现了一套资源加载机制，这与Requirejs、Sea.js、Browserify等实现有所不同. Webpack提供了一套加载器，比如css-loader,less-loader,style-loade 阅读全文

posted @ 2017-06-22 11:11 二婷啵阅读(549) 评论(0) 推荐(0)

关于对图片的打包

摘要：十：关于对图片的打包我们知道图片是使用url-loader来加载的，我们既可以在css文件里url的属性；如下：我们还可以直接对元素的src属性进行require赋值。如下代码：我这边直接来讲第一种在css文件里的url属性进行打包；首先来看看我项目的目录结构如下： Css文件 main.c 阅读全文

posted @ 2017-06-21 11:26 二婷啵阅读(327) 评论(0) 推荐(0)

如何打包成多个资源文件

摘要：九：如何打包成多个资源文件我们在开发页面的时候，有时候需要有多个入口文件，做到文件是按需加载，这样就可以使用缓存提升性能；那么我们接下来需要如何配置呢？现在我们继续做demo，现在比如我现在的项目文件结构如下：我们直接看 webpack.config.js配置代码变成如下：从上面的配置代码我们阅读全文

posted @ 2017-06-21 11:12 二婷啵阅读(527) 评论(0) 推荐(0)

独立打包成样式文件

摘要：八：如何独立打包成样式文件有时候我们不想把样式打在脚本中，而是想独立css出来，然后在页面上外链css，这时候我们需要 extract-text-webpack-plugin 来帮忙：我们首先需要安装 extract-text-webpack-plugin：如下： npm install extr 阅读全文

posted @ 2017-06-21 10:56 二婷啵阅读(323) 评论(0) 推荐(0)

webpack对多个模块依赖进行打包

摘要：【 webpack3.0.0刚刚出来所以文章是跟着低版本教程操作熟悉结果好多对不上喔】七：webpack对多个模块依赖进行打包通过一刚开始我们了解到 webpack支持commonJS和AMD两种模块机制进行打包，因此我们现在来针对代码中使用commonJS和AMD机制进行做一个demo 阅读全文

posted @ 2017-06-21 10:21 二婷啵阅读(4074) 评论(0) 推荐(0)

了解下webpack的几个命令

摘要：【 webpack3.0.0刚刚出来所以文章是跟着低版本教程操作熟悉结果好多对不上喔】六：了解下webpack的几个命令我们下面来了解下 webpack -w 如下所示：比如我在js文件里面随便增加一点代码后，保存后，再刷新页面即可可以看到代码生效了，无需重新运行webpack或者gu 阅读全文

posted @ 2017-06-21 09:28 二婷啵阅读(1279) 评论(0) 推荐(0)

loader 的理解

摘要：【 webpack3.0.0刚刚出来所以文章是跟着低版本教程操作熟悉结果好多对不上喔】四：理解less-loader加载器的使用我们先来理解下less-loader加载器，其他的sass-loader也是一个意思，这边不会对所有的预处理的css做讲解，less-loader加载器是把cs 阅读全文

posted @ 2017-06-20 16:04 二婷啵阅读(461) 评论(0) 推荐(0)

安装 webpack

摘要：【 webpack3.0.0刚刚出来所以文章是跟着低版本教程操作熟悉结果好多对不上喔】什么是webpack? 他有什么优点？首先对于很多刚接触webpack人来说，肯定会问webpack是什么？它有什么优点？我们为什么要使用它？带着这些问题，我们来总结下如下： Webpack是前端一个工阅读全文

posted @ 2017-06-20 13:46 二婷啵阅读(231) 评论(0) 推荐(0)

::selection 选择器

摘要：使被选中的文本成为红色：::selection { color:#ff0000; } ::-moz-selection { color:#ff0000; } 阅读全文

posted @ 2017-06-19 16:34 二婷啵阅读(143) 评论(0) 推荐(0)

Ajax的返回状态码（status）

摘要：XMLHttpRequest.status: 1xx-信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个1xx响应。 100-继续。 101-切换协议。 2xx-成功这类状态代码表明服务器成功地接受了客户端请求。 200-确定。客户端请求已成功。 201-已创建。阅读全文

posted @ 2017-06-19 16:33 二婷啵阅读(8234) 评论(0) 推荐(0)

摘要：这个属性主要是设置浏览器优先使用什么模式来渲染页面的。常见写法如下：<meta http-equiv="X-UA-Compatible" content="IE=7"> #以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。 <meta http-equiv= 阅读全文

posted @ 2017-06-06 15:50 二婷啵阅读(170) 评论(0) 推荐(0)

360安全浏览器，默认打开极速模式。

摘要：360极速浏览器的兼容模式下是IE几，这个是根据你电脑的装的IE版本是多少它就是多少，它都是调用同一个内核，可能是设置了怪异文档模式：标准模式(strict mode)和怪异模式(quirks mode)。如果想默认打开极速模式只需在head标签中添加一行代码即可：若页面需默认用极速核，增加标阅读全文

posted @ 2017-06-06 15:28 二婷啵阅读(662) 评论(0) 推荐(0)

浅谈如何正确给table加边框

摘要：一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式但是根据不同的需要有时候我们需要不同的样式，在这里我就影响表格边框的因素，做一些总结和分析一、 <table border="1"> 表格边框如图：，也就是border=1，意思就是给表格的每一格，及边框加上1像素的阅读全文

posted @ 2017-06-05 17:10 二婷啵阅读(845) 评论(0) 推荐(0)

Highcharts 柱图每个柱子外围的白色边框

摘要：Highcharts 柱图中每条柱外会有默认白色的边框, 去边框代码如下: 阅读全文

posted @ 2017-06-02 14:17 二婷啵阅读(1709) 评论(0) 推荐(0)

06 2017 档案

公告

导航