难以置信,一个小小的需求让我捣鼓出一个提效的网站来

2023-10-24
阅读 16 分钟
701
事情是这样的,有个群友在业务当中碰到一个小小的需求,需求是这样的: 页面当中存在多个输入框,输入框的 value 值是一个数值组成的字符串(盲猜应该是身份证号码),这个字符串的位数是 15 位或者是 18 位,例如:'621848063680370'(15 位)和'621848063688370808'(18 位),然后默认的值是这样的,现在问题来了,需求希望...
封面图

利用思否猫素材实现一个连连看小游戏

2022-10-18
阅读 45 分钟
5.2k
vue3实现一个思否猫连连看小游戏本文参与了1024程序员节,欢迎正在阅读的你也加入。通过本文,你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果,一些canvas的基本用法rem布局typescript知识点开始之前在开始之前,我们先来看一下最终的成品是怎么样的,如下图所示:首...
封面图

50天用vue3完成了50个web项目,我学到了什么?

2022-09-19
阅读 30 分钟
4.1k
通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式变量。如: {代码...} ref方法当然也可以定义一个对象,但是通常定义对象应该使用reactive方法。Vue v-for指...
封面图

从零开始实现一个在线三角形生成器

2021-10-24
阅读 13 分钟
7.4k
在线三角形生成器通过本文,你将学到如下知识:快速入门vue 3.2的核心API知识掌握最新浏览器实现的复制粘贴的clipboard API按需引入element plusvite 的一些入门配置正则表达式以及typescript的类型less语法element plus 国际化快速创建一个vite项目参考文档官网vite。我们可以快速创建一个项目: {代码...} 接下来,我们...
封面图

一个工具函数,实现页面tooltip组件的限制使用

2021-09-15
阅读 5 分钟
3.8k
有这样一个需求:页面已经写了太多的详情表单元素,并且每一个表单元素都使用了Tooltip组件来包裹,这样是不符合需求的,因为用户需要限定当表单元素的文本太多时,也就是说出现了省略号才会出现Tooltip组件的包裹。比如项目采用的element UI组件库。在一个页面有太多的这样的表单元素:
封面图

2天用vue3.0实现《掘金 - 2020年度人气创作者榜单》网站

2021-01-30
阅读 9 分钟
5k
初看到掘金 - 2020年度人气创作者榜单这个网站,感觉整体界面效果给我一种清爽的感觉,于是花了点时间琢磨如何实现。目前实现的功能有:列表展示,搜索,无限加载(与原网站有些区别,加了loading效果),活动介绍,tab切换。通过这些,我对vue3.0的composition api有了一定的认知,下面让我们来看看吧!

从零开始编写一个时间线组件

2020-09-06
阅读 18 分钟
3.7k
在编写代码时,我们需要用到es6的语法,因此我们还需要安装@babel/core @babel/cli @babel/preset-env babel-loader依赖来处理es6兼容语法。继续执行如下命令: