Neumorphic Elements

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

|浏览量:

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

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

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

效果还是非常惊艳的

相关推荐

uView升级http配置兼容变更

人生须知负责任的苦处，才能知道尽责任的乐趣。——梁启超今天把老项目uniapp的http封装代码cv过来，发现用不了了，原因是uView版本升级了没适配原先uView 1.x的方式： 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...

集成wangEditor

寿命的缩短与思想的虚耗成正比。——达尔文官方文档 wangEditor：Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成如果我们需要获取富文本中的内容使用editor.txt.html()即可

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...

统治别人，一定要为别人谋幸福。——莫泊桑分享一个在export以及 import使用的 as关键字 https://es6.ruanyifeng.com/#docs/module#export-%E5%91%BD%E4%BB%A4 https://es6.ruanyifeng.com/#docs/module#import-%E5%91%BD%E4%BB%A4 这里就不多多赘述简单使用，介绍一个特别的场景：例如这里有一个js文件 123export function myFunc()export function yourFunc() 针对这个js文件export的两个方法，由于没有export default 因此不能使用 1import MyJs from 'my.js' 而是只能使用 1import { myFunc, yourFunc } from 'my.js' 但是通过as关键字，则可以 1import * as MyJs from 'my.js' 然后就可以使用Myjs....

教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样，第一次弄错了，决不能借第二第三次去补救，它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI：基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时，一个优秀的 UI 框架不仅能够加快开发速度，还能显著提升用户体验。对于使用 Vue 的开发者而言，Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架，专注于提供高质量的组件和工具，同时保持轻量化和易用性。通过 Wave UI，开发者可以快速构建美观且功能强大的 Web 应用。为什么选择 Wave UI？1. 轻量化和高性能Wave UI 的核心目标是轻量化，整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异，非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项，让开发者能够快速上手。即使是初学...

setState异步问题

若人间有情，那是开始，也是尽头。——北岛怀念顾城今天使用react中setState后立马从state中获取，然后使用，发现时灵时不灵的，我立马意识到setState可能是异步的，翻看官方文档，果然：调用 setState 其实是异步的 —— 不要指望在调用 setState 之后，this.state 会立即映射为新的值。如果你需要基于当前的 state 来计算出新的值，那你应该传递一个函数，而不是一个对象（详情见下文）。代码不会像预期那样运行的示例： 123456789101112131415161718incrementCount() { // 注意：这样 *不会* 像预期的那样工作。 this.setState({count: this.state.count + 1});}handleSomething() { // 假设 `this.state.count` 从 0 开始。 this.incrementCount(); this.incrementCount(); this.incrementC...

阿超

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

数据加载中