参考: https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack 转自http://c.tieba.baidu.com/p/3312565203 http://c.tieba.baidu.com/p/3312569139 http://c.tieba.baidu.com/p/3312680272 Network Stream API MediaStream:MediaStream用来表示一个媒体数据流. MediaStre

使用Vue.js构建Web应用程序 http://www.jdon.com/48545# 一步步带你做vue后台管理框架(一)——介绍框架 http://www.cnblogs.com/herozhou/p/7434931.html JS组件系列——封装自己的JS组件,你也可以 http://www.cnblogs.com/landeanfen/p/5124542.html .Net 开源项目资源大全 https://www.cnblogs.com/micro-chen/p/5794360.ht

最近用vue写了一些项目,项目写完之后需要打包之后才能放到网上展示,所以在这里记录一下项目打包的过程以及遇到的一些问题. -------------------------------------------------- 分割线 -------------------------------------------------- 一.项目打包过程: 1.vue项目写完后,首先在项目路径下的命令行中运行:npm run build,看到Build complete即表示项目打包完成: 然后,回到

使用qrcodejs2插件 1. 安装qrcodejs2:npm install qrcodejs2 --save 2. 在组件里面引入: import QRCode from 'qrcodejs2' 3. 在HTML加入:<div id="qrcode" ref="qrcode"></div> 4. 方法: qrcode () { let qrcode = new QRCode('qrcode',{ width: 200, // 设置宽度,

在router.js中修改, const router = new VueRouter({ mode: 'history', routes: [...] })

§ 目录结构 . ├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── src/ # 源码目录(开发都在这里进行) │ ├── assets/ # 放置需要经由 Webpack 处理的静态文件 │ ├── components/ # 组件 │ ├── filters/ # 过滤器 │ ├── store/ # 状态管理│ ├── routes/ # 路由 │ ├── services/ # 服务(统一管理 XHR 请求) │ ├─

Vue.Draggable拖动效果 下载包:npm install vue-draggable --save 组件中引进依赖: import draggable from 'vuedraggable'   注册:draggable这个组件 components: { draggable }, <draggable :options="{group:'people',animation:150,ghostClass:'sortable-ghost',chosenClass:'chosenCl

一:Vue是什么? Vue是一个JS框架. Vue.js是一套构建用户界面的渐进式框架. 库和框架的区别: ☞库:提供一些 API 工具函数,体现了封装的思想,需要我们主动调用: ☞框架:提供一套完整的解决方案,不需要主动的调用 API 按照框架的约定(规范)完成功能. ☛主流框架(React Angular Vue) ☛易用.灵活.高效 二:Vue做什么? Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. ☞网站开发:适合做SPA(single page appli

第一个实例效果图: 1.node.js下载,然后安装.下载地址:链接:http://pan.baidu.com/s/1o7TONhS 密码:fosa 2.下载Vue.js.链接:http://pan.baidu.com/s/1pLG5Vdx 密码:knil 3.安装cnpm   npm install -g cnpm --registry=https://registry.npm.taobao.org 4.按照以下命令安装 # 全局安装 vue-cli $ cnpm install --glob

学习了node.js教程,只能说是有了一定的了解,之前也了解了webpack和es6的核心内容,也看过vue2.0的官网教程,并结合视频看过项目,但是理解和运用仍然存在很多问题,接下来的一段时间,跟着老马学习vue 学习链接:http://aicoder.com/vue/preview/all.html#1 vue最大的特点就在于它的双向绑定,是一个前端的双向绑定类的框架. 一说到vue我们就应该立刻想到以下几部分:1.数据双向绑定:2.列表渲染.条件渲染:3.事件处理:4.生命周期:5.组件化

插件 Vue2.5+ Typescript 引入全面指南 vue-class-component强化 Vue 组件,使用 TypeScript/装饰器 增强 Vue 组件 vue-property-decorator在 vue-class-component 上增强更多的结合 Vue 特性的装饰器 vuex-class基于vue-class-component对Vuex提供的装饰器 vue-class-component <script lang="ts"> import

我的编辑器是webstorm,虽然占内容占资源, 但是用起来很方便, 刚开始接触的时候就是用这个软件,很喜欢. vue的教程 1.http://www.jianshu.com/p/5ba253651c3b 2.续集http://www.jianshu.com/p/9c52ba3113da  刚开始配置就是这里学习的,还是比较详细,新入门的同学可以看看.   vue基本配置 我觉得很多配置对刚入门的同学来说是没必要的,如果刚开始了解的话可以直接引入vue在线链接包,就是普通的编辑器像notepad

问题如下:在Sumblime Text3中打开vue-cli常见的项目,代码一片灰色 解决如下: 第一步:下载文件Vue components  链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components 第二步:找到Sumblime Text3  在Packages中新建Vue: 第三步:在下载的Vue components文件中,,把下面的4个文

一.安装vue-resource插件 安装命令:npm install vue-resource --save  安装完之后在根目录下的package.json检查一下插件的版本 在rourer-index.js下引入文件 1.import Resource from 'vue-resource' 2.Vue.use(Resource) 引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用http 二.安装axios插件 安装axios命令:npm

一.路由介绍 Creating a Single-page Application with Vue + Vue Router is dead simple. With Vue.js, we are already composing our application with components. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vu

前端框架vue.js系列(9):Vue.extend.Vue.component与new Vue 本文链接:https://blog.csdn.net/zeping891103/article/details/78133622 vue构造.vue组件和vue实例这三个是不同的概念,它们的关系有点类似于Java的继承概念: 关系:vue构造->vue组件->vue实例 也就是说不同的vue组件可以共用同一个vue构造,不同的vue实例可以共用同一个vue组件.在大型项目中,用过java开发的都知

现在很多的插件如Vant 这类的样式框架,都去兼容了Vue的3.0版本,所以我总结一下如何去简单的搭建一个Vue3.0的框架 开始 一,如何安装 在这里说明一下,Vue脚手架版本,和Vue版本是两个东西 怎么看你的Vue的脚手架版本呢 cmd 命令行 vue -V 注意V为大写 Vue CLl 官网 安装 npm install -g @vue/cli vue -V //检测一下版本 二,如何创建项目 1,安装 vue create 项目名 前面的那些无需打理 走个默认的 default Man

ref: ref 被用来给元素或子组件注册引用信息.引用信息将会注册在父组件的 $refs 对象上.如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素:如果用在子组件上,引用就指向组件. 我理解的ref也就是相当于是id,一个元素,但是比 js 少了一些获取id的写法,更加的方便,简介. refs: refs 直接在实例里面获取 ref 在上面绑定的元素. vue参考链接: ref : https://cn.vuejs.org/v2/api/#ref refs: https://cn

优化vue+springboot项目页面响应时间:waiting(TTFB) 及content Download TTFB全称Time To First Byte,是指网络请求被发起到从服务器接收到地一个字节的这段时间.包含了TCP连接时间.发送HTTP请求时间和获得相应消息第一个字节的时间. 环境: 开发 vue Cascader 级联选择器,listview接口一次性请求树结构数据接近5w条(3.9MB),nginx 反向代理 部署vue .部署springboot,同机部署 mysql.

既然选择了远方,便只顾风雨兼程! __HANS许 系列:零基础搭建前后端分离项目 系列:零基础搭建前后端分离项目 简单入手 组件 在上面文章,我们简单的讲了前端框架的工程化,也就是MVVM,还有特别聊了下VUE的双向绑定机制,那这篇文章我们就来讲讲Vue的语法与特点,路由与插件,方便大家可以直接上手. 介于是基础的嘛,可能来看的,没接触过前端,那可以先去看看我的前端系列,当然顾忌到大家可能是从JQuery的时代过来的,我的例子就直接没有使用前端目录那样子了,每个例子一个一HTML,直接引用Vue

Mustache 是一款经典的前端模板引擎,在前后端分离的技术架构下面,前端模板引擎是一种可以被考虑的技术选型,随着重型框架(AngularJS.ReactJS.Vue)的流行,前端的模板技术已经成为了某种形式上的标配,Mustache 的价值在于其稳定和经典: 主页:https://github.com/janl/mustache.js/ 文档:https://mustache.github.io/mustache.5.html Mustache 在使用的时候,会在页面上出现 {{person