背锅程序猿-佛系写手-CSDN博客

原创 Vue3学习笔记 - composition api

前言在上篇笔记中《vue3带来了什么？》中，聊到的其中一个改变是，vue3中带来一组全新的api，composition api，该 api 集中，可以更好的封装代码块逻辑，而不需要分散到每个option api 的钩子函数中。function useMousePosition() { const position = Vue.reactive({ x: 0, y: 0 }); const update = e => { position.x = e..

2021-06-27 14:56:43 153 1

原创 Vue3学习笔记 - vue3带来了什么？

目录源码组织方式Composition APIoption apioption api democomposition api (基于函数的API)compostion api demo性能提升响应式系统升级编译优化源代码体积优化ViteES ModuleVite as Vue-cliVite 的特点打包方式Vite创建项目源码组织方式源码采用TypeScript 重写使用 Monorepo 管理项目结构Composition

2021-06-26 17:29:40 166

原创 TypeScript实现VUE组件实践

前言最近因为项目需要，开始深入接触Typescript相关知识。对于做前端，对TS应该再熟悉不过了，目前前端主流框架，都慢慢的向TS靠拢。而Typescript出现后，Google 表现出了浓厚的兴趣，这也是为什么AngularJS利用TS进行重构的原因。紧接着React、和VUE（VUE3.0利用TS编写）对TS的支持也逐渐完善。所以TS也逐渐成为前端必不可少的技能。接下来，记录一下通过TS写VUE组件，并将组件发布到NPM上。这是一个丑陋的组件，如图。。。点击我的，弹出个弹出框，点.

2020-12-18 09:24:31 708

原创 Flutter:Dart数组(List)基本属性与操作笔记

Dart数组基本属性与操作一、数组的定义1、定义固定类型数组2、定义固定长度数组3、定义混合类型数组二、数组的常用属性1、获取数组长度 - length2、获取数组第一个元素 - first3、获取数组最后一个元素 - last3、获取倒序迭代器 - reversed4、判断数组是否为空 - isEmpty5、判断数组是否为非空 - isNotEmpty三、数组的常用方法1、添加元素 - add2、批量添加 - addAll3、指定位置添加 - insert4、指定位置批量添加 - insertAll5、删

2020-06-13 10:04:32 12250

原创 Flutter:Dart基础语法入门

工作上的需要，被迫上线学习Flutter，看了下文档和线上的专栏，人老了，怕容易忘记，记录下笔记，如果有错误的地方，烦请纠正。一、Dart简介Dart是Google在2011年10月正式发布的编程语言，起初的定位是运行在浏览器的脚本语言。是Google大神由于不满JavaScript开发的程序后期难维护问题，而新研发的一种面向对象编程语言。然而nodejs的出现，JavaScript很快覆盖了全栈，很多手机应用和桌面应用也成为了JavaScript的宿主容器。这使Dart始终不温不火，这么多年来内置Da

2020-06-07 11:38:15 307