-
svelte中组件的script块和props
<script>块一个组件中<script>块包含创建组件实例时运行的JavaScript在顶层声明（或导入）的变量在该组件中默认是处于“可见”的，可以直接使用<script> let num = 0; function but(){ num++; } </script> <button on:click="{ but }">当前num值：{ num }</button>组件的PropsProps表示子组件从父组件接受到的数据，要完成组件间的数据传递，需要...
2023-08-28 -
svelte中的组件
组件是可以重用的，将一个或多个组件组合而成就获得了一个Svelte应用本质上就是一个后缀为.svelte的文件，该文件包含了HTML(<main>标签,可省略)、CSS(<style>标签) 和 JavaScript(<script>标签) 代码组件有数据隔离的作用，在一个组件中的js代码或者css代码只会影响该组件中的内容而不会影响其他组件如在一个组件中的css中使用了p{color:red}，如论组件怎么组合，也不会影响到其他组件中的p元素在一个.svelte文件中，顶层标签中仅允许一个<script>和一个<style>标...
2023-08-28 -
Svelte简介及项目创建
什么是SvelteSvelte用于构建快速的Web应用，类似 React 和 Vue，都致力轻而易举地构建灵活的可交互的用户界面与React 和 Vue不同的是：Svelte在构建时将代码转为更优的JavaScript，而不是在运行时才解释执行代码Svelte更像一个Javascript编译器，将代码编译成经过优化的原生Javascript代码这预示着无需付出框架本身的性能成本，且首次加载也无额外性能损耗由于Svelte的功能类似于一个编译器，就意味着不可能像其他框架那样在HTML中直接使用script标签引用来使用，必须创建对应的项目，编写完成后经过Svelte编译成优化后的原生Jav...
2023-08-08 -
vue中的生命周期函数
每个Vue组件实例在创建时都需要经历一系列的初始化步骤，如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM等等在此过程中会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码生命周期函数统一使用驼峰式命名规则，即首单词小写，后面每个单词的首字母大写选项式API中生命周期函数名称没有on，组合式API在生命周期函数前面加上on，如：mounted(){} 和 onMounted(){} beforeUpdate(){} 和 onBeforeUpdate(){} 一个组件按照时间顺序依次经历的生命周期：beforeCreate()：在实例初始化完成、pr...
2023-08-01 -
HTML5中的预加载
在前端开发过程中，我们经常需要加载其他域名下的资源，如script加载js脚本，link加载css样式表，img加载图片，js脚本中import引入其他域名下的模块，css样式表中@import引入其他域名下的样式表等等而html解析是同步阻塞加载，解析到特定的网址资源的时候会停止解析对网络资源进行获取并解析，直至完毕才会向下解析现在已经有了部分方式达到异步加载，如script标签中使用async或defer、图片懒加载等，但随着项目的增大，外部资源的获取速度仍然是影响用户体验重要的影响因素在HTML5中新增了多种方式的预加载配置，每页可以有多个预加载配置项，浏览器会根据这些预加载的配置...
2023-05-16