​首先需要纠正的是，layui和Vue并不是一个层次的框架，Vue是用于构建WebApp的底层框架，而layui则是基于jQuery封装的上层UI框架，jQuery才是用于构建WebApp的底层框架，与Vue属于同一层次。layui和Vue两者本质上不存在竞争关系，如果非要比较应该拉同一层次框架进行比较，比如：Elem...

在前端的世界里，除了通过input[file]上传文件外，我们是无法处理文件内容的，处理文件的逻辑都需要依赖于后端完成，现在html5提供了showOpenFilePicker(),showDirectoryPicker(),showSaveFilePicker()等API可以轻松地让我们在浏览器世界里来管理本地文件。...

什么是正则表达式？正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。一个正则表达式是一种从左到右匹配主体字符串的模式，常使用缩写的术语“regex”或“regexp”。1.正则表达式的基本语法1.1字符匹配.：匹配任意单个字符（除了换行符）。\d：匹配数字，等价于[0-9]。\D...

特性说明简单，免费，快速翻译，支持私有化部署等。体验拿别人的网站试试效果随便打开一个网页右键-审查元素粘贴入以下代码：varhead=document.getElementsByTagName(head)[0];varscript=document.createElement(script);script.type=t...

网页自动翻译，页面无需另行改造，加入两行js即可让你的网页快速具备多国语言切换能力。注意，本项目的开源仓库已合并入主仓库https://github.com/xnx3/translate后续更新会在主仓库进行更新特性使用极其简单。无需任何前期准备，直接加入几行代码即可拥有多种语言全自动切换能力。不增加工作量。无需另行改...

摘要：国际化是指将页面显示的信息翻译成不同语言，可以根据不同语言开发多个版本，然后根据用户选择的语言显示不同的页面。但是这样需要很高的成本，而且维护起来也很麻烦，一个地方有问题就要修改所有版本。本文主要是分享一种前端国际化解决方法，并且已经应用到自己的项目中。前端国际化需要将页面HTML、javascript的提示信息...

一、开源项目简介ApiumcGateway它一个工具等于Nginx+Https证书+内网穿透+图片切割水印+网关登录ApiumcGateway是高性能的Web网关，它从底层Socket原始通信层开始，采用多线程、多任务模式从新构建Web服务，充分发挥当下多核的CPU的多任务并行性能，达到不输nginx的性能表现，而多线...

技术民主化时代，低代码正在重新定义谁可以成为“开发者”。在你公司里，是不是总有那么几个业务流程，用Excel管太乱，买标准化SaaS又不贴合需求，找研发团队开发又要排期半年以上？你是否曾经幻想过：如果我能自己动手搭建一个管理系统该多好？过去，软件开发是程序员的专属领域。今天，低代码开发平台正在打破这一壁垒。低代码开发，...

原文链接：https://www.teamten.com/lawrence/programming/keep-if-clauses-side-effect-free.html“译注：说到副作用，前端er应该都很熟悉或者听过这个词，不过你是Vue派还是React阵营，这个词都是我们编码中绕不过的。在日常编程中，if语句无...

Flex布局中容易踩的那些坑，你踩过几个？在日常开发中，Flex布局几乎是写页面绕不过去的一道坎。它强大、灵活，看起来也“简单易用”，但一旦涉及复杂嵌套和内容溢出，很多同学就懵了，明明写了flex:1，为什么内容却把整个布局撑爆了？又或者明明设置了flex-basis:0%，但布局偏偏不听话？今天这篇文章，我们就来聊聊...

昨天遇到一个nginx下非常诡异（其实也不算难，思路对了也就1秒钟的事情）的现象，花了2个小时才找到问题并解决，问题的现象还是第一次遇到，记录下，方便以后的自己和遇到类似问题的同学。“PS：下面文章内容，是deepseek根据我们的对话记录生成的。本来想自己写的，但自己写还是太慢了点，为了积极践行降本增效的大方针，还是...

说起来你可能不信，很长时间以来，我们这些JavaScript程序员就像是在用石器时代的工具——encodeURIComponent()来确保URL查询参数的安全性。说它能用吧，确实能用……但就是让人用得不爽。想象一下，你每次都得把动态数据包在encodeURIComponent()里，然后手动拼接字符串，还得反复检查每...

内网穿透是一种将本地计算机或网络设备中的服务暴露在公共网络中的技术。以下是用C#编写一个简单的内网穿透的示例：usingSystem;usingSystem.Net;usingSystem.Net.Sockets;namespaceSimplePortForwarding:...,localAddress,localP...

