摘要:
置顶语录 1、在你成功之前。没有人会对你的努力感兴趣(马拉松内心鼓励) 2、当你坚持不下去的时候,意志力会带你杀出重围(马拉松内心鼓励) 电影 肖申克的救赎 生命可以归结为一种简单的选择:要么忙于生存,要么赶着去死 名人语录 郭德纲 下雨了,咱就打伞;天晴了,就去晒太阳。 有什么事,解决什么事;没事 阅读全文
摘要:
我们在自定义组件的时候,无论是用 @Styles 还是 @Extend,都很难真正做到独立的封装样式,因为这两者都不支持导出,不可以跨文件调用 这篇文章主要介绍一个接口 AttributeModifier,它很好的解决了这些弊端,可以实现样式的集中管理和复用,支持跨文件调用封装好的样式类 Attri 阅读全文
摘要:
这篇文章介绍一个装饰器 @Extend,它的主要作用是:用于扩展原生组件的样式 语法 @Extend(UIComponentName) function functionName { ... } 定义规则: UIComponentName:组件名称,例如 Text、Button 后面必须跟 func 阅读全文
摘要:
这篇文章介绍一个装饰器 @Styles,它的主要作用是复用样式 当多个组件都有相同的样式,如果每个组件单独设置,会造成大量重复的代码冗余。这时我们可以使用 @Styles 将这些相同样式封装成一个方法,供这些组件调用,达到复用样式的目的 使用方法 @Styles 使用分为两种情况,定义在组件内或定义 阅读全文
摘要:
自定义组件的基本结构 @Entry @Component struct MyComponent { build(){ // ... } } build()函数 build()函数用于描述组件的UI界面,自定义组件必须定义build()函数 build() { Column() { Text('测试' 阅读全文
摘要:
这个问题需要分以下两个步骤解决: 检查抖动的页面组件是否有多个根节点 增加离开过渡的css样式 v-leave-to: {display: none} 步骤1(检查抖动的页面组件是否有多个根节点) 我在为路由跳转增加了一个动画,如下: <template> <router-view v-slot=" 阅读全文
摘要:
组合式API setup() 11 响应式API ref ref 用于创建响应式数据(通常用来定义 基本类型数据) 在JavaScript代码中,需要使用 .value 来操作数据 let count = ref(1) console.log(count.value) // 1 count.valu 阅读全文
摘要:
新 API 最新的 url 参数获取的 API? URLSearchParams // 有如下一个url: http://localhost?a=1&b=2 function getUrlParam(name) { let paramStr = location.search.substr(1) l 阅读全文
摘要:
Vue3 对比 Vue2 做了那些改进? 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式,劫持整个对象,递归遍历所有属性,给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V 阅读全文
摘要:
介绍 Less 是 CSS 的预处理语言之一,为 CSS 增添了变量、Mixin、函数等特性,使CSS更易于维护扩展。 嵌套(Nesting) .header { .navgation: { font-size: 30px; } } 编译结果: .header .navgation: { font- 阅读全文
摘要:
配置用户代码片段 文件 → 首选项 → 配置用户代码片段 比如配置一个vue3的代码片段: { "vue3-code": { "prefix": "vue3", "body": [ "<template>", " <div></div>", "</template>", "", "<script l 阅读全文