如果是新项目, 完全基于setup的, 那么建议使用pinia代替vuex, vuex官网有说pinia可以理解为vuex5, vuex不会出5了.

一般情况下每个vue组件都用"\<template\>"写html, 但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合"h"使用.

开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下"增删改查"组件:crud-vue.

一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.

今天给大家介绍"any-type", 一个vscode插件, 他可以根据 javascript 字面量生成 typescript 类型.🔥使用场景在ts中, axios请求的数据, 为了后面的操作, 我们都是要手动标注类型的, 比如: {代码...} 这里"ResponseData"类型就是对接口的描述. 下面模拟一个销量统计接口. {代码...} 其类型描述: {代码...} 可以预想到: "接...

你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.

这是tsconfig中新增的选项, 干什么用呢? 简单说就是ts之前的版本如果导入的变量未使用, ts编译后会删除他, 用了这个选项就可以告诉ts"别多管闲事".

由于个人能力有限, 所以本文只从"typescript 更新日志"中筛选类型/语法相关的知识点, 3.1之前的版本都是一些基础知识, 所以只摘取了部分内容. 如有错误还请各位多多指点帮助.

在非setup钩子中, 我们都是通过this.$refs来获取指定元素. 但上节课我们说过setup中没有"this", "props/emit"都是通过参数来获取, 但是"$refs"并不存在于参数中.​

因为setup的解析在其他组件选项之前, 所以setup中"this"并不是组件实例, 之前通过"this"获取的属性现在都要从setup的参数中获取, 比如"props/emit".

"组合API"可以更进一步拆分"选项API"中的JS逻辑. 可以把某一逻辑的"data/computed/watch/methods/声明周期钩子"单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名"useXxx".

vue3需要用ts可能是小伙伴没开始玩转vue3的最大障碍, 经过1年vue3+ts开发实战, 我总结了必须要会的ts知识点(内容只有官网内容的1/4), 方便大家学习vue3的时候查阅, 保证大家学会了本文轻松玩转vue3开发.

欠你们的本系列文章是我20年开始写的, 这个模块声明也是本系列的最后一课, 中间因为时间安排间隔了1年, 当时答应大家要补充的, 现在来还债😊.中间的时间我写了vue3的入门教程, 现在写了一半了吧, 带视频的, 如果有需要的小伙伴可以去看看.[链接] 《vue3知识点"精选"》往期目录第一课, 体验typescript第二课, 基础类型和入...

通过解决我们也学一下ant的html/css设计技巧.现象滚动的时候, 这里"负责人"的选项和select框已经分离了.我用的vue版本的, 我看了下react版本的api设计, 我想2个都会出现这特殊情况.原因点击select的时候, ant做了2件事情:生成"选项列表div"放在body的尾部."选项列表div"会根据select相对于body元素计算当前的位置, 并使...

2015 年 6 月正式发布了ECMAScript 6.0语法正式发布了, 简称"ES6", 他是对原有javascript语法的扩充, 每年都有新的语法扩充进来, 我这里把后续新增的语法统称"ES6+"语法.

ref 是 vue3 新增的 api, 他的意义就是单独定义一个可以"被追踪"的变量, vue2 中所有变量都需要在data中定义, vue3 中增加了一个setup字段, 在这里我们可以更灵活的定义变量.

内容摘要功能展示.开发中使用的插件.前后端分离因为vue/react的普及, 现在的开发模式都变成的前后端分离, 前端开发初期就需要假数据(数据结构).本人前端, 每次开发都苦恼于上面的需求, 所以做了下面的小工具(基于Vue).无脑一键假数据, 总共分2步在线预览, https://xin_zhong_xin.gitee.io/be-mock/#/mock第一步, 输入任...

目标效果 🚀 在线实例 源码地址 如果急用, 可先cv走代码修改, 哪里没明白再回来看哪里. [链接] 介绍下 D3.js d3 是一个大而全的图形库, 集成了svg 元素操作和常见图表(图形)的数据结构. 本文基于v5 版本的 d3 编写, d3 的功能都是拆分成独立包的, 我们这里只需要引入d3-hierarch和d3-shape生成拓扑的数据结构. {代码...} ...

近期看到多个群中都在聊"可选链", 所以就把单位的老项目也开启了"可选链"功能, 使用了1个月后的感受就是: 再也不用写那么长的"undefined"判断了, 可选链"真香".

el.contains(node)用来判断一个元素是否在另一个元素内.一般组价库中的"下拉"和"气泡对话框"用这个特性来实现"点击组件外部关闭组件"功能.

一句话理解"Event" 类似vue中$emit, 使用new Event可以创建浏览器的原生事件,通过使用addEventListener监听事件. 简单使用: {代码...} 这和Vue有什么关系? 看, 这样给组件绑定事件很常见: {代码...} 但是如果不是组件是一个html元素呢? {代码...} 要实现上例就需要用到自定义事件(Event). 为什么不用"组件"? 以"拖拽组件...

如若初见 any-rule是一个vscode插件, 开发者可以方便的查询常用正则.vscode中搜索"any-rule" ?非vscode用户可以访问web版本: [链接] 快速成长 实时star✨ 6月28日开的项目, 截至本文star已经增长到1625, 这要非常感谢?平台曝光和各位优质开发者的认可?, 请收下微臣的膝盖orz. 经过半年的维护,整理正则已经达到61条, 共计...

在写🔥css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个🐰简单的活动页也引入那么🦕大个框架吧?

好了! 满足大家的需求, 我计划定期用ts做一些业务常用小插件, 代码量尽量小(控制在?1kb以内), 方便大家阅读源码, 也方便大家有时间去实现一遍.

往期目录 第一课, 体验typescript 第二课, 基础类型和入门高级类型 第三课, 泛型 第四课, 解读高级类型 第五课, 命名空间(namespace)是什么 特别篇, 在vue3🔥源码中学会typescript🦕 - "is" 第六课, 什么是声明文件(declare)? 🦕 - 全局声明篇 全局声明篇 年底比较忙🔥, 受个人时间限制, 暂把"声明"部分的内容分为"全局声明...

vue3?是用typescript实现的, 所以我认为他的源码是我们学习tyepscript的最佳实践, 下面我就用他源码中的实例让大家学会使用typescript的"is"特性.

我给个建议: "不会写还不会用吗?", 其实js发展这么多年,常见的功能在github上都是可以找到的, 下面我就给大家拿出我收藏多年的"救命插件"!

🚀 这五个轮子其实是5个纯js实现的插件, 都非常优秀, 下面一一给大家揭秘. async-validator(数据验证工具) 默认集成了url和email验证, 支持异步验证. element-ui和iview的表单组件都是用他实现的验证功能. {代码...} [链接] 补充: 看了作者的github, 作者应该是阿里的员工, 而且也是ant design的代码维护者. moment | day...

虽然vue/react帮我们实现了操作数据映射到dom操作, 但是还是有很多不得不用DOM API的场景, 下面我就给大家列出一些UI库中经常出现的DOM API(写业务代码也可事半功倍).

现在哪个公司招聘上不写着有github开源经历的 加分, 如果你还不能自己独立完成一个开源项目, 但是还想凑个热闹慢慢学习, 你可以从帮助别人找代码或者文档的bug开始.