前端header footer main
前端体验优化（2）——基建
在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
ferry前端项目部署
ferry项目地址：https://gitee.com/yllan （ferry为后端代码，ferry_web为前端代码）直接copy前端代码 文中ferry为后端代码，ferry_web为前端代码 一.安装依赖 我用npm安装会报错，具体原因没去分析，大概就是npm版本的问题，我的版本是npm@6 ......
Istio从入门到精通—— 流量治理的原理 —— VirutalService —— Headers
流量治理的原理 —— VirutalService —— Headers https://istio.io/latest/docs/reference/config/networking/virtual-service/#Headers Message headers can be manipula ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
_pickle.PicklingError: Can't pickle <class '__main__.aaa'>: attribute lookup aaa on __main__ failed
注：其中aaa是我的类名。 这个问题是我想保存一个自定义的类对象时，采用如下代码pickle模块 保存时出现的报错信息。 with open(f'saved_agent_{seed}.pkl', 'wb') as file: pickle.dump(agent, file) 出错原因 该错误通常出现 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
（转载-自用）前端面试题
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
真机调试 Flutter 报错：Lookup failed: title in @getters in MyHomePage in package:flutter_demo02/main.dart
发生缘由 学习 Flutter 更改 lib 目录下面的 main.dart 文件之后真机调试运行 flutter run 报错： 1 # 小组件库异常 2 ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞══════════════════════════════ ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
The Main Idea of Basic Dynamic Programming Side A
Front 对 zjk 的 Basic Dynamic Programming Side A 的补充、总结以及 Code。 Side A: DP 状态设计。 常见的 DP 状态 树 树上 DP 常见的状态是考虑子树内的情况，然后通过子树的状态向上合并。复杂度一般是 \(O(n^3)\) ，一些特殊的 ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
nginx中增加自定义的header，并且在nginx的日志中显示这个header的具体的值
1、需求说明 有的时候，为了进行某些特性的调试，需要增加自定义的header。 那么，要去测试这个header是否真的加成功了，后面某些的设置，需要使用这个值。 怎么办呢？ 使用日志的方式，看nginx到底，有没有获得这个值。 2、配置过程 2.1 谷歌浏览器使用插件，增加header 插件名字： ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......