大前端
关注
分享
扫一扫
文章平均质量分 76
怪我冷i
这个作者很懒，什么都没留下…
展开
-
Debian 12 安装nodejs（包括node、npm、npx、yarn、pnpm、cnpm、bun）
【代码】Debian 12 安装nodejs。原创 2025-03-30 00:30:00 · 1346 阅读 · 0 评论 -
前端公历库lunar-javascript
是一款无第三方依赖的公历(阳历)、农历(阴历、老黄历)、佛历和道历工具，支持星座、儒略日、干支、生肖、节气、节日、彭祖百忌、每日宜忌、吉神宜趋、凶煞宜忌、吉神(喜神/福神/财神/阳贵神/阴贵神)方位、胎神方位、冲煞、纳音、星宿、八字、五行、十神、建除十二值星、青龙名堂等十二神、黄道日及吉凶等。原创 2025-03-16 00:30:00 · 223 阅读 · 0 评论 -
figma替代产品对比
Figma：跨平台、强大的实时协作和版本控制，适合团队使用。Sketch：Mac 用户首选，插件生态丰富，但不支持实时协作。Adobe XD：与 Adobe 生态系统无缝集成，支持实时协作。JS Design (即时设计)：国产工具，支持中文，适合国内用户，功能全面。MasterGo：国产工具，支持多人协作，界面友好。Pixso：国产工具，支持多人协作，功能全面。Motiff：在线设计工具，支持多人协作，功能全面。Penpot：完全开源的在线设计工具，支持多人协作，适合团队使用。Krita。原创 2025-03-15 00:30:00 · 950 阅读 · 0 评论 -
LogicFlow介绍
LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批流配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。更多资料请查看。原创 2025-03-16 00:15:00 · 726 阅读 · 0 评论 -
nodejs学习——nodejs和npm安装与系统环境变量配置及国内加速
nodejs和npm安装与系统环境变量配置及国内加速下载node-v22.14.0-x64.msi建议修改为非C盘文件夹其它步骤，下一步，下一步，完成。打开CMD窗口查看安装详情创建和node_cache目录此电脑–单击右键—属性–高级–系统设置–环境变量在系统变量添加在用户变量修改path变量配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，输入查看使用以下命令将npm的默认registry设置为淘宝镜像源。原创 2025-03-09 00:00:00 · 452 阅读 · 0 评论 -
改写vue代码，把if-else改为样式绑定
这段代码使用v-for遍历keys数组，并为每个元素创建一个可点击的项。原创 2024-10-12 00:30:00 · 359 阅读 · 0 评论 -
使用vscode调试wails项目(golang桌面GUI)
快捷键 Ctrl + Shift + p 打开命令面板，输入go install tools，选择第一项 Go: install/Update Tools。如果没有，它会就缺少的内容提供建议以帮助纠正问题。访问 golang 官网下载环境安装包：https://go.dev/dl/VSCode 的插件功能中输入 go 关键字，然后找到下图中的插件，并安装。VsCode 的安装就更加容易，直接在官网下载软件包按照指引安装即可。最好使用最新版本，因为这是我们通常会测试的版本。vscode调试图片如下。原创 2024-10-03 18:29:22 · 1702 阅读 · 4 评论 -
大前端svelte框架
欢迎学习 Svelte 教程。此教程将会教给你构建快速、轻便的 web 应用程序所需要知道的一切知识。你还可以参考API 文档和实例，或者，如果你现在没有耐心在本地电脑上开始上手 Svelte，可以先看一下这份60秒入门的文章。Svelte 是一个构建 web 应用程序的工具。Svelte 与诸如 React 和 Vue 等 JavaScript 框架类似，都怀揣着一颗让构建交互式用户界面变得更容易的心。但是有一个关键的区别：Svelte 在构建/编译阶段。原创 2024-09-25 00:30:00 · 1927 阅读 · 0 评论 -
如何上传tauri项目到csdn gitcode
首先保证项目目录有.gitignore，避免不必要的文件上传分享。原创 2024-09-19 12:18:24 · 760 阅读 · 0 评论 -
Android Studio 2024 安装、项目创建、加速、优化
2、缓存元数据：Gradle还会将元数据（例如版本控制系统、依赖项解析结果等）存储在GRADLE_USER_HOME路径下的缓存目录中。这样一来，在同一个项目或者不同项目中，相同的依赖项只需要下载一次，就可以进行共享，加快了构建的速度。GRADLE_USER_HOME是Gradle构建工具的一个重要属性，用于设置Gradle用户目录的路径。3、存储插件：Gradle会自动下载并安装插件，并将其存储在gradleuserhome目录下的插件目录中。如需模拟器环境变量方面的帮助，请在命令行中输入。原创 2024-09-17 23:54:27 · 1666 阅读 · 0 评论 -
Rust GUI框架 tauri V2 项目创建
开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架，同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。Tauri 应用中只包含了该应用专属的代码和资源文件，不需要在每个应用中都打包一个浏览器引擎，这意味着一个最小化的 Tauri 应用体积可能小于 600KB。由于 Tauri 是使用 Rust 构建的，它可以利用 Rust 提供的内存、线程和类型安全方面的优势。在你成功创建了你的第一个应用后，你可以在。原创 2024-09-18 07:58:32 · 1690 阅读 · 0 评论 -
Rust GUI框架Tauri V1 入门
Tauri是一款用Rust构建的开源框架，用于创建轻量级、安全且高效的桌面应用程序。它将Rust的强大功能与Web技术（如HTML、CSS和JavaScript）相结合，提供了一种现代的、跨平台的方式来开发桌面应用。Tauri的核心理念是“最小权限原则”，只在必要时调用操作系统API，以降低攻击面。原创 2024-09-15 00:30:00 · 1324 阅读 · 0 评论 -
Bun安装与使用
Bun安装与使用。它目前无法在windows上直接安装使用，必须通过虚拟机安装。在win10虚拟机中安装。原创 2024-03-30 02:00:00 · 3048 阅读 · 0 评论 -
好看的loading animation
好看的loading animation [HTML+CSS]5分钟实现惊人的加载动画效果！！！#前端 html代码<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title>原创 2021-08-04 11:18:03 · 201 阅读 · 0 评论 -
解决极客时间网页文字无法选中或复制copy
方法一参考解决网页文字无法选中或复制我们在查看一些网页时会遇到不能复制的问题，或者鼠标无法选中文字，导致不能复制。按F12打开浏览器控制台，粘贴以下内容，回车。var eles = document.getElementsByTagName('*');for (var i = 0; i < eles.length; i++) { eles[i].style.userSelect = 'text';}现在就可以复制了。效果你也可以把文章保存到本地再复制方法二（没试原创 2020-10-29 17:31:39 · 2812 阅读 · 0 评论 -
常用 Git 命令清单
常用 Git 命令清单仓库# 在当前目录新建一个Git代码库$ git init# 新建一个目录，将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]配置# 显示当前的Git配置$ git config --list# 编辑Git配置文件$ git config -e [--global]# 设置提交代码时的用户信息$ git config [--global] user.n原创 2020-10-25 10:10:41 · 169 阅读 · 0 评论 -
vercel搭建hexo博客指南
vercel搭建hexo博客指南Vercel is the optimal workflow for frontend teams.All-in-one: Static and Jamstack deployment, Serverless Functions, and Global CDN.无脑机器翻译一下：Vercel是前端团队的最佳工作流。所有功能:静态和Jamstack部署，无服务器功能，和全局CDN。参考资料https://www.cnblogs.com/catdog007/p/138原创 2020-10-23 00:01:18 · 1239 阅读 · 0 评论 -
git设置、查看、取消代理
git设置、查看、取消代理转自git设置、查看、取消代理设置代理：git config --global http.proxy 'socks5://127.0.0.1:1080' git config --global https.proxy 'socks5://127.0.0.1:1080'查看代理：git config --global --get http.proxygit config --global --get https.proxy取消代理：git config --gl原创 2020-09-20 17:48:03 · 486 阅读 · 0 评论 -
Hexo常用命令
文章目录Hexo常用命令Hexo常用命令npm install hexo -g //安装 npm update hexo -g //升级 hexo version //查看hexo的版本hexo init nodejs-hexo //创建nodejs-hexo 名字的本地文件hexo init nodejs-hexo //创建博客hexo ini...原创 2019-12-06 14:58:26 · 305 阅读 · 0 评论 -
解决中国大学MOOC遮挡字幕问题
解决中国大学MOOC遮挡字幕问题说明css3的opacity属性设置 div 元素的不透明级别解决方案这里采用一个简单有效的方法，运用css3的opacity属性，设置 div 元素的不透明级别。找到<div class="u-edu-h5player-controlwrap j-controlwrap z-show" >的div，改成<div class="u-edu...原创 2019-11-02 15:10:17 · 1116 阅读 · 2 评论 -
AngularJS学习笔记1
使用AngularJS开发现代Web应用程序先看代码：html: Document body.container{ max-width:600px; } .checkbox{ margin-bottom: 0; margin-right: 20px; } .done{ color:#aaa; } .done >转载 2016-01-14 20:10:33 · 530 阅读 · 0 评论 -
HTML5本地存储Localstorage
转载： 叶小钗简单的 localstorage操作<div id="msg" style="margin: 10px 0; border: 1px solid black; padding: 10px; width: 300px; height: 100px;"> sessionStorage localStorage 保存数据 读取数据 va转载 2016-08-16 22:10:13 · 449 阅读 · 0 评论 -
什么是块级元素和内联元素
块级元素(block)特性： •总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; •宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： •和相邻的内联元素在同一行; •宽度(width)、高度(height)、内边距的top/bottom(padding-top/paddi转载 2017-01-14 09:25:56 · 730 阅读 · 0 评论 -
MUI自定义事件的两种方法
mui.fire监听自定义事件document.addEventListener('gohome',function(){})触发自定义事件window.addEventListener('gohome',function(event){ //通过event.detail可获得传递过来的参数内容 ....});eval...原创 2017-02-18 10:25:19 · 7081 阅读 · 0 评论 -
js立即执行函数
(function(n){console.log(n)}(216)打印出来216，这说明n是传入的参数转载 2017-01-22 12:13:11 · 300 阅读 · 0 评论 -
js复制内容到剪切板-ZeroClipboard
参考http://www.365mini.com/page/zeroclipboard-2_x-quick-start.htm代码如下这里是需要复制的内容// 将【复制】按钮充当复制数据的元素载体var clip = new ZeroClipboard( document.getElementById("copy") );转载 2017-07-25 10:26:25 · 634 阅读 · 0 评论 -
bootstrap-datetimepicker时间插件控制
bootstrap-datetimepicker时间插件控制控制第二个时间插件的时间不用选择第一个时间插件的开始时间<!DOCTYPE html><html><head> <title></title> <link href="./bootstrap/css/bootstrap.min.css" rel="转载 2018-05-24 22:08:47 · 436 阅读 · 0 评论 -
一个简单的拖拽功能
转载一夜成殇拖拽写法太多了，自己没事也写个试试，普通写法不是很难，写个面向对象的拖拽。新加了点继承重写drag的方法。<!DOCTYPE html> <head> <meta charset="UTF-8"> <title></title> <styl..转载 2018-11-19 15:28:29 · 391 阅读 · 0 评论 -
WebRTC打开摄像头和麦克风例子
视频录制使用了WebRTC，目前WebRTC被数个主流浏览器集成不需要额外的JS代码，在对应浏览器下像使用原生API一样使用WebRTC的API即可&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;原创 2019-01-24 14:57:53 · 2473 阅读 · 0 评论 -
淘宝轮播图
淘宝轮播图效果图：实现过程：话不多说，直接看代码:html: Document css:*{margin:0;padding: 0;}li{list-style-type:none;}@font-face {font-fam转载 2016-01-07 00:42:40 · 2509 阅读 · 0 评论