svelte
发表于|更新于
|浏览量:
我宁肯忘掉亏欠自己的而不愿忘掉亏欠别人的。——贝多芬
分享一个前端框架svelte
仓库链接:https://github.com/sveltejs/svelte
语法非常的简单容易上手

1 | <script> |
同样是响应式

非常的有意思
使用也很简单
1 | npm create svelte@latest myapp |
相关推荐
2025-05-24
CircularProgressBar
丈夫志四海,万里犹比邻。—— 曹 植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐:CircularProgressBar 完美实现圆形进度条在 Android 开发中,进度条是一种非常常见的 UI 元素,用于展示任务的完成进度。虽然系统自带了 ProgressBar,但其样式单一,无法满足复杂的 UI 需求。为了解决这一问题,CircularProgressBar 提供了一种简单易用的解决方案,帮助我们轻松实现高度定制化的圆形进度条。 本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。 什么是 CircularProgressBar?CircularProgressBar 是一个开源的自定义控件,用于实现 Android 中的圆形进度条。由 lopspower 开发,CircularProgressBar 提供了灵活的 API 和丰富的样式选项,可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点 高...
2020-12-02
js进行深拷贝
共夸不受污泥染,没有污泥哪有莲。——《赏荷》 对象深拷贝 123456789101112131415161718192021222324252627282930export function deepClone (data) { var type = getObjType(data) var obj if (type === 'array') { obj = [] } else if (type === 'object') { obj = {} } else { // 不再具有下一层次 return data } if (type === 'array') { for (var i = 0, len = data.length; i < len; i++) { data[i] = (function () { if (data...
2022-07-15
vuera
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 分享一个开源项目:https://github.com/akxcv/vuera 它可以让你在vue里写react,在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...
2023-09-11
css画一个圈带一条线
深窥自己的心,而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px(分割线 * 白色渲染到21px(分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果: .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2024-09-20
vinejs
仅仅对自然做种种临摹,并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库,它的设计理念是简洁和灵活,特别适合前端和后端应用中的数据验证。无论是在前端用户输入时,还是在后端 API 请求时,Vine.js 都能帮助开发者快速、高效地进行数据验证,确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则,并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理,Vine.js 提供了直观的方式来定义验证逻辑,减少开发者手动编写验证代码的时间和精力。 主要特点: 简单易用:通过简洁的 API,让验证规则定义和应用变得更加直观。 灵活的错误处理:支持定制错误消息,并可以灵活地处理验证失败时的行为。 适用于前后端:无论是用于前端表单验证,还是后端 API 的请求参数验证,Vine.js 都能够胜任。 良好的扩展性:支持自定义验证器,允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2022-01-02
图片懒加载
如果你只读每个人都在读的书,你也只能想到每个人都能想到的事。——村上春树 首先贴代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width: 400px; height: 300px; background-color: #e8e8e8 } .ruben img { width: 100%; height: 100%; } </style> <...

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