如初的博客🥝

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

前言 强制类型转换：将一个数据类型强制转换为其他的数据类型。 类型转换主要指，将其他的数据类型，转换为：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 ...

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} ...

常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： 12345<ul> <li></li> <li></li> <li></li></ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏览器，详细地址 file icons：文件识别图标，使用这个插件会让你的编辑器显示对应的图标，详细地址 language-javascript-jsx：jsx语法高亮 ，详细地址 language-vue：vue语法高亮，详细地址 linter-eslint：eslint插件，详细地址 vue-snippets：vue代码片段，详细地址 pigments：颜色显示器，详细地址 linter-eslint：语法检查 Atom-Beautify：代码格式化 参考链接：https://github.com/cucygh/JDFinanc ...