@import Sass拓展了@import的功能，允许其导入SCSS或Sass文件。被导入的文件将合并编译到同一个CSS文件中，另外，被导入的文件中所包含的变量或者混合指令(mixin)都可以在导入的文件中使用。例如：public.scss$font-base-color:#333;index.scss@import"public";$color:#666;.container{ border-color:$color; color:$font-base-color;}编译后：.container{border-color:#666;color:#333;}注意：跟我们普通css里面@
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助很多前端都喜欢用console.log调试，先不谈调试效率怎么样，首先 console.log有个致命的问题：会导致内存泄漏。为什么这么说呢？用Performance和Memory工具分析下就知道了。我们准备这样一段代码：一个按钮，点击之后创建一个数组，执行一些计算。很常见的逻辑。我们最后加了一个console.log打印了下这个数组。起个静态服务：浏览器访问： 点击performance下的垃圾回收按钮，手动触发一次GC： 勾选Memory，然后开始录制，点击3次按钮，再执行一次GC：你会发现内存是这样的：内存占用有三次增长，因
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助很多前端都喜欢用console.log调试，先不谈调试效率怎么样，首先 console.log有个致命的问题：会导致内存泄漏。为什么这么说呢？用Performance和Memory工具分析下就知道了。我们准备这样一段代码：一个按钮，点击之后创建一个数组，执行一些计算。很常见的逻辑。我们最后加了一个console.log打印了下这个数组。起个静态服务：浏览器访问： 点击performance下的垃圾回收按钮，手动触发一次GC： 勾选Memory，然后开始录制，点击3次按钮，再执行一次GC：你会发现内存是这样的：内存占用有三次增长，因
propmt是一个输入语句它的返回结果是你输入的内容，无论输入什么内容返回结果的数据类型都是字符串类型。alert是一个弹框输出console是控制台输出 下面代码的意思是输入一些内容然后保存到content变量里面然后alert输出content变量也就是你从prompt输入的内容console控制台输出content内容12 letcontent=prompt("请输入内容:");3 alert(content);4 console.log(content);5 prompt的显示样子，我输入了3个1，然后保存到了content的变量里面。下面是alert的显示结果，我把conten
propmt是一个输入语句它的返回结果是你输入的内容，无论输入什么内容返回结果的数据类型都是字符串类型。alert是一个弹框输出console是控制台输出 下面代码的意思是输入一些内容然后保存到content变量里面然后alert输出content变量也就是你从prompt输入的内容console控制台输出content内容12 letcontent=prompt("请输入内容:");3 alert(content);4 console.log(content);5 prompt的显示样子，我输入了3个1，然后保存到了content的变量里面。下面是alert的显示结果，我把conten
import导入模块或包文件就是一个模块,文件夹就是一个包文件夹里面可以有很多文件,就相当于包中有好多的模块.import模块或者包(包是文件夹,模块是文件)模块不会被重复导入，引入一次终生受益'''调用的时候: 模块.变量 模块.函数 模块.类'''(1)模块.变量print(mymodule.cat)(2)模块.函数mymodule.jump()(3)模块.类print(mymodule.Classroom().name) import.引入并起别名,as后面写这个模块的别名别名.变量别名.函数别名.类import导模块的时候,会从sys.path提供的路径下去找,找不到就报错
import导入模块或包文件就是一个模块,文件夹就是一个包文件夹里面可以有很多文件,就相当于包中有好多的模块.import模块或者包(包是文件夹,模块是文件)模块不会被重复导入，引入一次终生受益'''调用的时候: 模块.变量 模块.函数 模块.类'''(1)模块.变量print(mymodule.cat)(2)模块.函数mymodule.jump()(3)模块.类print(mymodule.Classroom().name) import.引入并起别名,as后面写这个模块的别名别名.变量别名.函数别名.类import导模块的时候,会从sys.path提供的路径下去找,找不到就报错
为什么要使用unplugin-auto-import插件？ 使用vite编写vue3代码时，使用compositionapi函数、VueRouter、pinia状态管理等官方API需要在页面中显式引入。而使用unplugin-auto-import插件可以自动导入这些API，从而提高开发效率，同时使代码更加简洁易读。如：import{ref,reactive,Ref,defineComponent,ComponentPropsOptions}from'vue'import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-r
为什么要使用unplugin-auto-import插件？ 使用vite编写vue3代码时，使用compositionapi函数、VueRouter、pinia状态管理等官方API需要在页面中显式引入。而使用unplugin-auto-import插件可以自动导入这些API，从而提高开发效率，同时使代码更加简洁易读。如：import{ref,reactive,Ref,defineComponent,ComponentPropsOptions}from'vue'import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-r
1.console.log()调试时console.log是最常用的命令之一，此外还有一些其他的使用的功能。console.log()中，可是使用占位符对信息加工输出console.log('%c%s%s%s','color:yellow;background-color:black;','–','测试信息','–');也可以简单一点也可以打印出来图片哈在占位符%c中设置背景图片但是使用padding和line-height需要多调整这里就不演示了（没有想到使用场景0.0）console.log(`%c本地测试%cHelloWorld%c`,'color:#fff;font-size:10px
