作者：Meetin空白
链接：https://www.jianshu.com/p/5d4549586821
來源：简书

1.背景介绍

什么是JSON

JSON (JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。——百度百科

Bootbox.js是一个小型的JavaScript库，基于 TBootstrap 和jquery开发。它允许你创建使用编程对话框。方便用户快速创建模拟框。

下载bootbox文件

点击右上角下载按钮进行下载

所有版本的Bootbox都站在两个伟大的巨人的肩上：Bootstrap和jQuery。Bootstrap的确切版本取决于您使用的Bootbox的版本。这已经变得比我们想要的要复杂一些，但是希望这个方便的表格可以解决问题：

return的用法

返回函数结果

语法为：return +表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果

语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果。

1
2
3
4
5
6
7
8
9
10

function add() {
    var a=1;
    var b=2;
    return a+b;

}
function getAdd() {
    console.log(add());
}
getAdd(); //控制台输出3

原文链接：https://www.jianshu.com/p/d7d4bf472766

1.背景介绍

事件处理程序可以为现代web应用程序提供交互能力，因此许多开发人员会向页面中添加大量的处理程序。

但是在JavaScript中，添加到页面中的事件处理程序的数量会直接影响页面的整体运行性能。

理由：

1.每个函数都是对象，都会占用内存。

使用JavaScript数组常常需要对数组进行遍历、迭代操作。而我们常用的就是for语句对数组进行迭代。然而在ECMAscript5已经为数组定义了5个迭代的方法，分别是：filter、some、map、foreach、every，下面我们讲讲它们的具体作用。

every()和some()

every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true ;
some()： 对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true; 为了加深对它们的理解，以上两个迭代方式有必要放在一起demo，
演示如下：

vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” 这种跨域错误。

搜素资料，发现方式五花八门，什么修改config/index.js中的配置，但是我的项目里面根本就没有这文件夹，大多都是过时资料。

vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误

1
2
3
4
5
6
7

error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:
1 error found.
1 error potentially fixable with the `--fix` option.

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

问题描述

vue中修改css属性无效,img设置的宽度无效，p设置的颜色有效

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<template>
    <div>           
         <carousel></carousel>     
        <p> 555555</p>
    </div>
</template>

<script>
    import carousel from './carousel.vue';
    export default {
        name: "home",
        components: {
            carousel
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

 img{
        width: 100%;
    }
p{
    color: red;
}
</style>

前言

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。

经常用到./和../及/路径访问指定的资源，但三者有什么区别呢？

区别

• “./“：代表目前所在的目录。
• “ . ./“：代表上一层目录。
• “/“：代表根目录。

例子

在读取文件时,路径的写法有如下方式

1
2
3
4
5
6
7
8
9
10
11
12
13

Mat Image = imread("./图片.jpg");//文件在当前目录
imshow("Test", Image);

Mat Image1 = imread("../图片.jpg");//文件在上一层目录下
imshow("Test1", Image1);


Mat Image2 = imread("./Image1/图片.jpg");//文件在下一层目录(Image1文件夹)
imshow("Test2", Image2);

Mat Image3 = imread("../../图片.jpg"); //文件在上上层目录下
imshow("Test3", Image3);