- 博客(30)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vite 构建失败 modules transformed.
记录一下，可能是 因为npm 有个打赏 导致的，删除node_modules目录。重新下载，使用 npm install --no-fund。概率性的问题，构建的时候出现这个，然后就自动断开进程了。目前问题已经解决了，记录一下。
2024-04-03 22:28:03
146
原创 svelte组件引入 ‘electron‘ 报错
模块必须在和应用程序的主进程相同的进程上下文中运行，所以不能直接在封装的组件函数中引入它。时遇到了报错，通常是因为 Svelte 在编译时默认将组件封装进了一个函数作用域中。// 使用 onMount 钩子异步加载 ipcRenderer，使它在组件挂载时才被引入。具体来说，可以在组件中添加一个函数来动态引入。// 在组件中定义一个异步函数，用于动态引入 electron 模块。需要注意的是，由于这种方式是异步执行的，所以在组件中使用。在 Svelte 3 中，如果你在组件中使用了。
2023-06-06 12:17:05
183
原创 sveltekit配置less
npm install svelte-preprocess -dsvelte.config.jsimport adapter from '@sveltejs/adapter-auto';import preprocess from 'svelte-preprocess';/** @type {import('@sveltejs/kit').Config} */const config = { kit: { adapter: adapter() }, .
2022-03-24 02:46:24
427
原创 js on绑定事件
abort 当用户中断下载图像时触发。activate 当对象设置为活动元素时触发。afterprint 对象所关联的文档打印或打印预览后立即在对象上触发。afterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。beforeactivate 对象要被设置为当前元素前立即触发。beforecopy 当选中区复制到系统剪贴板之前在源对象触发。beforecut 当选中区从文档中删除之前在源对象触发。beforedeactivate 在 activeElement 从当前对象
2022-03-24 02:43:49
519
原创 vscode mac ssh使用gitee 的git 提交
本地用了ssh密钥密钥生成的方法和配置：生成/添加SSH公钥 - Gitee.com需要修改一下配置的默认账户和密码git config --global user.name authorgit config --global user.email [email protected]修改后在提交就OK了...
2022-01-20 20:00:42
337
原创 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
1166
原创 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
514
原创 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
1383
原创 谷歌浏览器，添加手机模拟器
在百度百科搜索手机型号如iphone 13 pro max获取有用的信息超视网膜 XDR 显示屏，支持 ProMotion 自适应刷新率技术6.7 英寸 (对角线) OLED 全面屏2778 x 1284 像素分辨率，458 ppi如果部分机型没有ppi指数，可以通过计算获得ppi的计算方式网上有，可以通过js实现Math.sqrt(Math.pow(2778,2)+Math.pow(1284,2))/6.7结果是456.77 和458相差无几，可以使用，不...
2021-12-23 22:59:03
3096
原创 git 强制覆盖本地
放弃所有git fetch --all重新拉取git reset --hard origin/master或者是其他分支git reset --hard origin/<branch_name>一行强制覆盖git fetch --all &&git reset --hard origin/master
2021-12-15 00:39:37
1082
原创 openssl配置本地泛域名https证书
必备文件下载：点击下载下载后解压，在解压的目录里面运行openssl生成的泛域名证书是100年，如果是windows系统需要执行ｐ１２格式证书，把证书添加到【受信任的根证书发布】证书密码是1234561.创建ca证书openssl req -sha256 -new -x509 -days 36500 -keyout CA.key -out CA.crt -config openssl.cnf1.输入密码1234562.重复输入密码1234563.国家 cn4.省 hub
2021-08-31 19:27:14
845
原创 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
229
原创 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
430
原创 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
221
原创 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
1109
原创 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
887
原创 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
399
原创 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
574
原创 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
560
2
原创 VScode配置 svelte 插件
Svelte for VS CodeSvelte for VS Code Unstable Nightly Builds如果安装了less请参考这个部分跳转链接
2021-08-20 17:36:00
1183
原创 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
1192
原创 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
360
原创 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
463
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
671
原创 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
2501
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人