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

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

非常的有意思
使用也很简单
1 | npm create svelte@latest myapp |
相关推荐
2023-11-15
emberjs
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法: 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件,语法和vue有些异曲同工之妙,是一个很值得学习的库 其emberjs约定大于配...
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件: http://html2canvas.hertzen.com/ 使用方式特别简单: 引入: 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用: 123html2canvas(docu...
2025-05-21
升级项目为typescript
志不强者智不达。——《墨子·修身》 在一个 JavaScript + Vue 项目中引入 TypeScript 编写的代码组件 1. 保证依赖支持 TypeScript 安装 TypeScript 相关依赖(如果还没有): 12npm install --save-dev typescriptnpm install --save-dev @types/node 如果你的 Vue 版本是 Vue 2,建议也装上 vue-property-decorator 和 vue-class-component(class 风格): 1npm install --save vue-class-component vue-property-decorator 2. 配置 tsconfig.json 在项目根目录新建或完善 tsconfig.json,确保包括你的 TypeScript 组件目录。例如: 123456789101112131415161718192021222324252627{ "compilerOptions": { &q...
2022-04-03
vue中特殊的prop和事件
懒惰等于将一个人活埋。——泰勒 我们知道v-model可以用于input等标签,当做语法糖进行绑值 对于我们自定义的组件,其实也可以使用 官方文档 例如此处我们可以让input改变值时,父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...
2022-03-05
Generator函数自动执行器
有的东西被遗忘,有的东西销声匿迹,有的东西死了,而其中几乎不含有悲剧性因素。——《寻羊冒险记》 今天用typescript写了个Generator函数自动执行器: 1234567891011export function runGenAuto(fn: Function) { let gen: Generator<Function> = fn() function next() { let result = gen.next() if (result.done) { return result.value } return result.value(next) } return next();} 为了测试效果,我们定义一个Generator函数,这个函数用于将URLSearchParams转换成一般对象 当然直接遍历不用generator也能实现上述需求,但这里主要是为了测上方的自动执行Generator...
2021-09-12
js window.open
懒惰——它是一种对待劳动态度的特殊作风。它以难以卷入工作而易于离开工作为其特点。 —— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面 使用window.open即可,关于它的参数,为以下四个: URL:需要打开的页面URL 1window.open("https://VampireAchao.github.io/") name:打开页面的方式或名称 12345678// 新窗口打开,默认window.open("https://VampireAchao.github.io/","_blank")// 父窗口打开,ifame中使用window.open("https://VampireAchao.github.io/","_parent")// 当前窗口中打开window.open("https://VampireAchao.github.io/","_self")// 顶层窗口...

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