前言笔者在现在工作中经常需要下发一些比较占用网络带宽的脚本任务，一时间搞得家里的网络异常拥堵。正在发愁之际突然想起老家的千兆宽带一直都是半闲置状态，除了爸妈刷短视频的那点流量外，其余时间都是空闲着，那有没有办法将任务下发到老家设备，将这千兆宽带给利用上呢？构想了一下，其实只需要在老家放置一台服务器，通过远程登录下发任务...

nginx按天切割，有两种方法。一种是用nginx自带的map进行正则匹配，另一种是shell脚本每天进行mv移动日志，不过这种需要killnginx服务，怕有起不来的风险，所以不采用。配置步骤：map指令的正则匹配：对$time_iso8601变量进行正则提取日期（YYYY-MM-DD），匹配日期格式并捕获到变量$y...

Obs.js通过读取少量的浏览器信号（Navigator和BatteryAPI​），推断出用户的连接强度、电池状态以及设备性能。它将这些信号以CSS类的形式添加到＜html＞元素上，并且以属性的形式暴露在window.obs对象中，这样您就可以据此灵活地调整资源交付策略，比如：提供低分辨率的媒体内容、不使用网络字体、禁...

你是否曾经在处理JSON数据时遇到过这样的场景：从服务器拿到一串数据，却发现日期变成了奇怪的字符串格式；或者想序列化一个对象，却总有些属性莫名其妙地丢失了？别担心，今天我就来分享JSON数据处理中最实用的4个技巧，让你从此告别这些烦恼！基础但至关重要的两个方法先来说说最基础的JSON.stringify()和JSON....

精简的函数快递员想象箭头函数是一位高效的快递员，用最短路径（=＞）传递数据//传统函数写法functionadd(a,b)//箭头函数写法（直达路线）constadd=(a,b)=＞a+b;console.log(add(1,2));//3（快递直达）精简规则单参数可省括号constsayHi=name=＞`你好,$!...

一、为什么需要判断用户离开页面？在现代Web应用中，用户离开页面的行为触发的场景包括：切换浏览器标签页/最小化窗口（页面不可见）关闭标签页/浏览器导航到新URL移动端切换App或返回主屏幕这类行为的监测直接关联用户体验优化、数据埋点、资源释放等核心需求，例如：暂停视频播放/动画以节省资源上报用户行为数据提示未保存数据的...

背景在2024年国庆前后，大A行情出现了一波高潮，国庆期间利好消息影响韭菜情绪造成拥堵开户的场景。对网络和后端造成巨大的压力，同时也影响用户体验，这种突发情况一般是网络组会采用扩容的方式进行应对，但由于内部硬件资源不充裕、资源调配不均匀，所以需要前端同事一起进行优化。我这边最终组织团队决定使用ServiceWorker...

ServiceWorker是什么ServiceWorker是一个在浏览器中运行的JavaScript脚本，它为Web应用程序提供了一种在后台执行的机制。它的主要用途是处理离线缓存、推送通知、网络请求拦截和消息传递等功能，这些功能可以改善Web应用程序的性能和用户体验。ServiceWorker运行在一个独立的线程中，因...

前端世界里有很多看似“直白”的属性，比如position:sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。结果实际开发中你可能经历过以下崩溃三连：设置了position:sticky;top:0;，元素依然随页面滚动；控制台一切正常，CSS正确无误，就是不生效；你开始怀疑...

市面上的OA系统真的是五花八门，企业要选系统，既不能只看价格高低，也不能一味追求功能多，更不能随便凑合。有句老话说得对：“适合的才是最好的”。那如何选择适合企业的OA呢？有两点可以入手。1、明确你的需求只有先搞清楚企业自身的需求，选系统的时候才不会像无头苍蝇一样挑花了眼。要做到这点，企业要先对日常运营的工作流程做个梳理...

序列化：数据跨越边界的翻译官 序列化（Serialization）用于描述RPC服务接口和数据结构。在RPC通信中，客户端和服务器之间传输的数据通常是结构化的，如调用方法、请求参数、返回值等。这些结构化数据需要通过序列化过程转换为二进制流，以便在网络中进行传输。 目前，常见的跨语言序列化编码方式包括XML、JSON...

点晴OA——深圳市点晴信息技术有限公司推出的一款「永久免费」的OA协同办公平台，采用B/S架构，企业下载后直接部署在本地服务器即可使用，不限使用时间、不限用户数、不限功能模块。系统围绕“通信-流程-知识-辅助”四大场景设计 ​泛微OA——国内老牌厂商，适用于大中型企业，尤其是金融、制造、房地产等对流程管理和信息安全要...