Vue中使用原生videojs进行播放rtsp格式的视频流（类似直播） vue中使用videoJS 如果需要播放flash视频，需要下载5.0及以下的版本，否则无法播放falsh 参考文档1（options参数，版本下载） 参考文档2（videoJS 常用事件及方法） <div> ...

父母都是做出纳相关的工作，希望我能给他们做个简单的进销存，在上班的时候使用。开发一个不需要花钱买服务器，不需要依赖网络（更新除外），单机版的程序，对于前端出身的我来说，那么electron或nwjs是最好的选择。electron官网对electron与nwjs的比较这里我选择了electron，因为很熟悉vue，就使用国人集成的electron-v...

前言：此篇文章基于篇一和篇二中搭建好的项目进行，项目中安装了Element， 相应的代码地址：https://github.com/ddx2019/vue-electron-demoLowdbLowdb ,一个小型的本地JSON数据库; 用于Node，Electron和浏览器的小型JSON数据库。由Lodash驱动.用法如下：1. 在项目的public 下有一个本地JSON文件，db.js...

点我到第二个页面. 点我到第二个页面 js :

文章首发于个人blog，欢迎关注~webpack hmrwebpack-dev-server在使用 webpack-dev-server 的过程中，如果指定了 hot 配置的话(使用 inline mode 的前提下)， wds 会在内部更新 webpack 的相关配置，即将 HotModuleReplacementPlugin 加入到 webpack 的 plugins 当中。HotModule...

摘要时间过得真快，在忙碌的工作中，2020 年就已经过去了。虽然到了 2021 年，年龄增加了一岁，白头发多了很多，技术学了很多，但是工资却没有见涨。那能如何呢？难道 xxx 不再剥削了，打工人就能自由了？“打工人，打工魂，打工才是人上人”，透露出小人物在平凡生活中的不懈追求，有着更积极的乐观主义色彩。这是一种自嘲，也是一直激励。同为打工人，那就一起来学习一直很火的 electron 吧。阅读本文需要一定的 node 基础知识。知道 electron 是开发桌面应用程序的技术。本文主要介绍

小编也是刚刚开始接触electron，最近公司项目用到了，让自己研究研究，这里有点自己学习心得，并希望给最近又要学习的小伙伴一些学习的小捷径，希望有所帮助=====，话不多说我们开始吧!!!

Electron-Vue是个可以让我们使用Vue来开发Electron桌面程序的框架，单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。Github地址：https://github.com/SimulatedGREG/electron-vue官方文档：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/1. 环境搭建// 安装脚手架npm install -g vue-cli// 初始化项目vue

TS 入门和Vue实践 一、TS 快速上手 从 JavaScript 程序员的角度总结思考，快速上手理解 TypeScript。 1. 关于TS TypeScript 是 ...

源码 j、源码 j-step-c6、相关视频 bash renderer/index.js bash 上一节 Electron开发实战之05-build目录下一节 Elect...

公司有个内部桌面软件是基于electron vue写的，前几天负责开发这个客户端的人离职，我就成了临时接档优化的人。作为写vue但第一次接触electron的人，花了几天时间浏览了一下electron、electron vue官方文档、客户端代码的整体架构，即便如此，在优化过程中还是遇到了很多麻烦，项目结束后，特此做了一下总结。

Electron Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如...

在前面随笔的介绍中，我们已经为各种框架，已经准备了Web API、Winform端、Bootstrap-Vue的公司动态网站前端、Vue&Element的管理前端等内容，基本都是基于Web API基础的。完成这些基础准备和布局后，我们继续将技术的触角放到使用Vue语言开发小程序的场景中，本篇随笔介绍使用uView UI+UniApp开发微信小程序，介绍使用准备过程中的一些注意点和经验总结。我们在开发小程序之前，需要了解一些基本的知识，以及掌握一些常规的开发工具，相关知识最好能够在着手开始前有所掌

为什么vue要使用 let that = this在Vue中this始终指向Vue，但一些其他组件如axios中this为undefined,通过let that = this将this保存在that中，再在函数中使用that均可 。vue的方法里嵌套ajax请求时，在ajax的回调函数中通过this.param不能获取到data中定义的变量，原因：this指向的对象发生了变化，故需要在函数前将this指向的对象提前保存一下，详细可参考如下链接：彻底搞懂JavaScript中的this指向问题

做开发其实还是要考虑一下边界问题，因为边界问题有时候会导致体验断崖式的下跌。正好前段时间遇到了个问题，今天分享一下。之前做了一个 IM 的项目，是会话列表出现的问题：进入页面时，会加载会话列表，加载数据会造成卡顿。先说说我的逻辑：分页拉取本地历史数据（已读消息，userid排序的20个人）定时拉取远程数据（...

