05 2017 档案

让所有浏览器支持HTML5 video视频标签
摘要：方法很简单，只要调用一段js，就可以让主流浏览器实现video标签的视频播放。 使用方法：要想让主流浏览器都支持HTML5标签，使用非常简单，只要链接一个js文件就可以了。所以，只要您的页面上（头部或底部）有这么段代码： <script src="//api.html5media.info/1.2. 阅读全文
posted @ 2017-05-27 10:58 axl234 阅读(1183) 评论(0) 推荐(0)
vue-router新手指南
摘要：在学习完vue.js以及vuex之后，我们还剩下vue全家桶中的最后一个需要学习的组件，这就是vue-router了，本篇文章我们就来一起认识和入门vue-router。为什么我们只是入门呢？因为在这里我不会把官方文档中的每一个细节都讲的清清楚楚，如果需要精通，仍然需要多多阅读官方文档和自我实践。 阅读全文
posted @ 2017-05-16 14:20 axl234 阅读(2924) 评论(0) 推荐(1)
Vuex 入门指南
摘要：1.Vuex是什么？ 我们还是像以往一样先看一看官方文档对此的解读（Vuex 是什么？ · GitBook） 是不是又遇到了很多看起来很高大上听起来却一脸懵逼的专业术语？别急别急，我们慢慢来剖析一下这个Vuex究竟是个啥东西，他能做些啥。 2.Vuex到底用来做什么？ 用通俗一点的话来说，Vuex就 阅读全文
posted @ 2017-05-16 14:19 axl234 阅读(343) 评论(0) 推荐(0)
Vue.js 入门指南
摘要：1.Vue.js是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件 阅读全文
posted @ 2017-05-16 14:18 axl234 阅读(309) 评论(0) 推荐(0)
vue-cli项目配置图解
摘要：配置vue项目机构步骤1、搭建环境：node、npm2、安装vue脚手架工具：npm install -g vue-cli3、初始化项目：vue init webpack vuedemo（“vuedemo”是项目名称）4、进入项目目录并安装依赖,运行： cd vuedemo（进入目录） npm in 阅读全文
posted @ 2017-05-16 13:26 axl234 阅读(300) 评论(0) 推荐(0)
Node + Express + vue2.0 + Webpack项目实践
摘要：技术 Express、Vue、Vue-Router、Vue-Resource、Webpack Vue vue 的组件化思想和 React 很像，一个 vue 组件将 html、css 和 js 都写在一个文件里面，组件管理和维护自己的数据和状态，方便编写也便于调试。 Vue-Resource 作为 阅读全文
posted @ 2017-05-15 10:57 axl234 阅读(547) 评论(0) 推荐(0)
html5自定义数字键盘
摘要：原理：使用div模拟输入框，避免手机原生键盘弹出，键盘使用div模拟，点击事件使用js控制，光标闪烁使用css模拟，具体代码如下： 阅读全文
posted @ 2017-05-12 14:41 axl234 阅读(1773) 评论(0) 推荐(0)
FlexPaper：使用flash在线展示pdf
摘要：WFTools工具包中的PDF2SWF工具可用来将PDF格式文件转换成SWF格式。使用下面的命令可以将pdf文件转换为单页swf文件。 pdf2swf pdfPath –o swfPath –T 9 –f。 pdf2swf为pdf2swf二进制命令的绝对路径；pdfpath为要进行转换的PDF文件的 阅读全文
posted @ 2017-05-11 15:19 axl234 阅读(13328) 评论(0) 推荐(0)
js包管理工具-- yarn
摘要：yarn对比npm的优点 根据官方文档yarn具有6大优点 离线模式 yarn会有一个缓存目录，会缓存以前安装过的软件包，再次安装时就不必从网络下载了，大大加速安装速度。 这一点很重要，npm 饱受诟病的一点就是，每次安装依赖，都需要从网络下载一大堆东西，而且是全部重新下载，工程多的时候比较烦人。 阅读全文
posted @ 2017-05-11 14:24 axl234 阅读(1609) 评论(0) 推荐(1)
CSS 变量
摘要：一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 上面代码中，body选择器里面声明了两个变量：--foo和--bar。 它们与color、font-size等正式属性没有什么不同，只是没有默认含义。所以 CSS 变量（CSS variable）又叫做"CSS 自定义属性"（CSS 阅读全文
posted @ 2017-05-09 16:23 axl234 阅读(203) 评论(0) 推荐(0)
绕过chrome的弹窗拦截机制
摘要：在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。举个例子： 上面的代码中，window.open是用户触发的时候，是不会被拦截的，可以正常打开新窗口。再看下面这个： 上面的代码中，用户没有直接出发window.open，而是发出一个ajax请求，window.op 阅读全文
posted @ 2017-05-04 18:16 axl234 阅读(1292) 评论(0) 推荐(0)
基于 vue 全家桶的 spa 项目脚手架
摘要：项目简介 Github: https://github.com/hanan198501/vue-spa-template 我们基于 vue-cli 脚手架生成项目模板做了一些改造，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，还增加一 阅读全文
posted @ 2017-05-04 18:12 axl234 阅读(2360) 评论(0) 推荐(0)
Web Component探索
摘要：概述 概述 各种网站往往需要一些相同的模块，比如日历、调色板等等，这种模块就被称为“组件”（component）。Web Component就是网页组件式开发的技术规范。 采用组件进行网站开发，有很多优点。 （1）管理和使用非常容易。加载或卸载组件，只要添加或删除一行代码就可以了。 <link re 阅读全文
posted @ 2017-05-04 16:16 axl234 阅读(705) 评论(0) 推荐(0)
webp技术探索
摘要：不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。 但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致， 若想 阅读全文
posted @ 2017-05-04 15:08 axl234 阅读(220) 评论(0) 推荐(0)
node webkit（nw.js） 设置自动更新
摘要：原理：把更新的文件放在服务器上，设置一个客户端版本号，每次打开客户端的时候，通过接口获取服务器上的版本，如果高于本地的版本就下载服务器上的代码，低于或等于就不更新 下面，改变我本地的 版本号！此时服务器上版本是1.1.1 打开后客户端： 下载完之后，看下global.js里面的源代码： 版本号发生了 阅读全文
posted @ 2017-05-03 17:34 axl234 阅读(1472) 评论(0) 推荐(0)
flexb布局图解
摘要： 阅读全文
posted @ 2017-05-02 14:32 axl234 阅读(211) 评论(0) 推荐(0)