前端 示例clang llvm
django admin 使用SimpleUI自定义按钮弹窗框示例
actions = ['button_exeScript', ] def button_exeScript(self, request, queryset): pass button_exeScript.layer = { # 弹出层中的输入框配置 # 这里指定对话框的标题 'title': '弹出 ......
6.case语句之场景示例：Rsync启动脚本
1.编写一个rsync的启动停止脚本 实现：start stop status restart 1.如何启动rsync /usr/bin/rsync --daemon 2.如何停止rsync pkill rsync #注意：千万不要使用rsync作为脚本的名字 3.参考系统中其他的服务的pid文件， ......
原生JS修改输入框value，并触发前端框架改变内部管理的响应式数据
背景 有时候，我们需要在一个网站上重复地执行某些操作，例如：输入>查询>输入>查询······这时候，我们可以写一个 js 自动化脚本执行这些操作，来保护我们的手指关节，以及键盘鼠标。 对于大多数网站来说，使用web框架如vue进行开发，这些框架使用内部的响应式系统来管理数据，针对input元素，v ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
前端（三）
前端（三） 分组和嵌套 div p{ # 嵌套(空格跟着是嵌套) color: red; } div p,p{ # 分组(逗号隔开是分组) color: red; } 伪类选择器 a:link{ /*默认*/ color: red; } a:hover{ /*鼠标悬浮*/ color: blue; ......
前端 | Front-End
HTML 将 HTML 理解成 Markdown 好啦。Markdown 是用来排版一份文本的，同样地，HTML 是用来排版一个网页的。 html ├── head │ ├── title │ ├── meta │ └── link └── body ├── header │ ├── h1 │ └─ ......
【Azure Developer】使用 Microsoft Graph API 获取 AAD User 操作示例
问题描述 查看官方文档“ Get a user ” , 产生了一个操作示例的想法，在中国区Azure环境中，演示如何获取AAD User信息。 问题解答 使用Microsoft Graph API，演示如何获取AAD User信息，因参考文档是针对Global Azure，所以文档种的URL为： / ......
实践指南-前端性能提升 270%
一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本：npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
关于前端基础数据结构的问题
常用的数据集采用数组的好处，当然对于前端新人来很容易混淆，如下的数据是数组（js的数组本就是特殊的对象，因此又叫数组对象）由于这缘故很多网上的叫法五花八门 所以下面的数据结构很容易混淆，以为这是数组对象（其实这样叫没错，只是理解成是真对象（js的数组也是对象的一种，先区别一下免得混淆））其实是数组（ ......
React国际化方案及示例
背景： 随着公司走向国际，那么需要对产品进行国际化语言的预言处理。该预言方案主要是为了满足跨国企业和全球用户的需求而设计的。随着公司步入国际领域，该方案将有助于提高公司的国际化水平和竞争力。在国际化项目中，需要考虑不同语言、文化和地区的用户习惯和需求，确保产品的功能和内容能够在全球范围内无缝运作和 ......
前端pdf文件直接下载而不是打开
直接在pdf地址后面加上后缀“?response-content-type=application/octet-stream” 如：http://xxxx/pdf/20230413/1c2c6f20-d9dc-11ed-92bf-79077d10cc6c.pdf?response-content-t ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
65、K8S-部署管理-Helm基础知识、安装、入门示例
Kubernetes学习目录 1、基础知识 1.1、需求 在kubernetes平台上，我们在部署各种各样的应用服务的时候，可以基于手工或者自动的方式对各种资源对象实现伸缩操作，尤其是对于有状态的应用，我们可以结合持久性存储机制实现更大场景的伸缩动作。 但是，无论我们怎么操作各种资源对象，问题最多的 ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话，只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
批量上传GPT知识库，前端elementui的upload上传组件，后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能，那么这个上传组件就必不可少，需要能把文档上传到服务器中。 前端部分，我是采用的cdn引入的形式，引入的elmentui。该框架是有上传组件的，可以参考我的用法： action部分就是上传接口，其他三个是上传之前的处理，上传成功和失败后的回调函数 <el-upl ......
一对多订单前端写法
$.ajax({ url: "/orders/show_order", type: "GET", dataType: "JSON", success: function(json) { $("#test").empty(); console.log("删除成功!"); $.each(json.dat ......
前端上传资源时无缝切换
通过使用软链接，在上传时更改软链接指向实现 # send ssh new-prod-doc "rm -rf /data/web/dist_source_last/*" # 删除上一版本的资源 ssh new-prod-doc "cp -r /data/web/dist_source/* /data/ ......
Understanding the different flavors of Clang C and C++ compilers in Windows
https://blog.conan.io/2022/10/13/Different-flavors-Clang-compiler-Windows.html This article will explain the different flavors of Clang C and C++ comp ......
4、Web前端学习规划：JavaScript - 学习规划系列文章
JavaScript作为Web前端里的第3重要的语言，笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少，而且很强大。所以JavaScript的学习要抓好重点，在基本的语法及应用上学习相关的框架和类库，更好的为Web前端的开发应用做好准备。 1、 简介； JavaScript ......
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。 1、 简介； CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
前端自动化测试之葵花宝典
Web 前端自动化测试是一种可以提高测试效率、减少测试成本和提高测试质量的方法，适用于各种类型的 Web 应用程序。本文谈谈前端自动化测试从入门到精通再到专家级的方案与思维！ ......
一个Java web 应用系统的需求文档示例：
# 需求文档 ## 引言 本文档旨在描述一个在线商城网站的需求，并给出设计方案。该网站是一个B2C电商平台，旨在提供给用户方便快捷的购物体验。本文档面向的读者包括项目经理、开发人员、测试人员和其他与该系统相关的人员。 ## 功能需求 本次需求的功能需求包括： 1. 用户登录和注册功能。 2. 商品浏 ......
layui 框架收藏 - 前端篇
1. layuimini 最简洁、清爽、易用的layui后台框架模板。layui 页面的风格，分为iframe 多tab版本和单页版。 主要特性 界面足够简洁清爽，响应式且适配手机端。 一个接口几行代码而已直接初始化整个框架，无需复杂操作。 页面支持多配色方案，可自行选择喜欢的配色。 支持多tab， ......
前端面试题-
1、说一说cookie sessionStorage localStorage 是什么，有什么区别? Cookie、sessionStorage 和 localStorage 都是在浏览器端存储数据的方式，它们的主要区别在于存储的数据范围、有效期和访问权限等方面。 Cookie Cookie 是一种 ......
解决前端安装sharp出错问题sharp: Command failed.
报错如下：sharp: Command failed. cd C:\Users\xxx-api && yarn install yarn install v1.22.19un\Documents\my_files\A-Web-Project\service-categories\service-ca ......
前端_发起axios请求，前端无法获取response的全部header
问题描述 使用vue axios 向python+flask 搭建的服务端发起请求，请求成功后，前端无法拿到服务端添加到header中的token。 问题原因 前后端分离，默认reponse header只能取到以下信息 Content-Language Content-Type Expires L ......
element_ui 实现登陆示例：
熟悉文档后，精简理解华为数据库备份操作， 日志审记开启， 目的是查看期间所有数据库操作的spl 语句。 开启方法，登陆后台，进入数据库管理面板，点击实例： 进入数据管理操作界面，占击左菜单， sql 审记 ，展开设置开启界面， 开启后会产生大量日志，储存到备份空间，空间用完就会产生额外费用 查看日志 ......
前端（二）
前端（二） 列表标签 1. 无序列表 <ul type="disc"> <li>冰</li> <li>草</li> <li>风</li> <li>火</li> <li>岩</li> </ul> type属性： ● disc（实心圆点，默认值） ● circle（空心圆圈） ● square（实心方块 ......