我的E家

video标签HTML部分：<div v-on:click="playVideo()"> <video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video> //隐藏video标签，因为移动端点击视频播放时会自动弹出</div>JS部分：export default{ data(){ ......

路由1、 路由出口 ： <router-view></router-view>2、 声明式导航：<el-button size='small' type='warning'> <router-link :to="{ path: '/newTask', query: {type:'update',data:scope.row}}">修改任务 &lt......

什么是vue生命周期，详细说说你的理解https://www.jianshu.com/p/a165474f620ehttps://www.cnblogs.com/AlbertP/p/10754880.html1. 什么是vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。2. vue生命周期的作用是什么Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周

loading效果1、 页面loading开启const loading = this.$loading({ lock: true, fullscreen: true, text: 'Loading...'});关闭loading.close();2、 按钮loading1、在提交按钮上加入 :loading="loading"（注意前面有冒号）2、在return下加入 ......

组件几点基础：1、 为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别2、有两种组件的注册类型：全局注册和局部注册全局注册：Vue.component('my-component-name', { // ... options ... })局部注册：通过一个普通的 JavaScript 对象来定义组件：var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }var ComponentC = { /* .

vue 简单例子

发发发

npm 报错：npm ERR! Unexpected token < in JSON at position 1 while parsing near '解决：首先切换成淘宝镜像：registry=http://registry.npm.taobao.org/查看是否切换成功：npm config get registry

v-for使用<div id="app"> <!--v-for循环普通数组--> <div v-for="(item,index) in list">单项:{{item}}---索引号:{{index}}</div> <div v-for="item in list">---单项---{{item}}</div> <!--v-for循环对象数组-->

作用/语法强大的文本分析awk处理过程:依次对每一行进行处理，然后输出awk [选项参数] 'script' var=value file(s) 或 awk [选项参数] -f scriptfile var=value file(s)默认分隔符-按空格或TAB分割实例说话用法一：每行按空格或TAB分割】每行按空格或TAB分割，输出文本中的1、4项$ awk '{p...

linux 将json格式化Linux下也有处理处理JSON的神器：jq例如：cat json1.txt | jq .less json2.txt |  jq .或者curl '你的url链接'>>json3.txt cat json3.txt | jq .对比文件-vimdiffvimdiff [options] file1 f

1. HTML5 代码与测试html5代码作用代码备注video抱歉，您的浏览器不支持HTML5 videovar myVideo=document.getElementById("h5v-video-ID");myVideo.pause();myVideo.play();alert(myVideo.src);myVide

1.  方法方法一：Runtime类接Java里面的lang包里(java.lang.Runtime)提供了一个允许Java程序与该程序所运行的环境交互的接口，这就是Runtime类。场景：在运行的java程序linux环境的linux命令缺点：不能在任意主机上运行linux命令使用参考：http://wangbaoaiboy.blog.163.co

1. 产生原因浏览器同源策略限制，当前域名的js只能读取同域下的窗口属性。一个网站的网址组成包括协议名，子域名，主域名，端口号。当在在页面中从一个url请求数据时，如果这个url的协议名、子域名、主域名、端口号任意一个有一个不同，就会产生跨域问题。即使是在 http://localhost:80/ 页面请求 http://127.0.0.1:80/ 也会有跨域问题

场景在前后台共同进行一个项目的时候常会遇到一种情景, 后台定义好接口,前端按照接口进行开发, 当前端开发完成后台接口却还没有开发完成, 这个时候要进行接口测试, 只能等后台开发完成才能测试, 在这中间浪费了很多时间,  现在有个利器可以解决这个问题, 即使不用后台,只要提前制定好接口的报文,那么前端就可以自己模拟接口来进行接口测试了, 今天要讲的东西就是mockjax和mockJSON。例

1.  js工具及笔记功能描述js画图方法一：highchart方法二：echartsjs数组//var a = [];// 创建数组//a.push(1);//a.push(1);// 添加到最后 // alert(a); //var tmp=["aa","bb"];js json解析参考

步骤1.  获取 接口 定义（接口返回的json串）2.  json串放入本地txt文件中例如， test.txt:{"retCode": "200","Msg": "ok","retSign": "1323243","retTime": " 2324523232 ","totalCount": "13","data": []}3.  fiddler

1.Content script 给 popup.js发消息(二者之间通信)content.jsfunction test() { chrome.extension.sendMessage({cmd: "fromcontentscript"}, function (response) { alert( "fromcontentscript"); if (re

工具方式一： chrome插件，自己开发方式二：tampermonkeytampermonkey参考：http://qa.blog.163.com/blog/static/190147002201651473441594/每个注释标签的解释如下:// ==UserScript==// @name K12 UserInfoShow

从工作中总结了一些非常实用的linux命令如下：命令实例功能curl -I http://127.0.0.1:8088/index.jspcurl -I  http://127.0.0.1:8088/index.jsp返回200确认服务正常sudo mv healthcheck.html   healthcheck.html .bak

作用编辑一个或多个文件；简化对文件的反复操作实例说话】打印输入文件的第5行 sed -n "5p" /etc/passwd】将 regular_express.txt 内每一行结尾若为 . 则换成 ! ：sed -i 's/\.$/\!/g' input.txt】最后一行加入# This is a test：sed -i '$a # This is a test'...

1.  下载http://nginx.org/en/download.html2.  使用1） 启动     解压软件到对应位置，如D:\nginx-1.9.7 ， 在nginx.exe的目录下，执行DOS命令：start nginx　　注：  或者运行nginx.exe(即nginx -c conf\nginx.conf)，默认使用80端口

参考http://www.css88.com/archives/5364http://www.html5cn.org/article-2975-1.htmlhtml5规范注意点原因不推荐/推荐文档类型 规范化的 HTML不推荐TestThis is only a te

cookie简言之，session是存储在服务器端的，cookie是存储在客户端的，session可以依赖于cookie。cookie机制。正统的cookie分发是通过扩展HTTP协议来实现的，服务器通过在HTTP的响应头中加上一行特殊的指示以提示浏览器按照指示生成相应的cookie。然而纯粹的客户端脚本如JavaScript或者VBScript也可以生成cookie。而cooki...

操作浏览器BOM浏览器对象模型 --操作浏览器//window对象，最低层的对象，其6大属性本身也是对象； document属性也是对象，其有5大属性（也是对象）//全局变量是 window 对象的属性。//全局函数是 window 对象的方法//甚至 HTML DOM 的 document 也是 window 对象的属性之一：window.document.getElemen

内置对象内置对象var g='lee喔喔';//Global 全局对象alert(window.g);//lee喔喔////Global 全局对象的方法//1/ URI编码alert(encodeURI(g));//显示乱码alert(encodeURIComponent(g));//显示乱码alert(decodeURI(encodeURI(g)));//lee喔

网址http://www.w3school.com.cn/js/index.asp笔记简介脚本语言（在浏览器上运行，不需要环境）JavaScript 是一种轻量级的编程语言，面向对象的（基于原型的，和C++,JAVA有很大不同），。JavaScript 是可插入 HTML 页面的编程代码，用来验证发向服务器的数据JavaScript 插入 HTML

函数1. 有 参数， 返回值>>> def add(x): x=x+1 return x>>> add(3)4>>> a=add(2)>>> a3>>> print a32.   默认参数>>> def f(arg1,arg2=2,arg3=3): print 'arg1 = ', arg1 print 'arg2 = ', arg2 print '

postgres 数据库查看sql的执行时间：方法一;\timing on你的sql语句不再使用时：\timing off方法二： 查看执行计划explain select count(*) from  你的表;                                     QUERY PLAN                

转载自：http://www.jb51.net/LINUXjishu/34604.htmlTOP是一个动态显示过程,即可以通过用户按键来不断刷新当前状态.如果在前台执行该命令,它将独占前台,直到用户终止该程序为止.比较准确的说,top命令提供了实时的对系统处理器的状态监视.它将显示系统中CPU最“敏感”的任务列表.该命令可以按CPU使用.内存使用和执行时间对任务进行排序；而且该命令的很多特性都

1基础：find pathname -options [-print -exec -ok]    参数        pathname: find命令所查找的目录路径。例如用.来表示当前目录，用/来表示系统根目录。        -print：     find命令将匹配的文件输出到标准输出。        -exec：     find命令对匹配的文件执行该参数所给出的s

在e c h o命令输出之后附加换行，可以使用\ n选项：cat

基本命令chmodsuid/guidchownchgrpumask算法和用法

DOM文档对象模型 --操作表格和样式//thead, tfoot 只能有一个//tbody可以有多个//使用DOM创建表格window.onload=function(){var table = document.createElement('table');table.width=300;//table.setAttribute('width',300);table.bo

访问 JavaScript HTML 文档的所有元素DOM文档对象模型 --访问 JavaScript HTML 文档的所有元素//HTML DOM 模型被构造为对象的树//节点分3种： 1.元素节点（标签）--标签 ; 2.文本节点--标签内的文本； 3.属性节点--标签的属性，如id//DOM必须等到HTML加载完后才能获取; 所以方法一： script 脚本放到最下面；

带选项页面的扩展Chrome通过Manifest文件的options_page属性为开发者提供了这样的接口，可以为扩展指定一个选项页面。当用户在扩展图标上点击右键，选择菜单中的“选项”后，就会打开这个页面.指定options_page属性后，扩展图标上的右键菜单会包含“选项”链接本地存储通常Chrome扩展使用以下三种方法中的一种来储存数据：第一种是使用

chrome特点：Chrome是Google公司基于WebKit开发的一款浏览器；页面渲染速度快；JavaScript执行速度快；支持开发者为其编写各种各样的扩展来扩充其功能，用HTML5编写桌面程序chrome插件与应用区别：Chrome扩展是用于扩充Chrome浏览器功能的程序，Chrome应用是以Chrome为平台运行的程序，二者区别如下：

本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。缓存方案特点限制Cookie在web中得到广泛应用，但局限性非常明显，容量太小，有些站点会因为出于安全的考虑而

常驻后台：不是用户主动发起时（如开启特定页面或点击扩展图标等）才运行，而是希望扩展自动运行并常驻后台来实现一些特定的功能，比如实时提示未读邮件数量、后台播放音乐等等。Chrome允许扩展应用在后台常驻一个页面以实现这样的功能。在一些典型的扩展中，UI页面，如popup页面或者options页面，在需要更新一些状态时，会向后台页面请求数据，而当后台页面检测到状态发生改变时，也会通

manifest.json：文件可以告诉Chrome关于这个扩展的相关信息，它是整个扩展的入口，也是Chrome扩展必不可少的部分注：Google的官方文档中对于扩展和应用给出了两个不同的Manifest介绍界面，这是因为有些属性只能由扩展使用，而有些属性只能由应用使用。如果这两者同时出现在同一个Manifest文件中，就会使Chrome困惑，不知是按照扩展对待这个程序还是