比vuex香的🍍pinia最快速入门指南

2022-08-24
阅读 2 分钟
1.8k
如果是新项目, 完全基于setup的, 那么建议使用pinia代替vuex, vuex官网有说pinia可以理解为vuex5, vuex不会出5了.

vue3中h函数的常见用法

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

vue3开发拒绝cv, 快使用crud

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

vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)

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

any-type, 傻瓜化操作, json数据生成typescript类型

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

2022前端必用⭐正则大全, 请🚀提前收好.

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

这次😊typescript(4.5)给vue3安排的明明白白

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

⭐收藏吃灰系列, typescript更新日志🚀中文速读(已更新到4.5), 持续更新...

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

🚀快速掌握vue3新语法(三) - setup中获取元素引用(ref)

2021-11-24
阅读 2 分钟
9.4k
在非setup钩子中, 我们都是通过this.$refs来获取指定元素. 但上节课我们说过setup中没有"this", "props/emit"都是通过参数来获取, 但是"$refs"并不存在于参数中.​

🚀快速掌握vue3新语法(二) - setup的参数(props/emit)

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

🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)

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

[总结🔥]学习vue3都需要会哪些typescript的知识点?中秋🌕回家🚆的路上学会ts.

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

TypeScript系列🔥, 通过vue3实例说说declare module语法怎么用[🦕模块声明篇]

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

解决页面滚动, 🍖ant design的select框和选项分离问题, 同时理解ant的html设计技巧.

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

想看懂vue3文档? 你必须会的几个🌈ES6+语法.

2021-07-16
阅读 3 分钟
5k
2015 年 6 月正式发布了ECMAScript 6.0语法正式发布了, 简称"ES6", 他是对原有javascript语法的扩充, 每年都有新的语法扩充进来, 我这里把后续新增的语法统称"ES6+"语法.

🌱 学会vue3的ref, 12行代码实现"useAxiosGet"

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

用Vue开发了Mock工具, 👨‍❤️‍💋‍👨前后端分离必看

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

[⏰5分钟学会,或者1秒CV代码] d3.js 组合 vue, 新手也实现 🌿 拓扑(svg 版)

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

告别无聊的undefined判断, 让老vue-cli3支持?"可选链"等"ES2020"特性

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

🔥17行代码, 学会UI组件库都在用的"el.contains(node)"

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

🔥Vue"非常规"技巧, 🤖99%的人是第一次看

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

让"any-rule"告诉你?2019年"开发者"都在用的正则有哪些?

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

给新手前端的✋5段救命🚀css代码(scss mixin)

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

在实战中学?typescript - 实现浏览器全屏(100行)

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

为 Vue3 🔥 学点 TypeScript, 什么是声明文件(declare)? [🦕全局声明篇]

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

在vue3?源码中学会typescript? - "is"

2019-10-18
阅读 3 分钟
3.5k
vue3?是用typescript实现的, 所以我认为他的源码是我们学习tyepscript的最佳实践, 下面我就用他源码中的实例让大家学会使用typescript的"is"特性.

🚆新手前端不要慌! 给你✊10根救命稻草🍃

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

🚀揭秘vue/react组件库中🤚5个"作者不造的轮子"

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

vue / react的UI库都在用的几个DOM API🚀

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

初中级前端为什么🚀要学会pr(github)?

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