Neumorphic Elements

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

|浏览量:

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

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

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

效果还是非常惊艳的

相关推荐

在vue中使用jsx

一个人追求的目标越高，他的才能就发展得越快，对社会就越有益，我确信这也是一个真理。——玛克西姆·高尔基首先是官方文档 vue2的：https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的：https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例：先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签，其他的该咋用就咋用还有的区别在这个链接里：https://github.com/vuejs/jsx#installation 如果有react的基础，上手这个就很容易...

页面滚动事件

有些路是非要单独一人去跋涉，路再远再长，也得独自默默走下去。——席慕蓉 HTML DOM事件大全：https://www.runoob.com/jsref/dom-obj-event.html 可以如下写法： 12345window.onscroll = function() { console.log("滚动上下距离" + document.documentElement.scrollTop || document.body.scrollTop); console.log("滚动左右距离" + document.documentElement.scrollLeft || document.body.scrollLeft);}// jquery $(window).scroll(()=>{}) uniapp页面生命周期文档：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%...

typescript-exercises（十三）

人不仅为自己而生，而且也为祖国活着。——柏拉图题目： 123456// This enables module augmentation mode.import 'date-wizard';declare module 'date-wizard' { // Add your module extensions here.} 报错： 12345index.ts(79,30): error TS2339: Property 'pad' does not exist on type 'typeof import("/node_modules/date-wizard/index.d.ts")'.index.ts(101,67): error TS2339: Property 'hours' does not exist on type 'DateDetails'.test.ts(5,5): error TS2344:...

趋炎附势的人，不可与其共患难。——拜伦分享一个前端打包工具官方文档：https://parceljs.org/ 中文文档：https://www.parceljs.cn/ 非常好用

文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI：构建现代Vue 3应用的UI组件库在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。什么是Equal-UI？Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。核心特性 Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。现代化设计：组件风格简洁优雅，遵循现代UI设计原则。高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。 TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。快速开...

活着就意味着必须做点什么，请好好努力。——《地下》我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。这里的复杂性很大程度上来自于...

阿超

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

数据加载中