• Vue3 script setup

    目前setup sugar已经进行了定稿,vue3 + setup sugar + TS的写法看起来很香, 写本文时 Vue 版本是 "^3.2.6"新的 setup 选项是在组件创建之前, props 被解析之后执行,是组合式 API 的入口。WARNING\在 setup 中...

    Vue3 Reactivity API

    effect() 和 reactive()import { effect, reactive } from '@vue/reactivity'// 使用 reactive() 函数定义响应式数据const obj = reactive({ text: 'hello' })// 使用 effect()...

    摘抄一些关于Vue Options API 和 Composition API 的争论

    诱因首先 setup 函数有冗长返回语句的问题已经在 提案中作出了很棒的解决。这一点我相信随着时间推移会有越来越多的人认同并且实践。该提案已经被官方确定并作为下个版本的正式 Feature 了,所以即使你在 vite 的控制台打印信息里看到了 experimental 也无需担心了。至于我们为什么...

    tsconfig.json

    在 TS 的项目中,TS 最终都会被编译 JS 文件执行,TS 编译器在编译 TS 文件的时候都会先在项目根目录的tsconfig.json文件,根据该文件的配置进行编译,默认情况下,如果该文件没有任何配置,TS 编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中,会根据自...

    console.log

    基本console.log('最常见用法\n换行');console.error('输出错误信息 会以红色显示');console.warn('打印警告信息 会以黄色显示');console.info('打印一般信息');console.clear();//清空上面的console显示进阶conso...

    vite.config.js

    export default { //项目根目录 root: process.cwd(), //项目部署的基础路径 base: "/", //环境配置 mode: 'development', //全局变量替换 Record<st...

    A Complete Guide to Flexbox

    container 部分定义一个 flex 容器:.container { display: flex; /* or inline-flex */}1.flex-direction(主轴排列方向)建立主轴,从而定义 Flex 项目放置在 Flex 容器中的方向。Flexbox 是单向布局概念。将 ...

    论 MVVM 伪框架结构和 MVC 中 M 的实现机制

    论 MVVM 伪框架结构和 MVC 中 M 的实现机制一直都有人撰文吹捧 MVVM 应用开发框架,文章把 MVVM 说的天花乱坠并且批评包括 iOS 和 android 所用的 MVC 经典框架。这篇文章就是想给那些捧臭脚的人们泼泼冷水,虽然有可能招致骂声一片,但是目的是给那些刚入门的小伙伴一些参考...

    总结Go的环境变量

    总结一下 Go 语言中常用的环境变量(Environment variables)的作用以及如何设置。注意:Go 提供的 Windows 操作系统安装包 (.msi 后缀) 安装完成后,会自动配置几个常用的环境变量。常用环境变量Go 语言中可以设置的环境变量有很多,每个环境变量都有其作用,不过很多我...

    GoQuery 折腾记录

    折腾了一下 goquery,goquery 的选择器比较全,而且还有很多不常用但又很有用的选择器,这里总结下,以供参考。如果大家以前做过前端开发,对 jquery 不会陌生,goquery 类似 jquery,它是 jquery 的 go 版本实现。使用它,可以很方便的对 HTML 进行处理。基于 ...