2018年09月_机智的赵先生

原创 vue .sync修饰符的用法

背景：日常开发时，我们总会遇到需要父子组件双向绑定的问题，但是考虑到组件的可维护性，vue中是不允许子组件改变父组件传的props值的。那么同时，vue中也提供了一种解决方案.sync修饰符。在此之前，希望你已经知道了vue中是如何通过事件的方式实现子组件修改父组件的data的。如果你对此还不了解父子组件如何通过$emit实现双向通信，那就点我先了解下吧.sync修饰符：首先我们知道，...

2018-09-28 11:24:02 7571 4

转载 vue项目中使用scss

原文出处：https://segmentfault.com/a/1190000009802725一概述随着sass/less等css预处理器的出现，编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。（我自己就是一个）。由于最近在写一个vue项目。所以就把写项目期间每天的一些知识点写在博客里。所以最近的博客应该都会和vue有关。今天要和大家分享的就是如何...

2018-09-19 18:13:31 382

原创前端常见算法面试题

虽然算法在前端开发中很少会得以使用，不过面试中总是会有一些经典的算法面试题。显然，学习算法对于任何工程师提高编程能力和提高理解分析问题的能力都是有帮助的，接下来放几道常见的前端面试中出现的算法题供大家学习，当然，这些题目的解法未必是最优的，仅供大家学习参考。 // 判断是否回文 var str = 'resiviser'; function reserve(str) { ...

2018-09-14 23:24:02 12333 5

原创 cors实现请求跨域

简介CORS：全称"跨域资源共享"（Cross-origin resource sharing）。CORS需要浏览器和服务器同时支持，才可以实现跨域请求，目前几乎所有浏览器都支持CORS，IE则不能低于IE10。CORS的整个过程都由浏览器自动完成，前端无需做任何设置，跟平时发送ajax请求并无差异。so，实现CORS的关键在于服务器，只要服务器实现CORS接口，就可以实现跨域通信。请...

2018-09-14 18:59:16 60243

原创 vue项目中引用echarts的几种方式

准备工作：首先我们初始化一个vue项目，执行vue init webpack echart,接着我们进入初始化的项目下。安装echarts，npm install echarts -S //或cnpm install echarts -S安装完成之后，我们就可以开始引入我们需要的echarts了，接下来介绍几种使用echarts的方式。全局引用：首先在main.js中引入...

2018-09-04 19:37:07 6470 5

原创 element-ui配合node实现自定义上传文件

某些情况下，使用element-ui的upload组件默认上传无法满足我们的需求，so～今天主要介绍如何使用element-ui实现自定义上传，以及后端如何接收上传的文件信息和其他信息，根据element-ui文档，http-request可以自定义上传方法，会覆盖掉默认的上传。首先我们来看前端代码：<template> <div style="margin-top...

2018-09-04 14:11:41 4747 1

原创 jsonp跨域原理解析

背景：由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题，jsonp即是为了解决这个问题出现的一种简便解决方案。同源策略即：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题。举个简单的例子：http://www.abc.com:3000到https://www.abc.com:3000的请求会出现跨域（域名、端口相同但协议不同） http:/...

2018-09-01 19:25:07 75041 39

badmoonc的博客