随笔分类 - js技术
摘要：Karma Karma是一个基于Node.js的JavaScript测试执行过程管理工具（Test Runner）。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说，它是一个测试工具，能让你的代码在浏览器环境下测试。需要它的原因在于，你的代码可能是设计在浏览器端执行的，
阅读全文
摘要：Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios axios安装 npm: bower: Using cdn: 基本使用方法 GET请求 POST请求 同时执行多个请求 其实和其他的ajax库一样，基本用法都是差不多的。大家一看就知道怎么用。 axios API 可以直
阅读全文
摘要：首先我们的需求： 打包调试 提取公共代码 压缩 热替换 1.打包调试 第一步，我们在目标文件夹下安装webpack(假设已有package.json)npm i webpack@ -gcnpm i webpack@ --save-dev(这里推荐大家安装稳定的2.x版本) 项目结构如图： 我们将编写
阅读全文
摘要：方法很简单，只要调用一段js，就可以让主流浏览器实现video标签的视频播放。 使用方法：要想让主流浏览器都支持HTML5标签，使用非常简单，只要链接一个js文件就可以了。所以，只要您的页面上（头部或底部）有这么段代码： <script src="//api.html5media.info/1.2.
阅读全文
摘要：在学习完vue.js以及vuex之后，我们还剩下vue全家桶中的最后一个需要学习的组件，这就是vue-router了，本篇文章我们就来一起认识和入门vue-router。为什么我们只是入门呢？因为在这里我不会把官方文档中的每一个细节都讲的清清楚楚，如果需要精通，仍然需要多多阅读官方文档和自我实践。
阅读全文
摘要：1.Vuex是什么？ 我们还是像以往一样先看一看官方文档对此的解读（Vuex 是什么？ · GitBook） 是不是又遇到了很多看起来很高大上听起来却一脸懵逼的专业术语？别急别急，我们慢慢来剖析一下这个Vuex究竟是个啥东西，他能做些啥。 2.Vuex到底用来做什么？ 用通俗一点的话来说，Vuex就
阅读全文
摘要：1.Vue.js是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件
阅读全文
摘要：配置vue项目机构步骤1、搭建环境：node、npm2、安装vue脚手架工具：npm install -g vue-cli3、初始化项目：vue init webpack vuedemo（“vuedemo”是项目名称）4、进入项目目录并安装依赖,运行： cd vuedemo（进入目录） npm in
阅读全文
摘要：技术 Express、Vue、Vue-Router、Vue-Resource、Webpack Vue vue 的组件化思想和 React 很像，一个 vue 组件将 html、css 和 js 都写在一个文件里面，组件管理和维护自己的数据和状态，方便编写也便于调试。 Vue-Resource 作为
阅读全文
摘要：WFTools工具包中的PDF2SWF工具可用来将PDF格式文件转换成SWF格式。使用下面的命令可以将pdf文件转换为单页swf文件。 pdf2swf pdfPath –o swfPath –T 9 –f。 pdf2swf为pdf2swf二进制命令的绝对路径；pdfpath为要进行转换的PDF文件的
阅读全文
摘要：yarn对比npm的优点 根据官方文档yarn具有6大优点 离线模式 yarn会有一个缓存目录，会缓存以前安装过的软件包，再次安装时就不必从网络下载了，大大加速安装速度。 这一点很重要，npm 饱受诟病的一点就是，每次安装依赖，都需要从网络下载一大堆东西，而且是全部重新下载，工程多的时候比较烦人。
阅读全文
摘要：在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。举个例子： 上面的代码中，window.open是用户触发的时候，是不会被拦截的，可以正常打开新窗口。再看下面这个： 上面的代码中，用户没有直接出发window.open，而是发出一个ajax请求，window.op
阅读全文
摘要：项目简介 Github: https://github.com/hanan198501/vue-spa-template 我们基于 vue-cli 脚手架生成项目模板做了一些改造，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，还增加一
阅读全文
摘要：原理：把更新的文件放在服务器上，设置一个客户端版本号，每次打开客户端的时候，通过接口获取服务器上的版本，如果高于本地的版本就下载服务器上的代码，低于或等于就不更新 下面，改变我本地的 版本号！此时服务器上版本是1.1.1 打开后客户端： 下载完之后，看下global.js里面的源代码： 版本号发生了
阅读全文
摘要：Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。 同时，Vue.js 的接口和语法十分自由，
阅读全文
摘要：在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack) 首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install 在webpack.base.conf.js里加入 var webpack = requir
阅读全文
摘要：图片处理 1.Manipulate images 官网：http://github.com/aheckmann/gm ImageMagick和GraphicsMagick主要用于图片的创建、编辑、合成图片。它们可以读取、转换、写入多种格式的图片。图片切割、颜色替换、各种效果的应用，图片的旋转、组合，
阅读全文
摘要：本文将介绍Flow及其主特性。下面分别从如何安装设置，如何添加类型注释，如何在运行时自动去掉注释等方面来介绍。 安装 目前Flow兼容的操作系统有Mac OS X，Linux(64位)，Windows(64位)。最简单的安装方式是通过 npm： npm install --save-dev flow
阅读全文
摘要：下载node-webkit https://github.com/rogerwang/node-webkit 找到Downloads这一小节，然后下载对应平台的node-webkit预编译包。（为了介绍起来方便，本文后续内容全部针对windows平台，OSX和linux平台上的操作类似，就不做特意说
阅读全文
浙公网安备 33010602011771号