npm

工欲善其事，必先利其器。 本文主要讲解Vue-devtools的安装和使用 安装方法有两个： 方法一： （前提条件需要翻墙，省事省力省心方便快速） 　　　　翻墙 =》谷歌商店 =》搜索 =》Vue-devtools =》添加至Chrome 方法二： 　　　1、克隆至本地：git clone（vue-devtools） 　　　2、安装项目所需要的npm包：npm install 　　　3、编印项目文件：npm run build 　　　4、添加至chrome浏览器 　　　进入扩展页面=》加载已解压的扩展程序=》选择vue-devtools>shells下的chrome文件夹 　　 /* 如果看不见“加载已解压的扩展程序...”按钮，则需要勾选开发者模式。 */ 　　具体步骤如图所示： 　　 　　最后：Vue-devtools如何使用呢？ 　　当我们在Chrome添加完扩展后，需要调试Vue应用时，Chrom开发者工具栏会有一个vue的一栏，点击之后就可以看到vue对象的一些信息。 温情提示: 1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的 2.安装后, 需要关闭浏览器, 再重新打开, 才能使用 如有问题欢迎扫码加群，大伙儿一起入群讨论问题！ 希望能够帮助到大家！！！谢谢合作！！！ 来源： oschina 链接： https://my.oschina

前言 以前我的不喜欢用 Linux 系统，什么目录啊，文件啊，权限啊，都得命令操作，入门难度较大。但是一旦熟练起来，真不想再去用 windows 了。再加上 shell 脚本，那才叫如虎添翼啊，真的是见识到了什么才是性能，什么才是自动化。 Linux 相较于 windows 而言，占用内存更小，因为 windows 的图形化界面比较占内存。 Linux 的生态也比较丰富，各种各样的服务端软件都会有 Linux 版本。 Linux 也衍生出各种格言的版本，我用的比较多的是 Centos 在 Linux 中，一切皆文件。所以各种目录、文件的权限、创建者、所属组都是比较实用的东西。 本文内容基于 Centos 7.4 版本。 主要内容: linux 目录说明 PATH 加载的原理及配置 常用简单命令 sed,awk,find,管道流,重定向,scp 目录介绍 Linux 中的目录还是要清楚的，有一些约定成俗的规定需要大家了解。 目录只介绍一些重要常用的。大致了解什么作用即可。 根目录- / 根目录下面有许多子目录 bin etc home opt usr sbin var tmp 等等。 /root 是用户 root 的家目录。 /home 除 root 用户之外的其它的用户家目录。 cd ~ 就是进入当前用户的家目录。 /bin /bin 实际是个软连接（理解为 windows

　　高效的前端开发工具有哪些?在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富，也导致了前端开发的复杂度大幅增加，急需好的开发工具。今天和大家分享一些前端开发常用工具，这些工具真的对于提高工作效率有很大的帮助。 　　高效的前端开发工具： 　　1、EnjoyCSS 　　运用CSS，非常简单的工具就是遇到困难时的救星。EnjoyCSS可以让你通过简单的UI设计你的元素，并且提供相关的CSS输出。 　　2、Prettier Playground 　　Prettier是一个代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，并且将其替换为遵循最佳运行方式的、标准的一致样式。如此便捷的工具在我们的编辑器中十分流行，与此同时它还有一个线上版本，可以在线完成对代码格式的修正。 　　3、Postman 　　Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。 　　4、StackBlitz 　　根据Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。最重要的一点就是，它将IDE引入了web——Visual Studio

1. npm i jsplumb --save 注：jsplumb要全小写 2. 在main.js内 加： import jsPlumb from 'jsplumb' Vue.prototype.$jsPlumb = jsPlumb.jsPlumb 3. 组件内访问 jsPlumb只有等到DOM初始化完成之后才能使用，因此我们在以下代码中调用jsPlumb方法 this .$jsPlumb.ready( function (){ ··· }); // or this .$jsPlumb.bind("ready", function (){ ··· }); 4. 如果在以上方法内访问 要注意 this指向已经不同 要在方法外 加 var that = this 让方法内的this指向vue 或用箭头函数 或直接在组件内引入 import { jsPlumb } from 'jsplumb' 来源： oschina 链接： https://my.oschina.net/u/4285215/blog/4030065

计算属性 computed:{} <! DOCTYPE html > < html > < head > < title ></ title > </ head > < body > < div id ="computed" > < div > <!-- dlrow olleh --> <!-- {{msg.split('').reverse().join('')}} --> {{reverseStr}} </ div > < button @click ='clickHanlder' > 修改 </ button > </ div > < script type ="text/javascript" src ="./vue.js" ></ script > < script type ="text/javascript" > var com = new Vue({ el: " #computed " , data:{ msg: " hello world " }, methods:{ clickHanlder(){ console.log( this .reverseStr); // get this .reverseStr = " Hello Luffy " // set } }, computed:{ // 默认只有 getter 方法 // 计算数据属性 watch 监听