04 2018 档案
摘要：一、上传文件实现 两种实现方式： 1、直接action :action，必选参数，上传的地址，String类型。data()需要使用代理转发，要不然会有跨域的问题 :data，上传时附带的额外参数，object类型。用于传递其他的需要携带的参数，比如下面的srid 2、利用before-upload
阅读全文
摘要：计算属性是一个很邪门的东西，只要在它的函数里引用了 data 中的某个属性，当这个属性发生变化时，函数仿佛可以嗅探到这个变化，并自动重新执行。 上述代码会源源不断的打印出 b 的值。如果希望 a 依赖 data 中的 x 而变化，只需保证 a 函数中有 this.x 即可。如果函数中没有出现 dat
阅读全文
摘要：中文文档：vuex官方中文网站 一、vuex里面都有些什么内容？ 这个就是最基本也是完整的vuex代码： vuex 包含有五个基本的对象： 1、state：存储状态，也就是全局变量； 2、getters：派生状态。也就是set、get中的get，有两个可选参数：state、getters，分别可以获
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态管理模式、集中式存储管理，一听就很高大上，蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面，然后将这个对象放在顶层
阅读全文
摘要：一、引入高德地图 一般用使用vue-cli webpack最简单粗暴的引入地图api的方法就是，在入口index.html的头部直接引入，记得一定要带上key，如果没有的话去高德地图api的官网申请一个。传送门如下：申请key传送门 这样你将所有的高德地图api引入你的项目，到这里你肯定会问，vue
阅读全文
摘要：一、vue项目利用vue-clipboard2实现剪切板的功能 1、安装vue-clipboard2插件：cnpm install --save vue-clipboard2 2、main.js添加 import VueClipboard from 'vue-clipboard2' Vue.use(
阅读全文
摘要：1、vue cli使用npm run dev报错cannot get / config/index.js里有两个环境：一个是build，一个dev。 在config/index.js里面修改，build:{assetsPublicPath:'./'}；dev里面不需要修改，dev:{assetsPu
阅读全文
摘要：1、安装一些需要编译的包：提示没有安装python、build失败等 因为一些 npm 的包安装需要编译的环境，mac 和 linux 都还好，大多都齐全 。window 用户依赖 visual studio 的一些库和python 2+，windows的小伙伴都装上： windows-build-
阅读全文
摘要：一、内置方法 返回各种颜色的比重（如red(color)等） 颜色函数是CSS预处里器中内置的颜色函数功能，这些功能可以对颜色值进行处理，例如颜色的变亮、变暗、渐变颜色等处理十分的方便。 keys(pairs)/values(pairs)：返回给定pairs中的键/值 typeof(node)：字符
阅读全文
摘要：建立好项目后我们来安装stylus 这样就安装上了stylus。 接下来就可以使用了，使用方式分两种。一种是在.vue文件的style块中使用，一种是引用.styl文件的形式 一、选择器 缩排（基于缩进代替大括号，空格代替冒号）当然按之前css写也是可以的 规则集：使用逗号为多个选择器同时定义属性，
阅读全文
摘要：对于前端开发者来说，JavaScript 的内存机制是一个不被经常提及的概念 ，因此很容易被忽视。特别是一些非计算机专业的同学，对内存机制可能没有非常清晰的认识，甚至有些同学根本就不知道 JavaScript 的内存机制是什么。 但是如果你想成为行业专家，并打造高性能前端应用，那么你就必须要搞清楚
阅读全文
摘要：在上篇文章中，我们讲了词法作用域、作用域链以及闭包，接下来我们分析一下这段代码： var bar = { myName:"time.geekbang.com", printName: function () { console.log(myName) } } function foo() { let
阅读全文
摘要：项目打包，默认是打包在根目录下面的。当然我们可以通过设置，打包到任意子目录中去。 但是，当项目中引入资源的，比如：引入图片资源、js资源、或者字体图标之类的。那么可能在这个中间又会踩坑。 1、在vue文件引入图片 例如，我们将一张图片放到资源目录 /static/image/lyf.jpg 我们在
阅读全文
摘要：本文主要解决： 1、vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题; 2、静态资源打包使用相对路径后css文件引入图片路径错误问题。 一、问题 vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下：如：//ip:port/
阅读全文
摘要：一、SPA 不是指水疗。是 single page web application 的缩写。中文翻译为 单页应用程序 或 单页Web应用，更多解释请自行搜索。 所有的前端人员都应该明白我们的页面的 url 构成：http://www.fengcms.com/index.html?name=fungl
阅读全文
摘要：1、小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的，相当于浏览器设置了一道门槛，会报错XMLHTTPRequest can not load http://40.00.100
阅读全文
摘要：一、开发环境中跨域 使用 Vue-cli 创建的项目，开发地址是 localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过 Vue-cli 创建的项目，可以直
阅读全文
摘要：首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 值也可以
阅读全文
摘要：1、渐变字体 主要是看：-webkit-background-clip: text; 该属性 <style> .b1{ width: 500px; height: 200px; font-size: 100px; background-image: linear-gradient(to bottom
阅读全文
摘要：1、现象 看redux的时候发现官网的教程里直接import了一个文件夹，我再三确定没有看错， 是一个 文件夹 (Directory), 它直接 import了一个目录！这个 文件夹/目录 底下还有一个index.js文件。 js文件只能用index.js，换其他名字都会报错。我使用的是webpac
阅读全文
摘要：实现前后端分离，可以让前后端独立开发、独立部署、独立单测，双方通过JSON进行数据交互。 对于前端开发人员来说，不用每次调试都需要启动或配置Java/Tomcat运行环境；对于后端开发人员来说 ，也不用在需要往JSP页面注入数据。 通过nginx来部署前端代码，可以帮助前端实现以下基本需求： 一、n
阅读全文
摘要：一、问题背景 1、报错信息： 在nginx配置文件中增加gzip配置后，出现该报错： nginx： [emerg] unknown directive " " in /etc/nginx/conf.d/XXX.conf:13 2、报错原因： 该问题为文本从Windows中拷入Linux，空格编码不统
阅读全文
摘要：一、关于导航怎么设置路由 1、在el-menu这个标签的属性中添加 router ,官方文档的解释是：启用vue-router 这种模式 2、在el-menu-item标签中的index属性直接书写路由，就可以实现正常vue-router了 3、在el-menu-item标签中书写路由属性：:rou
阅读全文
摘要：iconfont字体图标使用就不多说了，大致是几部： 1、在iconfont官网选图标，加入购物车，加入项目，下载到本地，解压 2、在项目assets目录新建目录iconfont，用于存放刚才下载解压的代码 3、在main.js导入iconfont.css文件 import './assets/ic
阅读全文
摘要：vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios。Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 一、安装 二、实例 执行 GET 请求 执行 POST 请求 执行多个并发请求 三、axios API 1、可
阅读全文
摘要：在上一篇文章中我们讲到了什么是作用域，以及 ES6 是如何通过变量环境和词法环境来同时支持变量提升和块级作用域，在最后我们也提到了如何通过词法环境和变量环境来查找变量，这其中就涉及到作用域链的概念。 理解作用域链是理解闭包的基础，而闭包在 JavaScript 中几乎无处不在，同时作用域和作用域链还
阅读全文
摘要：一、环境搭建 1、安装node、npm、webpack，不多说 2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 二、用vue-cli来构建项目 1
阅读全文
摘要：一、微信小程序分包后报错：[获取文件失败] 以下文件已被配置忽略打包上传 1、问题报错：[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取 2、解决办法： （1）在微信开发者工具中，右上角点击详情：工程配置文件设置开发文件忽略 2、project.config.json 的 settin
阅读全文
摘要：一般来说，JavaScript中的数组是稀疏的。 什么是稀疏呢？稀疏也就是说，数组中的元素之间可以有空隙，因为一个数组其实就是一个键值映射。本文解释了如何创建稀疏数组和不稀疏的数组。 1、稀疏数组 创建一个指定长度的稀疏数组很简单： 当你遍历它时，你会发现，它并没有元素，JavaScript会跳过这
阅读全文
