在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题

uniapp项目在浏览器运行，有可能调用某些接口会出现跨域问题，通过三种方案给大家解决浏览器请求接口的跨域问题。

【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件

最近在维护老系统，尽量使用过layui，但是时间久了，总会忘记一些方法的使用。因此通过本篇文章大概记录常用的功能方法，比如，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件等

【WebJs 爬虫】逆向进阶技术必知必会

在互联网时代，数据已经成为了重要的资源。Web爬虫作为一种自动化获取数据的工具，在数据分析、市场调研、价格监控等领域发挥着越来越重要的作用。简单来说，Web爬虫是一种程序，它模拟人类在浏览器中的行为，自动访问网站并抓取所需的数据。通过爬虫，我们可以快速、高效地收集大量信息，为决策提供有力支持。然而，随着网站对爬虫的限制和反爬虫技术的不断发展，传统的爬虫方法已经难以满足需求。逆向爬虫技术应运而生，它通过对目标网站的反爬虫机制进行深入分析，并采取相应的对策，从而成功获取数据。

Nginx配置文件修改结合内网穿透实现公网访问多个本地web站点

访问http://127.0.0.1:9200/登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑。接下来,我们通过强大的且稳定的内网穿透工具cpolar，将本地nginx服务暴露至公网环境,以实现穿透多个站点端口需求，无需公网IP，也不用设置路由器。提示更新隧道成功，点击左侧仪表盘的状态——在线隧道列表，可以看到公网地址已经更新为保留成功的二级子域名，将其复制下来。来访问两个站点，测试访问成功，现在该公网地址不会随机变化了。

200个有趣的HTML前端游戏项目合集（持续更新中）

两百个简单的 HTML 游戏项目，可提高你的前端技能。

WebKit架构深度探索：架构、原理与实践

在这篇精彩的技术博文中，我们将深入探索WebKit，这个驱动着Safari、Chrome（至Blink诞生前）、Opera等多款浏览器的核心引擎。本文详细解析了WebKit的架构、工作原理，以及如何在实际开发中运用它。从渲染流程、JavaScript引擎到网络处理，无一遗漏。无论你是前端新手还是资深开发者，都能从中获益。本文充斥着关键词如“WebKit原理”、“浏览器渲染引擎”、“前端开发技术”，确保爱好技术的你能轻松找到并享受阅读的乐趣。WebKit是一个开源的浏览器引擎，它的设计哲学是快速、准确、易用。

Nginx到底能干嘛？！Nginx是做什么用的？通俗易懂，前端必看！

Nginx是一个 轻量级/高性能的反向代理Web服务器，它是由C语言写的，所以速度非常快、性能非常优秀。它的主要功能就是反向代理、负载均衡、配置SSL证书、防盗链、解决跨域问题、缓存、限流、动静资源分离等等。 上面介绍了Nginx是一台Web服务器，实际上，他并不是一台真正意义上的物理机服务器，并不是主观上真实存在的实体，它是运行在某一台服务器（电脑）上的软件。

Stable Diffusion Webui在Linux服务器第一次运行不能连接huggingface

由于网络原因, hugging face在国内无法访问, 所以出现了该错误, 笔者所使用的Linux服务器不能使用非常的上网手段, 通过在本地windows运行stable-diffusion-webui并进行排查, 找到了问题所在。Linux服务器的~/.cache/huggingface/hub/目录下需models--openai--clip-vit-large-patch14文件夹, 从本地下载该文件夹, 然后上传到服务器相应目录下即可解决。不能访问hugging face可以直接使用该链接。

Windows本地部署Ollama+qwen本地大语言模型Web交互界面并实现公网访问

本文主要介绍如何在Windows系统快速部署Ollama开源大语言模型运行工具，并安装Open WebUI结合cpolar内网穿透软件，实现在公网环境也能访问你在本地内网搭建的大语言模型运行环境。近些年来随着ChatGPT的兴起，大语言模型 LLM（Large Language Model）也成为了人工智能AI领域的热门话题，很多大厂也都推出了自己的大语言模型，并或多或少的开源了自己的大语言模型，今天就来分享一个最近很火，且对于小白来说比较好上手本地部署的运行本地LLM的工具Ollama。

前后端通讯：前端调用后端接口的五种方式，优劣势和场景

前后端通讯（Frontend-Backend Communication）指的是前端和后端之间进行数据交互和通信的过程。在Web开发中，前端通常负责展示数据和用户交互，后端负责处理业务逻辑和数据存储。为了实现前后端的数据交互和通信，需要使用一些通信方式和协议。前后端通讯的目的是实现数据的传输和交互，以满足前端的功能需求和后端的业务逻辑。通过合适的通讯方式和协议，可以实现高效的前后端协作和数据交互。

网页与串口通信：Web Serial API 使用记录

一：Web Serial API 是什么串口是一个双向通信接口，允许字节发送和接收数据。Web Serial API为网站提供了一种使用JavaScript对串行设备进行读写的方法。串行设备可以通过用户系统上的串行端口连接，也可以通过模拟串行端口的可移动USB和蓝牙设备连接。换句话说，Web Serial API通过允许网站与串行设备(如微控制器和3D打印机)通信来连接网络和物理世界。

【Web世界探险家】CSS美学（一）

🙏小杨水平有限，欢迎各位大佬指点，相互学习进步！

DVWA靶场搭建

合天网安2022冬令营day1----web环境搭建

Vue 实现轮播图功能

Vue 是一款流行的前端框架，它提供了一系列的工具和组件，使得开发者可以更加便捷地创建交互式的 Web 应用程序。轮播图是 Web 应用程序中常见的一种交互式组件，可以用来展示图片、新闻、广告等内容。在 Vue 中，我们可以使用第三方组件库或自己编写代码来实现轮播图功能。本文将介绍如何使用 Vue 和第三方组件库 Element UI 实现轮播图功能。

Vite4 + Vue3 项目打包并发布Nginx服务器 (前端必看)

这里因为我们有的小伙伴可能不太需要服务器，单纯学习的话也没有必要去买一个服务器。如果需要把自己的东西部署到公网上，有很多方式，自行百度。你也可以购买阿里云或者腾讯云。逻辑都是一样的，我这里使用的虚拟机+centos系统，我已经提前在自己的机器安装好了。感兴趣的小伙伴可以看我专栏。里面有从虚拟机、centos到一些开发工具的详细安装步骤。特别是我们这篇文章中要用到的nginx服务器。

vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题

此时我们就需要先根据真实dom生成虚拟dom， 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较，发现有不一样的地方就直接修改在真实DOM上，然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道，Vue判断两个节点是否相同时主要判断两者的key和元素类型等，因此如果不设置key,它的值就是undefined，则可能永 远认为这是两个相同的节点，只能去做更新操作，这造成了大量的dom更新操作，明显是不可取的。

纯前端使用Vue3上传文件到minio文件服务器，粘贴直接可用

一般情况下前端上传文件都是先传给后端，后端在放入文件服务器，此文章讲解了前端如何直接上传文件到MInio

2023年 WebStorm 下载、安装教程、附详细图文教程，亲测有效

2023年 WebStorm 下载、安装教程、附详细图文教程，亲测有效。WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

【vue-qrcode + html2canvas】前端二维码生成与下载

前端二维码生成框架比对：vue-qr VS vue-qrcode，以及对文档截图生成图片的html2canvas使用介绍，FileSaver.js 将图片下载本地的介绍。

HTML制作圣诞树，小白都会使用的教程。

小白都会使用的圣诞树代码。