执行 npm run serve 或则 npm run build 命令时报错：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory原因是 JavaScript堆内存不足，Node 是基于V8引擎，在 Node 中通过 JavaScript使用内存时只能使用部分内存（64位系统下约为1.4 GB）解决方案:关闭所有 cmd / 代码编辑

根据Vant官方QuickStart我搭建了一个能访问主页的程序 做完这些，你就可以访问到一个主页了 但是，还缺少路由模块。 路由模块 可以在刚才打开的vue ui继续添加v...

今天我们将学习如何用VUE构建一个简单的单页应用(SPA) 如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本 预览 让我们先看看最终的的单页程序是什么样子的 ...

es lint semi 文档如图：原因：项目中使用了eslint 的 semi 功能，该功能，强制使代码必须使用分号（ ; ），或者必须不能加（ ; ）该规则有两个选项，一个是字符串，一个是对象。字符串选项："always"(默认) 要求在语句末尾使用分号 "never"禁止在语句末尾使用分号 (除了消除以[、(、/、+或-开始的语句的歧义)对象...

简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。Layout布局（el-row、el-col）element-ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row> <el-col :span="6"><div class="grid-content bg-

#####对象方法-最简单的绑定（这里的active加不加单引号都可以，以下也一样都能渲染）:class="{ active: isActive }"判断是否绑定一个active:class="{active:isActive==-1}" 或者:class="{active:isActive==index}"绑定并判断多个第一种（用

//组件中的data和实例中的不一样，实例中的data是一个对象，而组件中的data则是一个方法并且返回一个对象。return { //返回对象是为了区分各个组件中的数据，因为不同组件返回的对象的地址都不一致所以不会产生影响

一、说明：vue下想要实现复制功能有很多种方法，比如vue-clipboard2等。但是如果你不想使用插件，我们也可以利用document.execCommand来实现此功能。二、简介：当一个HTML文档切换到设计模式 designMode时，文档对象暴露 execCommand 方法，该方法允许运行命令来操纵可编辑区域的内容。三、使用 methods: { CopyUrl(){ ...

success;//这里你如果引入了elementui的提示就可以用，没有就注释即可。//引入剪切板插件clipboard;

选中点击按钮即可复制，其实这个并不实用，有助于理解execCommand。

最近在项目里需要用到地区选择器，就找到 V - Distpicker 是一个简单易用的地区选择器。使用非常简单，功能强大，推荐大家使用。 官网: https://distpi...

最近的项目中需要用到，所以自己手写了一个，拿出来分享。 首先，我们最后实 最近的项目中需要用到，所以自己手写了一个，拿出来分享。 ...

width: 100%;float: left;margin: 0 10px;padding: 3px 2px;margin-right: 40px;

最好不要用组件，否则v-focus根本无法获得焦点，具体原因我也不知道，我猜可能是组件的原因，导致inserted插入元素的问题啥的，等我知道了再来更新

Vue中select下拉框的那些事儿在Vue中使用select下拉框主要靠的是v-model来绑定选项option的value值关于下拉框的默认选中值select下拉框在界面的展示，我们都希望看到框中有一个值而不是空白，比如显示“请选择”或者“全部”的默认值，我们直接上代码：

今天写pc端引入vue，遇到了一个问题，就是我循环出select内的数据以后，发现原本默认显示第一条的select框变成了空白，要选择后才有显示，结果查了好多文档，讲的都不是很清楚，后来看到一句提示，试了一下发现居然还有这种隐藏属性。所以，我决定自己写下来，讲清楚。html代码如下，通过v-model可以获取到选中的值，如果option中存在value属性，优先获取value值即coupon.id，如果不存在，则获取option的文本内容，也就是下面代码中coupon.name.首先说明，htm

我们从官方地址下载资源包 https://ueditor.baidu.com/website/download.html!企业微信20190305025245.png这里我下...

项目如果使用的是vue-cil2.0版本的，就放到static，若为vue-cil3.0版本的，就放到public文件夹下。1，鉴于第二次进页面会报“ueditor TypeError: Cannot set property 'innerHTML' of null"”。//下面是源码 先去页面找是否存在已经实例化的编辑器对象,// 否则直接将页面上找到的那个编辑器给返回.// 再联想到刚才的报错Cannot set property 'innerHTML' of null,那就是当你在一次来

刚刚在百度的时候发现sf上说多页面不可以公用一个vuex，我也不知道我这个是不是真正的共用，但是最后的结果和我想要的一样 我有两个页面，一个是主页面，一个是登陆页面。我只有一个store，里面放了一个url的前缀，我要在登陆页面和主页面都可以使用 第一步：配置store第二步：main.js 和 login.main.js 引入第三步：测试主页面毫无疑问是可以使用的，主要看登...

本文只展示vue-resource实现的相关代码，对于页面的实现和数据渲染就不多加解释了。一、安装1、下载并安装vue-resourcenpm install vue-resource --save查看依赖文件存在vue-resource说明安装成功2、vue项目中引入vue-resource在main.js函数中引入，如下图二、应用我使用了“JSONP...

npm run build； https://juejin.im/post/5bd9838df265da393c06033a vue-cli中理不清的assetsSubDir...

axios不支持跨域请求，可以使用vue-resource 发送跨域请求。上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用，并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做

一、使用vue官方的vue-resource 插件请求数据 1.安装vue-resource : 2.在main.js中引入vue-resource 3.在组件中直接使用： ...

有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目，但是有时候的业务场景并不适合用vue-cli手脚架，这个时候使用vue+jquery混合使用，把他们的优点结合起来使用会大大提升开发效率。那么vue+jquery应该如何使用呢？vm.wordCardStyles = result.data.list //这里的vm就是代表上面的实例，wordCardStyles是vm实例里面的一个对象，然后把请求结果赋值给这里对象

getInfo() { // get 方式获取数据 this.$http.get(请求链接).then(res => { console.log(res.body); })}发送POST请求postInfo() { var url = http://127.0.0.1:8899/api/post; // post 方法接收三个参数： // 参数1...

PS：转载请注明出处作者: TigerChain地址: https://www.jianshu.com/p/2187be164186本文出自 TigerChain 简书 手把...

在vue中有3个概念很容易搞混，data，computed，props，特别是我们这些原后端开发人员。 测试一下，结果是props和data无法共存，data优先级高于com...

生成Vue实例时给构造函数传入的选项叫做Vue的构造选项这个选项主要分为五大类,这篇先来看它的入门属性: 数据 data 使用data的时候优先使用函数,避免造成两个组件公用...

created:html加载完成之前，执行mounted:html加载完成后执行methods：事件方法执行watch：watch是去监听一个值的变化，然后执行相对应的函数。computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值export default { name: "draw", data(){ // 定义变量source ...

文章目录render 函数作用render 函数讲解render 函数的返回值（VNode）render 函数的参数（createElement）createElement 函数的返回值（VNode）createElement 函数的参数（三个）结合代码vue渲染函数文档第一遍看的晕晕乎乎的，再看看写写终于清晰了。建议配合文档阅读，本文也是根据文档加上自己的理解。注：本文代码都是在单文件组件中...

前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方...

main.js是项目的入口文件，项目中所有的页面都会加载main.js,所以main.js,主要有三个作用：1.实例化Vue。2.放置项目中经常会用到的插件和CSS样式。例如...

引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：。在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，li里的ref的无法读取item里面的值，即item.name或被直接读取为字符串“item.name”，

1. 介绍 export和export default均可用于导出常量、函数、文件、模块等 可以在其它文件或模块中通过 import + (常量|函数|文件|模块) 名的方式...

在ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过 import名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。import { str , fun } from 'demo1' // 使用export的时候使用{}包起来

　　意思是，你的模块可以省略 ".js"，".vue"，“.json” 后缀，weebpack 会在之后自动添加上；可以用 "@" 符号代替 "src" 字符串等。　　export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。而 new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，如果根组件还包含其它子组件，那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例，

可以写很多东西，包括变量和方法，对象等，只要是想作为开放的接口都可以写， 在.vue文件中一般写上data() {}以及method等, data指的是在该组件中定义的模板数...

github：https://github.com/xiaokaike/vue-color今天项目中引用了一下vue-color,大概步骤如下1、安装vue-color$ npm install vue-color2、安装所需依赖npm install3、引入项目import { Photoshop } from vue-color//有6中风格，用哪种直接..._vue-color

　　　　　　color: #000;　　　　. 　　　　　　. 　　　　hsl: { h: 150, s: 0.5, l: 0.2, a: 1 },　　　　rgba: { r: 2

　　

一.示例1 首先准备一些css样式，在这个示例中我们将展示通过点击动态修改颜色。 vue对象中有两个数据，changeColor和changeLength值都为false。 ...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">_vue,js样式绑定绑定颜色值源代码

vue条件判断语句跟js条件判断一样。也可以同JS一样写表达式。

1. 前言 从16年微信小程序内测的时候到如今，微信小程序用时间与实践证明了自己的变革与价值，微信小程序的规则也在开发社区的影响下变得更加完善。 对于第三方企业来讲，微信为自...

beforeCreate:创建前 1、当前vue实例化的时候会做一个初始化的操作，在这个生命周期函数里面我们可以做初始化的loading 2、在当前函数里面是访问不到data中的属性，但是可以通过vue的实例对象进行访问。created:创建后 1、当beforeCreate执行完毕以后，会执行created. 在当前函数中我们可以访问到data中的属性 2、当前生命周期函数执行的时候会将data中所以的属性

Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢？