前端 头像 国庆

前端远程调试方案 Chii 的使用经验分享 Chii 是与 weinre 一样的远程调试工具 ，主要是将 web inspector 替换为最新的 chrome devtools frontend 监控列表页面可以看到网站的标题链接，IP，useragent，可以快速定位调试页面，监控页信息完善，支 ......

1.为什么需要模块化 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。而模块化就是一种最主流的代码组织方式，它通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本。模块化可以使你能够更容易地重用代码。你可以创建一个模块来完成一个 ......

一、校验数字的表达式 1 数字： ^[0-9]$ 2 n位的数字： ^\d{n}$ 3 至少n位的数字： ^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0- ......

1 vue代码 前端基本采用Element-UI组件。 1.1 界面 1.1.1 查询界面 1.1.1.1 使用el-form组件。 <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="s ......

脱发秘籍：前端Chrome调试技巧汇总 Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 ......

<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......

单例模式（Singleton Pattern），也称单体模式，就是全局（或某一作用域范围）唯一实例，大家共享、复用一个实例对象，也可减少内存开销。单例模式应该是最基础、也最常见的设计模式了。 ......

【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......

上文学会了如何安装微信小程序的安装与注册，及微信小程序的使用，其实微信小程序和web前端也有异曲同工之妙 微信小程序和Web前端存在一些显著的区别和差异，这些差异主要体现在功能、性能、用户体验、开发成本和维护成本等方面。 一、相似点 语言基础：微信小程序和Web开发都使用JavaScript语言进行 ......

前言 在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ......

ECMAScript 2023也就是ES14已经发布3个月了，还有好多小伙伴没有关注到ES14有哪些变化，本文将为大家梳理下ES14最新规范新增功能：对数组的新增功能，对shebang的支持，对弱引用集合的符号键的扩展。这个版本的都是一些细微的改进，我们一起看看有哪些变更 目录 Array.prot ......

【前端攻略】：玩转图片Base64编码 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们 ......

读取modules下文件示例: /** require.context： 1. 指定目录 2. 是否将匹配层级递归至子目录下 3. 匹配的文件 */ const modulesFiles = require.context("./modules", true, /\.js$/); const mod ......

在编写 Vue 项目的时候我们可以使用 IDEA 当中提供的一个工具叫做 structure，也就是说可以很轻松的列举出当前 Vue 文件的大致结构，点那个就会跳转到对应的地方。 简简单单介绍一个编写Vue时的一个小技巧，那么接下来进入核心内容，展示渠道信息的开发。 在 api 文件夹模块当中新建一 ......

本文详细介绍了前端请求参数加密、.NET 后端解密，文章较长，请各位看官耐心看完。 目录一、前端使用“CryptoJS”，前端AES加密，.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作：安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、Vis ......

问题描述 我是属于那种习惯了使用其他框架之后，且，好久没有写过javaweb了，就忘记了jsp/html前端界面通过WebServlet注解跳转到servlet的方法，就这么一个破问题！！！ 坑了我一下午！！ 问题解决 起初我还以为是servlet-api的依赖没有导入进去，发现早就在pom.xml ......

使用海康自带的插件 东西放在了百度网盘 可以先使用这个例子先调试， 只需要更改 ......

现有管理系统方案 我认为，Angular还在维护的中台前端框架，大多属于冷门型。热门的管理系统方案，我一直都是推荐Ant Design Pro的，毕竟一直在持续地维护更新。 我在做管理系统的时候，由于好奇Angular，索性就学习了Angular，因为之前都是用React写的，想换换框架体验体验，同 ......

生成二维码 用于vue项目通过字符串转换生成二维码的三方插件 安装插件 npm install --save qrcode 引入使用 import QRCode from "qrcode" 页面 <!-- 放置二维码的容器--> <canvas :id="'qrCode_id' + stringxx ......

1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......

一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......

views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......

front1.sh 更新脚本 #!/bin/bash workdir=/root/data-ananlysis tag=$(date +%Y%m%d%H%M%S) echo $tag cd $workdir && rm -rf dist mv /tmp/dist . docker build -t ......

Hello，大家好。今天我们来讲一下前端出现频率非常高的一种错误：Script error。 Script error.这个错误非常的高傲和神秘，为什么呢？因为它出现的时候，不会给你提供任何有关它的线索。正常我们写的前端代码报错的时候，浏览器通常抛出错误代码的行列号，以及它的堆栈代码，这样我们就可以 ......

曾经的我们使用传统布局方式，我们深刻的体会着1px除不尽，三等分，居中，塌陷等等让我们升血压的问题。传统的布局方式：布局繁琐，需要使用大量的HTML和CSS代码来实现简单的布局。灵活性差，难以实现复杂的布局效果。难以维护，由于使用了大量的HTML和CSS代码，导致布局难以维护和修改。移动端适应性差， ......

前端介绍 1、 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现，后台发送异步请求，Re ......

后端返回的文件流格式 前端解决 axios({ url:"/api/Component/ins/downloadQr?codes=" + data.codeIdentification, method:"GET", headers:{ "Authorization": window.platToke ......

1.get方法接收 前端传参 axios会对url的参数进行encodeURIComponent编码，编码后传递的数组将对"["、"]"符号进行转码； let a = [1] let b = JSON.stringify(a) // '[1]' let c = encodeURIComponent( ......

浏览器同源策略 域名相同 协议相同 端口相同 同源策略是一个重要的安全策略，它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。 它能帮助阻隔恶意文档，减少可能被攻击的媒介。例如，它可以防止互联网上的恶意网站在浏览器中运行 JS 脚本，从第三方网络邮件服务（用户已登录）或公司内网（ ......

https://blog.csdn.net/weixin_42446001/article/details/110135937 ......