
svelte
pd87
这个作者很懒,什么都没留下…
展开
-
svelte组件引入 ‘electron‘ 报错
模块必须在和应用程序的主进程相同的进程上下文中运行,所以不能直接在封装的组件函数中引入它。时遇到了报错,通常是因为 Svelte 在编译时默认将组件封装进了一个函数作用域中。// 使用 onMount 钩子异步加载 ipcRenderer,使它在组件挂载时才被引入。具体来说,可以在组件中添加一个函数来动态引入。// 在组件中定义一个异步函数,用于动态引入 electron 模块。需要注意的是,由于这种方式是异步执行的,所以在组件中使用。在 Svelte 3 中,如果你在组件中使用了。原创 2023-06-06 12:17:05 · 242 阅读 · 0 评论 -
svelte or sveltekit 在vscode 使用了ESLint插件的情况下 解决A11y 波浪线的问题
解决a11y波浪线的问题原创 2023-02-10 00:31:00 · 920 阅读 · 0 评论 -
svelte 配置局域网调试,开启https
package.json{ "name": "app", "version": "1.0.0", "private": true, "scripts": { "build": "rollup -c", "dev": "rollup -c -w", "start": "sirv public --no-clear --host 0.0.0.0 --port 5000", "startd": "sirv pub原创 2021-12-29 16:22:52 · 1270 阅读 · 0 评论 -
svelte pwa应用缓存方案
const CACHE_NAME = 'maiji-pwa-1'const CACHELIST = [ '/',]// const LEIBIE = ['image', 'font', 'script'];const LEIBIE = ['image', 'font'];self.addEventListener('install', function(event) { event.waitUntil( caches.open(CACHE_NAME) .原创 2021-12-29 15:31:21 · 574 阅读 · 0 评论 -
svelte ios dom 操作
重点不要看标题,目前用的svelte 版本:3.0.0demo代码<script> const btn = (e) => { e.path[0].innerHTML = e.path[0].getAttribute("val"); };</script><main> <div on:click={btn} val="更换成功">测试点击按钮</div></main>在ios上是没法更新的i原创 2021-12-29 15:26:02 · 1435 阅读 · 0 评论 -
svelte + Framework7 使用ListItem跳转且传参的方法
路由配置// 公告列表import notice from "./view/notice/index.svelte";// 公告阅读import read from "./view/notice/read.svelte";export default [ { name: 'notice', path: '/notice', component: notice, master: true, detailRo原创 2021-08-27 15:17:11 · 291 阅读 · 0 评论 -
svelte + Framework7 + Swiper 轮播图
顶部的轮播图,添加自动切换,找的我好辛苦,免得忘记了<script> import { Page, Swiper, SwiperSlide, } from "framework7-svelte"; // import Swiper core and required modules import SwiperCore, { Autoplay, Pagination } from "swiper/core";原创 2021-08-25 01:36:07 · 534 阅读 · 0 评论 -
svelte + framework7获取url的get参数
由于本人太菜,没有找到官方相关的获取方式,只能自己写一个了_get = (name) => { name = name == null ? null : name; let url = window.document.location.href.toString(); let u = url.split("?"); if (typeof(u[1]) == "string") { u = u[1].split(原创 2021-08-22 16:27:48 · 303 阅读 · 0 评论 -
svelte + Framework7的路由跳转携带参数2种解决方案
A传参数到B页面,都会用到参数传值之类的,方案一:A页面代码:export let f7router;f7router.navigate("/login", { props: { phone: "13000001111", pass: "123456", },});通过props的方式传值过去,这个看起来没啥问题B页面代码:export let phone;export let pass;console.log(原创 2021-08-22 14:56:12 · 1307 阅读 · 0 评论 -
svelte + rollup 获取不到node的process变量解决办法
是因为自己封装了一下axios,想获取开发环境和正式环境的状态,然后用process居然获取不到,网上的也没有找到能解决的结果自己捣鼓一下,找了插件解决的安装npm install @rollup/plugin-replace下面这个是示例,照着改,这个相当于定义的一个全局变量,所有的svelte的子页面可以调用import replace from '@rollup/plugin-replace';const production = !process.env.ROLLUP_W原创 2021-08-22 14:41:18 · 965 阅读 · 0 评论 -
svelte使用跳转出现重复刷新的问题
反正自己趟的浑水,自己长记性,年纪大了,记不住,以下的解决的办法因为APP有启动图,我做的路由是这样子的首先是APP.svelte文件,使用的官方的一个view,照着复制的,目前没有其他的啥问题<script> import { App, View } from "framework7-svelte"; import routes from "./routes.js"; const f7params = { routes, n原创 2021-08-22 01:28:33 · 504 阅读 · 0 评论 -
svelte + axios + php的跨域和跨域携带cookie配置(绝对靠谱)
客户端设置:这个是自己配置的一个import axios from 'axios';let HOST = __DEBUG ? 'http://ulegou.c.com/newindex' : '线上域名';function encodeFormData(data) { var pairs = []; var regexp = /%20/g; for (var name in data) { var value = data[name].toString原创 2021-08-21 22:52:05 · 671 阅读 · 0 评论 -
svelte 修改调试模式域名和端口
用的官方自带的就可以了而且有说明的,直接在package.json文件修改例子"scripts": { "build": "rollup -c", "dev": "rollup -c -w", "start": "sirv public --no-clear --host demo.c.com --port 5000" },--hostdemo.c.com--port5000修改本地的域名和端口这个是用来调试的时候,跨域...原创 2021-08-21 22:32:48 · 674 阅读 · 2 评论 -
VScode配置 svelte 插件
Svelte for VS CodeSvelte for VS Code Unstable Nightly Builds如果安装了less请参考这个部分跳转链接原创 2021-08-20 17:36:00 · 1616 阅读 · 0 评论 -
vite svelte添加less
安装命令npm install --save-dev svelte-preprocess-less less在rollup.config.js进行配置import { less } from 'svelte-preprocess-less';export default { plugins: [ svelte({ preprocess: { style: less(), }, }), ],};组件中<styl.原创 2021-08-15 20:57:10 · 1401 阅读 · 0 评论 -
svelte引入自定义类,并且加入全局
不知道合不合适,但是目前我自己在用,有更好的方案可以评论一下比如引入,re.js我是放到的路径在src目录下的因为只有1个,如果有多个,建议自己创建一个目录引入吧简单粗暴用全局的方式,windows// 自定义的类import re from "./re.js";// 绑定全局,所有文件可以用window.re = re;// 如果初始链接不是index.html就自动跳转re.run();因为懒散,就这样了,后续引入的每一个页面,都可以直接使用re.xxx()...原创 2021-08-14 12:58:52 · 455 阅读 · 0 评论 -
svelte代码跳转A标签跳转
如果是A标签跳转,需要安装svelte-spa-router 模块<script> import {link} from 'svelte-spa-router';</script><a href="/about/123" use:link>跳转</a>如果是代码跳转可以直接用 hash 方式跳转location.hash = '/home'...原创 2021-08-14 12:54:54 · 604 阅读 · 1 评论 -
svelte获取 svelte-spa-router 模块的参数
例子:import about from "./../view/about.svelte";export default { "/about/*": about,};进入about.svelte添加<script> export let params = {}; console.log(params);</script>好像测试只能获取最后一级的参数,如果过个参数,还是用get吧...原创 2021-08-14 12:51:02 · 780 阅读 · 0 评论 -
svelte的路由配置
先下载官方是spa路由模块npm installsvelte-spa-router在APP.svelte 引入<script> // 主要处理的相关绑定 import Router from "svelte-spa-router"; import routes from "./routes/index.js";</script><!-- 这个是官方的链接跳转路由 --><Router {routes}/>在A.原创 2021-08-14 12:47:08 · 2795 阅读 · 0 评论