- 博客(14)
- 收藏
- 关注
RSS订阅
1原创 es6中的let和const
let和const是es6中申明变量的两个新的关键字，它们的存在让变量有了块级作用域的概念，那说到块级作用域，我们就要先简单的说一下作用域的问题了。1.什么是作用域？简单来说，作用域就是当我们定义了一个变量或者一个函数的时候，我们可以使用这个变量或函数的地方就叫做作用域，换言之，我们只能在这个变量或函数的作用域之内使用它，在它的作用域之外就没办法使用它。而作用域又分为全局作用域和局部作用域，全局作用域就是在一个index.js文件中定义的变量或函数，在这个index.js文件中的任何地方都可以使用，局部
2021-07-05 16:15:34
133
原创 使用微信开发者工具开发微信小程序的注意点
在使用微信开发者工具开发微信小程序的时候，首先语法上虽然与我们平常用html写网页的语法有很多相似之处，但是也存在很大的差别，特别是在代码的严谨度上，因此需要我们格外注意，否则就会导致页面不显示或者报错:1.在创建好一个页面文件夹的时候，这个页面文件夹至少需要后缀名为.wxml的文件来承载我们的页面代码，还需要一个后缀名为.js的文件来承载我们的业务逻辑代码，当然最好能再创建一个后缀名为.json的文件来对我们当前的页面进行配置和一个后缀名为.wxss的文件来修饰我们的页面呈现在用户面前的样式。说到这里，
2021-04-04 15:21:55
472
原创 webpack中tree shaking和merge的作用
tree shaking的作用：当我们在将index.js作为打包文件的入口文件时，如果我们在index.js文件中引入了一个其它的js文件（例如counter.js文件），而在counter.js文件中我们定义了两个函数分别A和B，但是我们在index.js文件中只使用了A函数，而没有使用B函数，当我们的webpack进行打包的时候，它会将index.js文件中引入的counter.js文件整个进行打包进来放入出口文件中，此时，我们的打包文件就会变得很臃肿。如果我们使用了tree shaking这个模块
2021-03-05 17:20:36
149
原创 webpack中babel的使用
什么是babel？babel是一种将es6语法转换为浏览器能解析的es5语法的一种工具，它的功能非常强大，具体使用方法及配置方法可在babel官网查询，下面就babel在webpack中的使用作简要概述：我们在以es6语法写业务逻辑代码的时候，通过webpack打包后在浏览器中运行，由于目前浏览器对es6语法的支持情况不同，有些浏览器不能解析es6的语法，导致我们的代码运行受阻，而babel就是帮我们解决这一大难点的。那babel该如何配置？它又是怎么使用的呢？首先，我们需要在webpack.conf
2021-03-02 16:50:24
580
原创 简述vue中v-if和v-show的区别
v-if和v-show都是vue框架中的指令，它们的作用都是控制元素的显示和隐藏，区别在于：v-if是创建和删除元素，而v-show只是改变元素中的display样式属性。那什么时候需要用v-if，什么时候适合用v-show呢？如果我们不会频繁的让元素在显示和隐藏之间切换，那我们比较适合使用v-if，这样可以提高我们的页面渲染速度，因为使用v-if指令的元素只有当v-if指定的值为true时，这个元素才会被创建，而不是当页面渲染时就创建。如果我们需要让元素在显示和隐藏之间频繁的切换，那这时我们就比较适合
2021-02-26 15:10:22
2606
原创 webpack中自动打包的三种方式
1.在package.json中的scripts中配置一个键值对，其中键名自取，值为“webpack --watch”，如：配置后，直接运行打包命令npm run watch则可打包成功并在浏览器中运行，当我们修改源文件之后不要重新打包，只需刷新浏览器即可。缺点：此种配置，打包后在浏览器中是以file请求运行的，所以无法发送ajax请求。2.在package.json中的scripts中配置一个键值对，其中键名自取，值为“webpack-dev-server”,同时在webpack.config.j
2021-02-25 10:53:39
597
原创 webpack打包工具中的映射（source-map）
什么是source-map?source-map就是管理源代码和打包后的文件之间的映射关系的一个配置，如果没有开启source-map映射，当我们将打包后的文件在浏览器上运行时，如果报错了，那我们就只能找到打包后的文件的报错位置，而无法知道源代码的报错位置。配置source-map是在webpack.config.js文件中的module.exports中配置devtool:“cheap-module-eval-source-map”,当然也不是只有这一个值，根据不同的模式（mode），可以配置不同的值，
2021-02-24 16:50:29
570
原创 webpack中最常用的两个plugin
1.html-webpack-plugin这个插件的作用就是帮助我们在打包完成之后自动生成一个html文件，并将打包好的输出js文件自动引入进去，它的用法如下：首先我们需要安装这个插件，并在webpack.config.js文件中引入这个插件：然后在module.exports中的plugins中配置它：2.clean-webpack-plugin这个插件是一个辅助性的插件，它的主要功能是帮助我们在打包前将出口文件所在目录清空，这样我们就不用每次打包前手动去清空出口文件所在目录：首先我们还是
2021-02-24 11:48:41
188
原创 webpack中常见loader的作用和使用方法
webpack中常见的loader有哪些？它们的作用是什么呢？之前我们有说到，webpack默认情况下只认识.js结尾的文件，要打包其它类型的文件，则我们需要在webpack.config.js文件中进行配置，只有通过正确的配置后，当webpack进行打包时才能对其它类型的文件进行正确的打包，那我们最常打包的文件类型有哪些呢？1.file-loaderfile-loader可以用于图片资源的打包配置，当我们只配置loader时，那打包好的图片资源默认是存放在输出文件所在的同级目录下，并且名称格式是：h
2021-02-24 10:05:57
3736
原创 初识webpack之loader的作用
什么是loader？前面有讲到，webpack是一个模块打包工具，它可以打包任何以模块方式引入的文件，而webpack实际上默认情况下它还是只能识别js文件，而要打包其它类型的文件，此时就需要我们在webpack.config.js配置文件中对需要打包的文件进行配置。只有配置之后，当我们的webpack在打包非js文件时，它才会去看配置文件中是怎么配置的，然后按照我们的配置进行打包，而配置打包规则时就需要用到我们的loader。配置非js打包规则如下：从图中我们可以看到，在这个配置文件中，我们不止配置了
2021-02-23 10:22:19
416
原创 初识webpack
初识webpack1.webpack是什么？webpack是一个模块打包工具，推出之初是专为js打包而设计，随着前端的发展和技术的更新，webpack的功能也越来越完善，现在已经发展为可识别任何引入模块。2.什么是webpack-cli？webpack的安装和运行都是通过命令来实现，而webpack-cli就相当于一个管家，对webpack的命令进行管理和检查，只有webpack-cli识别的命令才能起作用。3.通过命令安装webpack安装webpack之前，我们需要先在终端输入node -v
2021-02-22 17:31:46
1150
原创 js输出消息的
js中输出信息的方式1.alert(“js的简单知识”)：显示结果为：2.confirm("js的简单知识”)：显示结果为：3.console.log(“js的简单知识”)：显示结果为：4.document.write(“js的简单知识”):显示结果为：5.prompt（“js的简单知识”）：显示结果为：...
2018-11-22 22:21:02
206
原创 初识
js的书写位置1.内嵌式：方式一： 初识js 前端之路； 总结：1.建议将js写在HTML结束标签之后，以免破坏HTML结构； 2.建议将多个js尽量写在一个js文件中，以免多次向服务器发送请求，导致网页加载速度变慢。...
2018-11-22 22:04:50
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人