前端领域
关注
分享
扫一扫
文章平均质量分 83
HTML / CSS / JavaScript / 等前端相关
简简单单OnlineZuozuo
未闻万里蓬莱，而窥先圣遗智。故，以此生筑梦，奔而逐之；以泰山之伟，攀而登之；以静雅素心，处世为人。------zuozuo著
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cursor 工具项目构建指南： Uniapp Miniprogram 环境下的 Prompt Rules 约束
本文介绍了基于Uniapp框架的多端应用开发指南，涵盖技术栈选择、UI风格规范、目录结构、启动方式和代码规范等核心内容。项目采用uni-ui组件库实现多端兼容，详细列举了24个常用组件的默认配置值。文章强调遵循Vue2和Uniapp官方规范，提供rpx适配、API调用、平台兼容性处理等具体开发建议，并针对小程序、H5和App平台给出适配说明，旨在帮助开发者构建高性能、规范化的跨平台应用。原创 2025-06-05 11:11:31 · 476 阅读 · 0 评论 -
Cursor 工具项目构建指南： Web Vue-Element UI 环境下的 Prompt Rules 约束（new Vue 方式）
本文介绍了基于Vue2和Element UI的Web项目构建指南，重点阐述了Prompt Rules约束规范。文章详细说明了项目技术栈、UI风格要求、常用组件默认配置（包括按钮、输入框、表格等35个组件）、目录结构及代码规范。强调采用轻量级实现，避免不必要的依赖，并提供单页面启动方式。项目注重用户体验，遵循简约明亮的设计风格，要求代码简洁规范并充分注释。最后作者介绍了个人背景，并感谢读者支持。原创 2025-06-04 11:50:19 · 612 阅读 · 0 评论 -
MCP 探索：Cursor + Figma-Context-MCP ，让 Cursor 获取 Figma 设计图信息，实现 AI 生成页面的高度还原
MCP（Model Context Protocol）是由 Anthropic 公司于 2024 年 11 月推出的一种开放协议。它旨在统一规范大语言模型与外部数据源和工具之间的通信，类似于 AI 世界的“USB-C”接口。MCP 基于客户端-服务器架构，包含宿主程序（Host）、客户端（Client）和服务器（Server）等组件。它通过标准化接口和协议，使大语言模型能够动态访问和集成外部数据源、工具和服务，提升模型的功能性和灵活性。原创 2025-04-28 16:57:59 · 642 阅读 · 0 评论 -
微应用（Micro-Applications）、微前端（Micro Frontend）、Qiankun 框架之间的区别和联系
微应用、微前端、Qiankun 框架之间的区别和联系微应用、微前端、Qiankun 框架之间的区别和联系微应用、微前端、Qiankun 框架之间的区别和联系。原创 2024-08-02 13:33:28 · 626 阅读 · 0 评论 -
OpenHarmony 开发
OpenHarmony 对于所有中国开发者而言，可谓是非常熟悉。据官方数据统计，截至 2024 年 6 月 30 日，OpenHarmony 社区已经累计超过 7900 名贡献者，共 70 家共建单位，产生 37 万多个 PR ，2.6 万多个 Star ，8.3 万多个 Fork ，59 个 SIG。原创 2024-07-23 20:29:02 · 491 阅读 · 0 评论 -
2D 3D 工业组态技术 meta2d JavaScript
2D 3D 工业组态技术 meta2d JavaScriptmeta2d 是乐吾乐科技完全自主研发的集实时数据展示、动态交互、数据管理等一体的全功能可视化平台帮助物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等场景快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本并致力于普通业务人员 0 代码开发实现数字孪生、大屏可视化、Web组态、SCADA等解决方案▶ 官网。原创 2023-11-14 20:47:58 · 683 阅读 · 1 评论 -
基于 React 的 HT for Web ，由厦门图扑团队开发和维护 - 用于 2D/3D 图形渲染和交互
基于 React 的 HT for Web ，由厦门图扑团队开发和维护 - 用于 2D/3D 图形渲染和交互HT for Web 是一款非常优秀的前端开发框架，它具有高性能、响应式设计、丰富的组件库和完善的开发工具等特点，可以帮助开发者快速构建高性能、响应式的 Web 应用HT for Web 是一款强大的前端开发框架，它由厦门图扑团队开发和维护，旨在帮助开发者快速构建高性能、响应式的 Web 应用。原创 2023-11-14 20:41:32 · 1838 阅读 · 1 评论 -
Android 14 正式发布，已经在 AOSP 中上线
Android 14，Google的最新移动操作系统，已经正式发布并在Android开源项目（AOSP）中上线。这个版本带来了一系列的新特性和改进，让我们一起来看看这些更新内容没有太大的惊艳之处，但是对于开发来说，需要适配的奇奇怪怪的逻辑和地方，又增加了Android 14 适配参考。原创 2023-10-15 20:14:16 · 461 阅读 · 0 评论 -
使用 echart 实现一个折线图内线段的多种不同形式
通过不同形式的线段代表过去、当下、未来（预测）原创 2023-06-27 11:31:33 · 645 阅读 · 0 评论 -
ERR_UNSAFE_PORT , Chromium 的默认非安全端口
配置服务端口的时候，要避开浏览器的 Chromium 默认非安全端口，这是 Chromium 浏览器内核限制的，如果使用这些端口但是没有设置浏览器的启动参数，就会导致浏览器不向服务器发起请求 ，浏览器自动认为这些请求非法。在浏览器的启动后面增加参数。原创 2022-11-12 14:52:14 · 1517 阅读 · 1 评论 -
微前端概念
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。缺点是需要所有的项目都基于 Webpack ，且已经升级到 Webpack 5 ，局限性较大。优点是高度模块化、多框架兼容、支持资源文件拆分、全局状态管理、独立开发部署、CLI 工具。优势是技术解耦、样式隔离、JS 沙箱、资源预加载、提供了 UMI 插件、兼容 IE11。优点是基于 Webpack ， 前端比较熟悉，上手快。缺点是文档太少，且资料都是英文的。原创 2022-09-22 15:42:16 · 638 阅读 · 0 评论 -
XPath 相关内容
文章目录XPath 相关内容1、XPath 概念2、XPath 术语3、如何获取 HTML 的 XPath4、XPath 相关内容XPath 相关内容对于这个，我们只做简单了解即可1、XPath 概念XPath 是一门在 XML 文档中查找信息的语言XPath 是 XSLT 中的主要元素XQuery 和 XPointer 均构建于 XPath 表达式之上XPath 使用路径表达式在 XML 文档中进行导航XPath 包含一个标准函数库XPath 是一个 W3C 标准2、XPath 术语原创 2021-09-29 15:31:49 · 813 阅读 · 0 评论 -
npm install 报错：found XXX vulnerabilities (XXX low, X moderate)，run `npm audit fix` to fix them, or `
文章目录npm install 报错：found XXX vulnerabilities (XXX low, X moderate)，run `npm audit fix` to fix them, or `npm audit` for details`Process` 产生场景`Process` 解决npm install 报错：found XXX vulnerabilities (XXX low, X moderate)，run npm audit fix to fix them, or npm a原创 2021-06-21 19:19:35 · 27562 阅读 · 5 评论 -
HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理
文章目录HTML 全页面内容自由编辑与 HTML 页面全部黑白处理1、HTML 全页面内容自由编辑2、HTML 页面全部黑白处理HTML 全页面内容自由编辑与 HTML 页面全部黑白处理1、HTML 全页面内容自由编辑知乎为例，执行如下代码document.body.contentEditable='true';然后就可以像编辑 WORD 文档一样，随意修改网页的内容了2、HTML 页面全部黑白处理当出现 XX 重要人物离世，或者重大纪念日，需要哀悼时，使用如下代码可以让网页原创 2020-12-03 15:19:13 · 1502 阅读 · 0 评论 -
FontAwesome - 绝佳的图标字体库和CSS框架
FontAwesome - 绝佳的图标字体库和CSS框架Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。1.CDN 和下载链接// CDN<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">下载链接 -原创 2017-12-21 17:20:49 · 4682 阅读 · 0 评论 -
二维码的扩展 - 二维码实现多端跳转和多应用配置
二维码的扩展 - 二维码实现多端跳转和多应用配置1.应用场景一个APP安卓端一个二维码，苹果端一个二维码如果安卓端要做多应用市场跳转，则需要更多的二维码最好有一个二维码，安卓设备（手机，pad等）扫码安装安卓应用，苹果设备（iphone，ipad等）扫码指向苹果应用商店的指定应用。另外，这个二维码最好具有极高的识别率，一次扫码的成功率极高，避免多次扫码的发生。2.多端跳转的组成图3.测试用例点原创 2017-09-22 19:45:28 · 6737 阅读 · 1 评论 -
css - 实现镜头拉近效果
文章目录css - 实现镜头拉近效果1、代码实现2、效果3、说明css - 实现镜头拉近效果1、代码实现<!DOCTYPE html><html lang="zh-cn"><head> <title></title> <style> div { mar...原创 2019-06-08 15:17:49 · 5333 阅读 · 0 评论 -
常用的富文本编辑器插件
文章目录常用的富文本编辑器插件1、TinyMCE2、百度 ueditor|UEditor3、CKEditor 54、kindeditor5、bootstrap-wysiwyg 超微小的富文本编辑器6、html5编辑器|Squire7、wangeditor3常用的富文本编辑器插件1、TinyMCE官网 ： https://www.tiny.cloud2、百度 ueditor|UEdit...原创 2019-09-18 15:44:49 · 7003 阅读 · 0 评论 -
JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure
JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure1、环境TomcatNginx 【走https 通道】框架形式是以 iframe 作为支撑的2、问题主体框架可以正常加载， 但是内部借口和 iframe 里面的内容以及静态资源全部报错3、让Ngi...原创 2018-09-28 13:23:31 · 87829 阅读 · 18 评论 -
zTree 插件 - 获取当前选择节点下的全部子节点
文章目录zTree 插件 - 获取当前选择节点下的全部子节点id1、创建初始化设置2、创建点击响应事件zTree 插件 - 获取当前选择节点下的全部子节点id1、创建初始化设置var setting = { data: { simpleData: { enable: true } }, callback: { ...原创 2018-09-21 10:30:37 · 16759 阅读 · 2 评论 -
JavaScript - 销毁定时器
JavaScript - 销毁定时器<script> var i = setTimeout(function(){ },1000); //setInterval 每隔1000ms执行一次 var j = setInterval(function(){ },1000) //清除Timeout的定时器,传入id(创建定时器时会返...原创 2018-04-18 10:26:01 · 22817 阅读 · 0 评论