粥粥粥菌

记录一下在vue中使用contenteditable属性所需要注意的地方。 contenteditable 用途...

随着现在设备性能的提升，向网站中插入3D模型已经不是啥稀奇事情了。而且插入3D元素能极高地提高用户体验，再加上一些用户交互就能给人非常惊艳的体验。 目前比较流行的Web3D...

我相信各位前端大佬和小佬们都听过这句话： 肯定有很多人像我一样，只管爽用vue就行，我管你什么getter、proxy的。不过这个东西在实际开发中是非常实用的，可以实现一些...

使用css动画实现跑马灯效果.先看效果 <marquee>标签 这时候一些前端大佬就会站起来说了，这不就是一个<marquee>标签的事吗？ 不过这个元素目前已经被废弃了...

部署waline 这部分waline官网有详细介绍，我们只需要做到 Vercel 部署 (服务端) 这一步即可。有购买域名的小伙伴可以往下再做一步。完成部署后就能回到本文继...

购买域名 查询域名 在购买域名之前，第一步应该是查询想购买的域名是否还在。就像你没法购买baidu.com，因为这个域名目前是归百度的，你只能购买那些没被注册的域名(当然没...

准备账号 目前你需要准备的非常简单，只需要一个gitlab账号，没有的话可以点击这里去注册一个。 注册完成后会要求你填写一些信息，当你填写到这一步时就能进行部署了。 拉取部...

先看效果 这个环形进度条使用纯css制作，使用css变量控制进度，你可以打开开发者工具选中它改变它内联的css变量--progress: 60，进度和内容均会发生变化。 C...

通过:valid伪类和required属性纯css实现动态label输 :valid与:invalid伪类 这两个伪类可以用于input元素和select元素，用于选中校验...

灵活使用兄弟选择器搭配<input type="radio">纯CSS实现评分组件 先看效果 以下是一个纯靠css实现的评分组件，点击星星即可评分，不同的评分将会展示不同的...

巧用z-index与后续兄弟选择器实现循环翻牌效果 先看效果 点击卡片就能切换一张，并且整个实现过程并没有用到js。这个样例中除了两张卡片外其实还有两个透明的input，你...

巧用grid布局优雅实现 定高定宽向不定宽高height:auto 有时候我们会遇到这种情况，容器内部由元素撑开无法知道其高度，又需要实现平滑过渡。就像这样： 我相信作为C...

通过收藏书签向任意网站注入javascript，召唤看板娘 将下面这个蓝色方块拖拽至收藏夹栏再松开鼠标，浏览器会自动创建一个书签。 然后我们随意打开一个网站，点击这个书签，...

利用contenteditable属性实现不定宽度的输入框input 有些时候我们需要制作宽度随输入的文字变化的输入组件，例如下面这个tag输入框： 这个时候常规的inpu...

前言 Tabs-基本用法 Tabsr-常用属性 通过 Tabs 的属性进行调整： vertical 属性即可调整导航为 水平 或 垂直 barPosition 即可调整导航...

前言： 基本用法： Scroll 设置尺寸 设置 子组件（只支持一个子组件） 设置滚动： （1） 竖向滚动：子组件的高度超出 Scroll （2） 横向滚动：子组件的宽度超...

原题地址： 寻找最大葫芦 - MarsCode 笔者是使用js完成这次算法题目的编写。 题干如下： 由题我们不难发现，扑克牌的一串相同的数字最大的数量为 4 因此我们并不需...

前言： readonly（只读） private（私有） protected（受保护） public（公共）...

💝💝💝AI 大模型在软件开发中的应用场景 一、代码自动生成 二、智能测试 三、需求分析与设计 四、代码优化与重构...

前言： 固定行列 基本属性: 名称 参数类型 描述 columnsTemplate string 设置当前网格布局列的数量或最小列宽值，不设置时默认1列。例如, '1fr ...