前端header footer main
前端工程化解决方案
# 引言 在大前端的趋势下，传统的前端开发模式已经不能很好地承载实际的项目需求。因此，我们需要一系列解决方案来使项目变得规范、可配置、易于优化等。 本文将针对这个问题进行简单分析，讲解前端工程化的概念、落地实践，并给出一系列解决方案。 > 本篇文章是本人在 2020年时推进公司内部前端工程化所写，在 ......
- 通过结合前端页面实现ORM对数据的增删改查 - Django中如何创建表关系 - 一对一 - 一对多 - 多对多 - Django框架的请求生命周期流程图 - 路由层urls.py - 视图层views.py - 模板层templates
通过结合前端页面实现ORM对数据的增删改查 案例：写一个页面，就是把数据库中的数据以表格的形式展示出来，然后在每一行的后面加两个按钮，分别是修改、删除的按钮 1.首先在数据库创建一个表格 1.在model.py中创建表格 2.python manage.py makemigratins迁移记录 3. ......
如何开发一套苹果cms前端模板
> 本文运用了苹果cms官网的模板开发教程，开发了一套苹果cms的前端模板，感兴趣的同学可以去github下载使用。 ### 什么是模板 模板是网站的主题外观，也被称为主题或皮肤。通过使用不同的模板，网站的前台可以以不同的样式展示。这就像人们的服装一样，人们打扮得漂亮会吸引人，同样地，一个好看的模板 ......
ASP.NET Core WebAPI如何获得远程文件返回文件流给前端?
ASP.NET Core WebAPI如何获得远程文件返回文件流给前端?项目采用的是前后端分离的模式，后端使用ASP.NET Core WebAPI方式，将文件流返回给前端。 ......
Django 之前端动态数据展示
一、结合前端页面实现ORM对数据的增删改查 1、修改和删除功能的逻辑 '''修改功能的逻辑''' 1、 确定修改哪条记录，怎么确定? 通过主键id确定唯一一条记录 2、点击修改的按钮，应该跳转到一个修改的页面 3、应该通过id查询到原来的数据，并且把这个记录的数据展示到修改的页面 4、开始修改，提交 ......
前端跨平台调试代理神器Whistle
### 概述 抓包一直是平时开发中经常要做的，有一款好用的抓包工具可以让开发体验更棒，以前一直用fiddler，fiddler虽然强悍，但是入手有一定难度，而且较笨重，今天介绍另一款抓包工具：Whistle。 Whistle是一款前端调试神器，通过拦截、修改和模拟网络请求，帮助开发人员调试接口、排查 ......
前端一些小case
1，不规则图形加阴影或光圈 不用 box-shadow: 0 0 10px #000 用 filter: dorp-shadow(0 0 10px #000) 像素点做阴影 该dom对象不能为透明，透明不起作用 2，书写方式 writing-mode: horizontal-tb vertical- ......
main方法
import unittestfrom BeautifulReport import BeautifulReportfrom testcases.query import testdemodef allTests(): suite=unittest.TestSuite() loder=unittes ......
2023-07-28 后端接口返回的数据与postman返回的数据不一致 ==》前端不兼容数据库字段类型
前言：在传参一致，接口一致的情况下，微信开发者工具调的接口和postman返回的数据的id不一致。 具体为： 微信开发者工具端调接口拿到的id为22位的数据：1884661033952220199 看起来平平无奇对吧，而postman返回的id则为： 1884661033952220200 是的，接 ......
微服务架构在前端开发中的应用
前端服务化和小程序容器技术为前端应用带来了更好的组织结构、可维护性和可扩展性。这些技术的应用将促进前端开发的创新和发展，使团队能够更好地应对复杂的前端需求和业务挑战。通过将前端视为一个服务化的架构，我们能够构建出更强大、可靠且可持续的前端应用。 微服务架构是一种软件架构模式，用于构建复杂应用程序。它 ......
阿里 - 前端开发规范
# 前端 JS 项目开发规范 # 编程规约 ### (一)命名规范 #### 1.1.1 项目命名 全部采用小写方式， 以中划线分隔 正例：`mall-management-system` 反例：`mall_management-system / mallManagementSystem` #### ......
uni-app前端图表组件库，折现图横屏android失败的解决办法
网址：https://www.ucharts.cn/v2/#/demo/index，需要登录，微信就可以 我在使用折现图时，业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面，点击后，把option和data传到该页面去。做前端得伙伴实现后，发现他得iphone13每次全屏都没问题，而在我得a ......
在前端页面中一直出现"Signature has expired."的报错该如何解决
在排查完后端的问题后，发现还是出现这样的情况 很有可能是前端代码传入身份验证的jwt_token时出现了问题 jwt 和 token串之间需要添加一个空格 ......
H5在线CAD前端使用mxdraw和mxcad库预览编辑DWG图纸
mxdraw 前端库预览图纸 mxdraw 的作用就是预览图纸，也可以绘制一些批注或者其他图形，首先进行安装，如果你没有前端工程化的基础，请先看前端工程化基础知识，mxdraw有详细的文档，建议点击mxdraw查看使用说明，然后我们讲一下转换后的图纸用mxdraw库显示的步骤: 1）新建工程 这里我 ......
前端txt日志生成
let fs = require('fs'); import { parseTime } from "./src/utils/index"; function writeLog(value){ let date = parseTime(new Date(),'{y}-{m}-{d}')+'的日志' ......
前端实现导出Excel表格数据
前端使用 ExportExce导出表格数据 步骤一、 下载依赖 cnpm install file-saver@1.3.8 xlsx@0.14.1 --save 步骤二、创建一个ExportExce.js 文件 注意： vue中的话 一般是在 util文件夹下 创建的 nuxt的话在 plugins ......
10道或许你不熟练的前端HTML5的经典面试题
1.什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HTML5推出的设计目的，以及现在市场的使用情况，浏览器支持情况等。。。。设计目的 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进 ......
关于 header参数 ":authority" 和 "host"
关于 :authority 和 host HTTP/2 要求请求具有 :authority 伪标头或 host 标头。 当直接构建 HTTP/2 请求时首选 :authority，从 HTTP/1 转换时首选 host（例如在代理中）。 如果 :authority 不存在，则兼容性 API 将回退到 ......
这可能是前端处理excel最好的工具了
ExcelJS是一款强大的JavaScript库，专为在Web应用程序中处理Excel文件而设计。该工具提供了丰富的功能，使开发者能够轻松地读取、修改和生成Excel文档。不论是用于数据导入、报告生成还是数据分析，ExcelJS都能帮助你实现各种复杂的操作。
ExcelJS支持在浏览器端和服务器端... ......
前端异常监控之 Sentry的部署和使用
由于最近在整理前端异常监控相关内容，所以自己在虚拟机搭建部署了一下Sentry，把搭建过程及一些自己踩得坑整理如下 一、Sentry部署 Sentry搭建有两种方式： 通过Python安装 教程地址 通过Docker容器安装 教程地址 我本地是用Docker进行搭建的。 1、安装docker arm ......
前端几种下载文件的方式
1、location.href方式下载 对于浏览器不能打开的文件（例如：..rar .doc等）是可以实现下载的，但是对于浏览器可以打开的（例如：txt,xml等）只可以实现预览功能 window.location.href = "https://xxxx...测试.xlsx" 2、window.o ......
前端常用配置
`DNS：223.5.5.5` 用于解决部分yarn和npm问题 #### npm镜像 `npm config set registry https://registry.npm.taobao.org` #### 创建React模板 （js） `npx create-react-app my-app ......
前端之localStorage
#### 问题：同一个浏览器同时打开两个saas，发现localStorge共用同一个，相同key值的存储会相互覆盖  ......
前端视角的可观测性(一)
TL;DR Gartner将应用可观测性列为2023年重要战略趋势之一。 作为开发者, 即便没有专精此道。但了解一下，还是有必要的。 前言 最近，我所在的产品组，将完善监控系统，放入了版本规划中。 趁此良机，了解了一波可观测性相关的背景和技术。 同时，对原有的监控方式，进行了一定的改造。 可观测性 ......
目前为止整理最全的前端监控体系搭建篇(长文预警)
参考： https://cloud.tencent.com/developer/article/1983779 https://github.com/miracle90/monitor https://wpk.ucweb.com/index 概览 为什么要做前端监控 前端监控目标 前端监控流程 编写 ......
第五章、web前端架构师
[TOC] ####九、项目整体搭建 #####1、导学 + 将收获什么 ``` * 第一部分：相关准备知识 - 前端工具链的相关工具介绍 - 脚手架工具的使用和对比 ~ Imooc CLI ~ Vue CLI ~ Vite - 编码规范 ~ ESLint ~ Prettier ~ 产出**编码规范 ......
web前端外包公司的未来来哪里?
1、前端工程师外包公司 2、web前端外包公司的未来来哪里? 3、web前端人力外包公司应该如何选择 4、如何开一家前端外包公司? 5、web前端外包公司选择时应该注意些什么 6、前端web开发外包公司有哪些 前端工程师外包公司 推荐阳狮网帆，要求蛮高的，对前沿的技术比较追崇，特别是对canvas的 ......
一文摸清前端监控自研实践（一）性能监控
https://juejin.cn/post/7097157902862909471 前言 这篇文章整理了一下自己在团队中自建web环境下前端监控的实践经验，整理成文分享出来： 一般来说，前端搭建监控体系，可以概括为为了做两件事：如何及时发现问题、如何快速定位问题，而为了解决这两个问题，前端监控体系 ......
一文摸清前端监控自研实践（二）行为监控
前言 上篇文章我们分享了关于 页面性能监控 的内容，本文我们接着来看 用户行为监控 的方面 系列文章传送门 一文摸清前端监控实践要点（一）性能监控 一文摸清前端监控实践要点（二）行为监控 一文摸清前端监控实践要点（三）错误监控 腾讯三面：说说前端监控告警分析平台的架构设计和难点亮点？ 用户的行为特征 ......
一文摸清前端监控自研实践（三）错误监控
前言 上篇文章我们分享了关于 用户行为监控 的内容，本文我们接着来看 错误异常监控 的方面 系列文章传送门 一文摸清前端监控实践要点（一）性能监控 一文摸清前端监控实践要点（二）行为监控 一文摸清前端监控实践要点（三）错误监控 腾讯三面：说说前端监控告警分析平台的架构设计和难点亮点？ 应用的稳定情况 ......