svelte

发表于2023-03-20|更新于2026-02-24

|浏览量:

我宁肯忘掉亏欠自己的而不愿忘掉亏欠别人的。——贝多芬

分享一个前端框架svelte

语法非常的简单容易上手

<script>
	let name = 'world';
</script>

<h1>Hello {name}!</h1>

同样是响应式

非常的有意思

使用也很简单

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

前端

相关推荐

2021-12-01

nvue中tap事件取消冒泡

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 nvue中@tap.stop阻止冒泡失效了代码如下： 1<view @tap="parentEvent"><view @tap.stop="childEvent">触发触发</view></view> 大概有两种方案，第一种是改事件，改为@touchend事件 1<view @tap="parentEvent"><view @touchend="childEvent">触发触发</view></view> 不过还有另一种方式 1234567parentEvent(e) { console.log('parentEvent');},childEvent(e) { console.log('childEvent'); e.stopPropagation();}

2022-08-22

webpack资源管理

天分高的人如果懒惰成性，亦即不自努力以发展他的才能，则其成就也不会很大，有时反会不如天分比他低些的人。——茅盾书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/ 将main.js改为bundle.js index.html 12345678910<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>管理资源</title> </head> <body> <script src="bundle.js"></script> </body></html> webpack.config.js 123456789const path = require('path');module.expo...

2022-05-23

mac鱼眼效果

人不能象走兽那样活着，应该追求知识和美德。——但丁上代码，上效果： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style ...

2024-07-23

mdn学习web游戏开发

坚持自己的本分，保持沉默，这是对中伤最好的回答。——华盛顿链接如下： Web 游戏开发简介 - 游戏开发 | MDN 你可以按照教程完成完整的小游戏开发例如使用纯 JavaScript 的 2D 闯关游戏 2D breakout game using pure JavaScript - 游戏开发 | MDN 使用 Phaser 开发 2D breakout game 使用 Phaser 开发 2D breakout game - 游戏开发 | MDN 具有设备方向的 2D 迷宫游戏 2D maze game with device orientation - Game development | MDN 以及使用 Phaser 的 2D 平台游戏 HTML5 Games Workshop - Start here

2021-09-16

vue深度监听

放纵自己的欲望是最大的祸害；谈论别人的隐私是最大的罪恶；不知自己的过失是最大的病痛——亚里士多德我们有时使用vue的watch，可能要对一个对象的多个属性进行监听这样我们就可以使用深度监听 123456789101112131415161718192021222324252627282930313233343536<template> <view> </view></template><script>// 11位手机号码正则const REGEXP_TEL = /^((1[3,5,8,7,9,6][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;export default { data() { return { // 表单数据存储 formData: { username: '', password: '' }...

2022-02-23

react完成井字棋小游戏

人生就像迷宫，我们用上半生找寻入口，用下半生找寻出口。——朱德庸上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境，首先需要将node升级到14以上并且npm需要5.6以上，这个去官网下载安装包覆盖安装即可然后我们按照教程创建项目 1npx create-react-app my-app 注意第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。然后删除src目录下的默认文件，创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...

阿超

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

数据加载中