如初的博客🥝

字面量：数字和字符串 “字面量”即常量，是固定值，不可改变。看见什么，它就是什么。 简单的字面量有2种：数字、字符串。 （1）数值的字面量非常简单，写上去就行了，不需要任何的符号。例如： 11 alert(886); //886是数字，所以不需要加引号。 （2）字符串的字面量也很简单，但一定要加上引号。可以是单词、句子等。 温馨提示：100是数字，"100"是字符串。 总结 字面量都可以直接使用，但是我们一般不会直接使用字面量。 如果直接使用字面量的话，非常麻烦。比如说，多个地方要用到同一个字面量，还不如事先定义一个变量，用来保存字面量。 变量更加方便我们使用，所以在开发中都是通过变量去保存一个字面量，而不会直接使用字面量。 变量 变量的概念 变量：变量可以用来保存字面量，而且变量的值可以任意改变。 变量的定义和赋值 在js中使用var关键字来声明一个变量。 变量举例如下： 1var a = 100; 如下图所示： var是英语“variant”变量的缩写。后面要加一个空格，空格后面的东西就是“变量名”： 定义变量：var就是一个关键字，用来定义变量。所谓关 ...

前言 强制类型转换：将一个数据类型强制转换为其他的数据类型。 类型转换主要指，将其他的数据类型，转换为：String、Number、Boolean。你会把某个数据类型转换成 null 或者 undefined 吗？不会，因为这样做，没有意义。 其他的简单类型 --> String 方法一：变量+“” 或者 变量+“abc” 举例如下： 123vat a = 123; // Number 类型console.log(a + ''); // 转换成 String 类型console.log(a + 'haha'); // 转换成 String 类型 上面的例子中，打印的结果，都是字符串类型的数据。 方法二：调用toString()方法 举例如下： 1变量.toString() 【重要】该方法不会影响到原变量，它会将转换的结果返回。当然我们还可以直接写成a = a.toString()，这样的话，就是直接修改原变量。 注意：null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。 另外，Nu ...

介绍 vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。 生命周期钩子：就是生命周期事件的别名而已。 生命周期钩子 = 生命周期函数 = 生命周期事件。 生命周期函数的主要分类 根据上面这张图，我们把生命周期函数主要分为三类。 1、创建期间的生命周期函数 beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板。我们可以在这里进行Ajax请求。 beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中 mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示。（mounted之后，表示真实DOM渲染完了，可以操作DOM了） 举例： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464 ...

WebStorm的简单设置 1、主题修改： 可能大家会觉得软件的界面不太好看，我们可以换一下主题。选择菜单栏“File–settings–apperance–theme”，主题选择Darcula： 2、导入第三方主题： 系统提供的两种主题可能都不太好看，我们可以进入网站http://color-themes.com/来获取第三方主题，这里推荐两个主题，大家二选一即可： Sublime Material 上图中，在网站http://color-themes.com/中将主题下载之后，是一个jar包。那怎么导入到WebStorm呢？ 别着急，回到WebStorm，选择菜单栏“ File-Import Settings”，将下载好的jar包导入即可。 3、代码字体修改： 选择菜单栏“File–settings–Editor–Font”： 上图中，点击红框部分，然后弹出如下界面： 我们在上图中修改代码的字体。 修改完之后发现 WebStorm 的一些默认字体（比如侧边栏的工程目录的字体）并没有发生变化，如果想改的话，也可以改（我个人一般是不改的）。 4、关闭更新： 如下图 ...

jQuery 设置宽度和高度 宽度操作： 12$(selector).height(); //不带参数表示获取高度$(selector).height(200); //带参数表示设置高度 宽度操作： 12$(selector).width(); //不带参数表示获取宽度$(selector).width(200); //带参数表示设置高宽度 问题：jQuery的css()获取高度，和jQuery的height获取高度，二者的区别？ 答案： 123$("div").css(); //返回的是string类型，例如：30px$("div").height(); //返回得失number类型，例如：30。常用于数学计算。 如上方代码所示，$("div").height();返回的是number类型，常用于数学计算。 jQuery 的坐标操作 offset()方法 12$(selector).offset();$(selector).offset({left:100, top: 150} ...