raboot-优快云博客

原创安装插件怎么判断是 --save还是 --save-dev

小伙伴很多时候肯定有这种感觉: npm敲到一半的时候发现：诶这个到底是 --save还是 --save-dev呢 1.首先要先了解package.json 在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。 2.什么是npm n...

2018-11-09 12:27:33 714

原创 JS模块如何暴露与导入

当项目功能越来越多，代码量便也会越来越多，后期的维护难度会增大，此时在JS方面就会考虑使用模块化规范去管理维护。稍微介绍一下常用的模块暴露方法随着ES6的普及以及babel的广泛应用，越来越多的喜欢使用ES6模块导入，在ES6之前，也有遵循COMMON.JS 使用require进行模块导入我们通常使用的暴露有三种方式：exports module.exports export de...

2018-11-09 12:18:24 4382

原创 this的用法详解

this是 JavaScript 语言的一个关键字它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用个人比较喜欢将this理解成上下文语境既然是语境一定有主语我们只需要关注主语是谁就可以了，因为谁用了this 那么this肯定是指向谁的 this的特性要注意的是，this的语境绝对不是在创建时决定的，而是函数运行是决定的，还是那句话，谁用了this指向谁列举...

2018-11-09 12:17:27 488

原创 ES6 从入门到放弃^_^

小伙伴大多数还在使用ES5来进行编写，使用ES5这无可厚非，因为ES5毕竟还是主流，速度也更快，但ES6引入的新特性是ES5无法比拟的，接下来分享一下我掌握的es6 也为自己做个总结 ES6搭建环境（与语法没什么关系可忽略）现在的Chrome浏览器已经支持ES6了，但是有些低版本的浏览器还是不支持ES6的语法，这就需要我们把ES6的语法自动的转变成ES5的语法。 webpack是有自动编...

2018-11-09 12:15:31 295

原创 VUE组件之间的传值

我们先快速搭建父子组件子组件 <template> <div> <h3 style="color:red">I am Son</h3> </div> </template> <script>

2018-11-09 12:03:01 137

原创 axios全局使用

vue中我们常用axios进行数据请求 axios模块在vue开发中如何使用引入，如何注册全局方法一般情况下我们采用如下方法 import axios from 'axios' axios({ url:'http://www.baidu.com', }) .then(res=>{ console.log(res) }) 这是vue中比较提倡的引入方法但是每个数据请求页面都...

2018-11-07 17:35:13 671

原创 VUE-Router基本配置

前端路由有什么优点和缺点? • 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 • 缺点:不利于SEO;使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存;单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是我们WebA...

2018-11-07 16:34:08 930

原创 VUEX的简单运用

什么是vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能好的完全看不懂简单来讲，我们可以把一些货物一起放在一个...

2018-11-07 16:30:33 168

原创 input 文件上传的一些操作

文件的上传平常使用input type=“file”使用不过这默认太丑了我们可以调用一下点击 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&quot

2018-11-07 16:27:15 666

接着上一块https://juejin.im/post/5be29710e51d457e90193cf3 模块：CSS文件打包 Webpack在生产环境中有一个重要的作用就是减少http的请求数，就是把多个文件打包到一个js里，这样请求数就可以减少好多。在学习CSS打包之前，需要先对webpack.config.js里的Loaders配置项进行了解。 Loaders（以下所有的配置都是基于3...

2018-11-07 16:16:07 145

原创 webpack 4.x一起学习（一）

最近在学习webpack第四个版本，相比大改版肯定有诸多不同，这边进行重新学习顺便排排BUG 安装过程中难免有点慢，但是npm是慢 cnpm又可能出错 npm install -g chajian --registry=http://registry.npm.taobao.org 推荐此方法安装 npm init -y 初始化 npm install -D webpack webpack-cli...

2018-11-07 16:13:58 112

原创 vscode之必备插件推荐

工欲善其事，必先利其器 Auto Close Tag 自动闭合标签 Auto Rename Tag 自动完成另一侧标签的同步修改 Path Intellisense 自动提示文件路径，支持快速引入文件 Open HTML in Default Browser 右键:在浏览器中打开 Live Server vscode不是IDE,可以用Liver Server开启本地服务实现视图热...

2018-10-25 09:15:13 412