摘要：
完成后目录展示： component文件里放的是页面，parts放的是入口文件main.js需要引入的js依赖。 事先安装cnpm。然后用脚手架工具 vue-cli 来创建一个使用 vue-loader 的项目： 接下来安装vue-router和vuex 打开main.js，一开始是这个样子的： 一 阅读全文
摘要：
这个插件的两个作用： 为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题 可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口 为html文件中引 阅读全文
摘要：
网页设计规范 新建ps文件时，宽度为1920、单位为像素、颜色模式为rgb、高度自定义： 一、网页设计尺寸 制作网页时我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。但并不代表我们可以在整个画布上作图。 网页的布局主要有两种：左右型布局和居中型布局。布局的不一致，使可设计 阅读全文
摘要：
写在前面的话： 在当前grunt、gulp、webpack成为日常工具的情况下，如果你还只是熟练的使用html、css和激块瑞的话，已经远远不能满足项目的需求，所以你得变强，你需要懂得更多。现在前端不仅仅是用那几句蹩脚的JavaScript代码在浏览器渲染几个页面然后提交几个表单在写点交互了。现在W 阅读全文
摘要：
gulp是前端开发过程中对代码进行自动化构建的利器。它不仅能对资源进行优化，而且在开发过程中能够通过配置自动完成很多重复的任务，让我们可以专注于代码，提高工作效率。 一、API介绍 gulp常用的API只有四个： 1.gulp.src() 输出（Emits）符合所提供的匹配模式（glob）或者匹配模 阅读全文
摘要：
PDF.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析插件，非常强大，能将PDF文件渲染成Canvas。PDF.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，一个负责API解析，一个负责核心解析。 首先引入pdf.js文件<script typ 阅读全文
摘要：
1、安卓浏览器看背景图片，有些设备会模糊 2、图片加载 3、假如手机网站不用兼容IE浏览器，一般我们会使用zeptojs。 4、防止手机中网页放大和缩小。 5、apple-mobile-web-app-capable 6、format-detection 7、html5调用安卓或者ios的拨号功能 阅读全文
摘要：
CanvasRenderingContext2D对象的方法arcTo()的用法。 arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角，然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。 弧线的起点就是当前端点所在边与圆的切点，弧线的终点就是 阅读全文
摘要：
给SVG元素应用填充和描边有三种方法（戳这里学习SVG填充和描边的相关内容）。你可以使用纯色、图案或渐变。前面两种方法我们之前已经讲过了，现在我们来讨论第三种方法——渐变。 SVG提供了两种渐变——线性、径向。我今天先讲线性渐变，下篇我们再看看径向渐变。 SVG线性渐变 如果你看过这系列的SVG之前 阅读全文
摘要：
一、数字、公式、函数、变量，哦，NO! 又又一次说起贝塞尔曲线（英语：Bézier curve，维基百科详尽中文释义戳这里），我最近在尝试实现复杂的矢量图形动画，发现对贝塞尔曲线的理解馒头那么厚，是完全不能承受富有创意的创作的，至少得有我当年追我老婆的脸皮厚才行。 然而，瞅瞅维基百科上的释义，或者其 阅读全文
摘要：
万丈高楼平地起，基础很重要。 viewport 表示SVG可见区域的大小，或者可以想象成舞台大小，画布大小。 上面的SVG代码定义了一个视区，宽500单位，高300单位。 注意这里的措辞是“单位”，不是“像素”。虽然说，width/height如果是纯数字，使用的就是“像素”作为单位的。 也就是说， 阅读全文
摘要：
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此sessionStorage不是一种 阅读全文
摘要：
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 这里有一个地方需要注意，函 阅读全文
摘要：
Cookie和Session都是为了保持用户的访问状态，一方面为了方便业务实现，另一方面为了简化服务端的程序设计，提高访问性能。Cookie是客户端（也就是浏览器端）的技术，设置了Cookie之后，每次访问服务端，请求中都会带上Cookie；Session是服务端技术，在服务端存储用户的访问信息。 阅读全文
摘要：
前言 在去年，我们对IScroll的源码进行了学习，并且分离出了一段代码自己使用，在使用学习过程中发现几个致命问题： ① 光标移位 ② 文本框找不到（先让文本框获取焦点，再滑动一下，输入文字便可重现） ③ 偶尔导致头部消失，头部可不是fixed哦 由于以上问题，加之去年我们团队的工作量极大，和中间一 阅读全文
摘要：
现在大家应该都看到过焦点图轮播的效果，这个效果是什么样我就不截图了。昨天做练习，练习要求是使用iscroll实现焦点图的无限循环滚动，并且当手指触摸焦点图后，停止焦点图的循环滚动。第一次接触iscroll，仿照iscroll官方文档的demo，迅速做了一个焦点图自动滚动的例子，但……是……问题来了， 阅读全文
摘要：
原文http://www.cnblogs.com/iaoc/p/4113683.html 阅读全文
摘要：
前言 进行前端开发工作也有一段时间了，一直以来都是渣渣，以前开通博客写过一段时间但是没坚持下来，现在想有时候还是得写写什么吧，自己遇到的新东西写写归纳总结一下总归是好的，并且能够与更多人交流分享，相互进步，总是美好的事情。 前几天做开发遇到一个需求要做一个地址联动选择，找了找发现了mobiscrol 阅读全文
摘要：
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法 阅读全文
摘要：
要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。 学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其 阅读全文
摘要：
为了做好导航菜单，有时候需要在菜单下拉的时候实现动画效果，所以这几天就研究了研究如何用js实现动画效果，实现动画核心要用到两个函数，一个是setTimeOut,另一个是setInterval. 下边我就简单说一下过程和原理。 第一步：实现一个匿名函数并能自己执行。 （function(){ }）() 阅读全文
摘要：
看到一个在地图上的特效,就是标注当前位置之后,图标一直在跳动,那效果看着比较得劲,就自己写了个图标跳动的jsjs代码: html代码: 阅读全文
摘要：
主 题 今天手把手教大家用CSS3制作圆形滚动进度条动画，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个css实现进度条效果的博客《CSS实现进度条和订单进度条》，但是呢，那篇博客只是制作出来效果而已，并没有动画效果，因为当时正期末复习期间，所以就省了制作动画的时间成本。所以，今天就一 阅读全文
摘要：
jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分 阅读全文
摘要：
css是不能够定义变量的，也不能嵌套。它没有编程语言的特性。在项目开发中，常常发现有很多css代码是相同的，但我们通常都是复制然后粘贴。 举个例子：假设h5应用里主题色是#FF3A6D，可能用于文字或者背景色。通常开发中，哪里需要这个颜色，我们就复制这个颜色并粘贴。下次要修改就得全部查找批量替换，其 阅读全文
摘要：
background-clip + text-fill-color下的实现 如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果： CSS(CSS代码中关键有用的其实就是最后三行): 结语 由于目前text-fill-color属性貌似就webkit核心的浏 阅读全文