Neumorphic Elements

发表于2023-04-11|更新于2026-02-24

|浏览量:

与智者同行，必得智慧；与愚者相伴，必定无益处。——大卫王

分享一些前端漂亮的小组件

https://codepen.io/myacode/pen/PoqQQNM

效果还是非常惊艳的

相关推荐

谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台，旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript，开发者可以在一个统一的环境中构建跨平台的应用，而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档，极大简化了跨平台开发过程。 Expo 不仅支持快速开发，还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如，Expo 应用服务 (EAS) 提供了一套集成的服务平台，能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统，包括多个模块和工具，使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外，Expo 还包含了与 EAS 深度集成的服务，帮助用户自动化构建、分发和发布应用。这意味着你...

Apache-ShenYu动态扩缩容前端对接

能够隐藏自己的才能是一种很大的才能。——罗休夫柯 pr链接： https://github.com/apache/shenyu-dashboard/pull/489 see gif: 后端也包含了一个提交sql和优化代码的pr： [type:improve] Add dynamically scale admin page by VampireAchao · Pull Request #5706 · apache/shenyu · GitHub 菜单的： 12345INSERT INTO `resource` VALUES ('1844015648095666176', '1346776175553376256', 'SHENYU.MENU.SYSTEM.MANAGMENT.SCALE', '', '/system/scale', '', 1, 4, 'sliders', 0, 0, '', 1, ...

你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪顾名思义，teleport汉译过来就是传送的意思官方文档：https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点：例如我们要实现一个挂载在body上的模态框，就可以使用teleport： 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...

vue项目配置可选调用链

生活是苦难的，我又划着我的断桨出发了。——博尔赫斯可选调用链就是?.写法有些vue项目没有默认配置，因此只能手动配置介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增： 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整： 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...

node-sass版本适配问题

一个人几乎可以在任何他怀有无限热忱的事情上成功。 ——查尔斯·史考伯今天发现node14安装不上node-sass 原来是有个更新日志对照表，针对mac，版本号对照如下： https://github.com/sass/node-sass/releases/tag/v4.14.1 Community Add GitHub Actions for Alpine CI (@nschonni, #2823) Fixes Bump sass-graph@2.2.5 (@xzyfer, #2912) Supported Environments OS Architecture Node Windows x86 & x64 0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 OSX x64 0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 Linux* x86 & x64 0.10, 0.12, 1, 2, 3, 4,...

js的slice小技巧

寻求报复的人使创痕常新，如果不是这样，那么创痕早就痊愈了。——培根非常简单，在没有浅拷贝直接赋值时，效果是这样： 123456789let arr = [1,2,3]let arrCopy = arrarrCopy[1] = 4console.log({arr, arrCopy})// 输出// {arr: Array(3), arrCopy: Array(3)}// > arr: (3) [1, 4, 3]// > arrCopy: (3) [1, 4, 3]// > [[Prototype]]: Object 但如果我们使用slice且不传入参数，则是进行浅拷贝 123456789let arr = [1,2,3]let arrCopy = arr.slice()arrCopy[1] = 4console.log({arr, arrCopy})// 输出// {arr: Array(3), arrCopy: Array(3)}// > arr: (3) [1...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中