前端开发中遇到的问题

npm

• 使用vue-cli构建项目时，使用npm安装sass有版本要求，最新版本的会报错

axios

使用方法：

第一次使用axios，具体的用法是：

1.安装npm install axios —save

2.在vue项目中的main.js中引入：
import axios from 'axios'

3.需要在vue的原型上添加axios对象
vue.prototype.$axios=axios

调用：
this.$axios.get(路径，参数)

跨域

调用接口的时遇到跨域问题，解决方法：

• 在vue项目中的config文件里找到index.js

• dev项中找到proxyTable{}

  配置：

  "/api": {
  	         target: “目标地址”,
  	         changeOrigin: true   //是否换源，当然得换，为了跨域
  	     },
  

微信小程序

• 微信小程序中的 <text></text>不能换行 否则页面中的显示效果会出现问题

2.0.7.2迭代

• 火狐浏览器不兼容 td中 height：1px的写法 ，根本问题是火狐浏览器中div不会默认撑开父元素
  通过将table的所有元素改为height:100%解决
• el-switch开关有动画
  原因是开关是有默认值的，调用接口之后开关的值被改变，因此有切换的动画。
  从根本上没办法解决它，只好在它赋值完后将开关显示出来
• 接口的配置问题
  在eduplus_web中配置跨域请求接口，在angularjs中也是可以使用的，其原理我还不太理解
• 报表优化时，表头有变动
  这需要改变数据的组织结构，由于不想给后端增加工作量，因此我们选择把拿到的数据放在另一个数组中，对这个数组进行操作，再把这个数据渲染到页面中

获取当前时间前后n年日期

var gap = function (n)
    {
        var now = new Date;
        now.setFullYear(now.getFullYear () + n);
        return now;
    }
    var date = gap(3);
    alert("距当前日期3年后的日期时间: " + date.toLocaleString ());

this

• 在非严格模式下，foo() 最后会将 this 设置为全局对象。在严格模式下，这是未定义的行为，在访问 bar 属性时会出错——因此 “global” 是为 this.bar 创建的值。

• obj1.foo() 将 this 设置为对象 obj1。

• foo.call(obj2) 将 this 设置为对象 obj2。

• new foo() 将 this 设置为一个全新的空对象。

为了搞清楚 this 指向什么，你必须检查相关的函数是如何被调用的。调用方式会是
以上 4 种之一，这也会回答“this 是什么”这个问题。

闭包

最常见的使用方式是模块化

解构赋值

var { x, y, z } = bar(); console.log( x, y, z ); // 4 5 6

很酷吧，是不是？
但是 { x, … } 是省略掉了 x: 部分还是 : x 部分呢？实际上我们使用这个缩写语法的时候是
略去了 x: 部分。

for in/of

for…in 在数组 a 的键 / 索引上循环，而 for…of 在 a 的值上循环

问题描述：

• 类似
  当下方描述字不一致时 无法简单的做到每个item的间距保持一致

解决：

html：

css :