前端response header axios
后端结合前端 模板渲染 显示列表
最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们，我没建这个文件夹所以报错了，图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
9.前端初步设计
空了挺长时间没写了。一些琐事耽误，然后另一方面就是在写前端。因为我不是学前端出身，所以前端相对比较弱，一下子我也搞的不是很全面，最主要的是没法讲的很细致，前端这东西吧，都说简单，但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送，意在做注册的时候发送验证码。现在页面基本完成了，毕竟登录 ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
前端处理分页
html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
前端判断视频格式（H264、H265，解决谷歌chrome浏览器无法播放mp4问题）
chrome浏览器对某些mp4文件不支持，播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码，而chrome浏览器只支持H264编码的文件（谷歌没买H265的使用专利）。 解决方法一： 使用软件（格式工厂或命令行库ffmpeg）对文件进行转换，将H265转换成H264。 格式工厂： ......
php 接口与前端数据交互实现
最近在做前后端数据交互的尝试，也跳了很多坑，使用的是php+bootstrap-table+js，把一些收获记录在这里，方便查询。 这个小项目，仅有3个文件，分别为： crud.html data.php crud.sql 数据交互实现1：查询 mysql 数据库建表 php查询接口 前端数据展现 ......
虚拟环境搭建、luffy后台项目创建，目录调整、封装logger、封装全局异常、封装Response、后台数据库创建、Luffy前台项目创建
虚拟环境搭建 #1 虚拟环境作用 多个项目，自己有自己的环境，装的模块属于自己的 # 2 使用pycharm创建 -一般放在项目路径下：venv文件夹 -lib文件夹 》site-package--》虚拟环境装的模块，都会放在这里 -scripts--》python，pip命令 # 3 本地创建了虚 ......
虚拟环境搭建，luffy后台项目创建、目录调整，封装logger，封装全局异常，封装Response，后台数据库创建，luffy前台项目创建
1 虚拟环境搭建🚜 #1 虚拟环境作用 多个项目，自己有自己的环境，装的模块属于自己的 # 2 使用pycharm创建 -一般放在项目路径下：venv文件夹 -lib文件夹 》site-package--》虚拟环境装的模块，都会放在这里 -scripts--》python，pip命令 # 3 本地 ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
.net core读取Response.Body
读取请求体流的demo public static async Task<string> GetBodyForm(this HttpContext http) { var content = string.Empty; var request = http.Request; try { reques ......
微前端：乾坤 VS 无界
共同点： 当路由切换的时候，可以去加载对应应用的代码，让其跑在容器里。 具备加载和卸载子应用的能力，页面从一个子应用切换到另一个子应用时，能正常进行加载和渲染； 具有路由状态保持能力，激活子应用后，浏览器刷新、前进、后退子应用的路由都可以正常工作； 主应用和子应用、子应用和子应用之间可以相互进行通信 ......
harbor登录时报错error parsing HTTP 404 response body: invalid character
**harbor登录时报如下错误： ** [root@localhost TDFW-publish-tar]# docker login --username=user1 192.168.2.10:8090 --password user1_pass WARNING! Using --passwor ......
Centos安装网卡驱动make时报错Kernel header files not in any of the expected locations.解决办法之一
Centos安装I219-LM网卡驱动 https://www.cnblogs.com/marixh/p/16927623.html 查询适合我的网卡命令： 1 2 [root@192 src]# lspci|grep net 00:1f.6 Ethernet controller: Intel C ......
第七章、web前端架构师
目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 ......
前端实现文件的断点续传 大文件上传
整体思路： 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回 原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的 ......
HTML一键打包工具1.9.92更新发布, 支持串口通信，获取mac地址，自定义header等新功能
HTML一键打包EXE工具(HTML封装EXE,桌件)是一款神奇的工具，它可以让您把任何HTML项目(网址)变成一个独立的EXE文件，无需安装浏览器和服务器，只要双击就能运行。无论您是想制作KRPano全景VR项目，还是想开发WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......
前端设计模式：工厂模式（Factory）
工厂是干什么的？工厂是生产标准规格的商品的地方，建好工厂，投入原料（参数），产出特定规格的产品。so，工厂模式就是把对象的创建 —— new() 封装起来，在工厂里实现对象的创建（商品的生产）。这样做的好处是用来解耦，解耦对象的消费（使用）和创建（实现），面向抽象编程 ......
abp 框架 前端 abp/vue docker Dockerfile
FROM node:lts-alpine as build-stage WORKDIR /app COPY package.json ./ RUN yarn install COPY . . RUN yarn build #代理nginx，nginx直接访问 FROM nginx:stable-al ......
axios_axios携带cookie
ajax请求默认是不会携带同源cookie的, 只有当设置了 credentials 时才会带上与请求同域的cookie, 并且服务端需要设置响应头 Access-Control-Allow-Credentials: true withCredentials: true 携带了这个属性的axios才 ......
前端代码格式化规范总结
在日常开发过程中，经常会碰到代码格式化不一致的问题，还要就是 js 代码语法错误等没有及时发行改正，下面就介绍一下如何使用eslint、prettier、husky、lint-staged、commitizen来规范代码格式和提高代码质量的方法。 目录 准备工作 代码检测 代码格式化 Git 规范 ......
前端最新支持四级及以下结构仿企查查、天眼查关联投资机构 股权结构 tree树形结构 控股结构
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件 ......
前端 跳动的字符
#loginText span { top: 20px; /* 让文本从上方留出15像素的距离 */ position: relative; /* 相对定位，为下面的动画做准备 */ transform: translate(-50%, -50%); /* 将元素置中，必须和position同时使用 ......
前端基础入门知识
1. windows 快捷键 tab + alt 切换窗口 一直点tab会选择切换（主要） shift + 小写状态下字母 = 输出大写字母 win + d 快速切换到windows桌面 shift + crtl 切换输入法 2. 浏览器快捷键 1. crtl + shift + c 打开开发者模式 ......
Web版Photoshop来了，用到了哪些前端技术？
经过 Adobe 工程师多年来的努力，并与 Chrome 等浏览器供应商密切合作，通过 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 的支持，终于在近期推出了 Web 版 Pho ......
axios_axios的进度显示
在axios的配置中加入progressEvent // 1.获取基本数据(随笔数据, 文章数据, 评论数据, 阅读量) export const reqGetArticleBasicData = () => instance.get('/ajax/blogStats', { onDownloadP ......
字节跳动前端技术博客水文点评 All In One
字节跳动前端技术博客水文点评 All In One
KPI / OKR 产物，不求甚解，没有深度
前端实现下载图片等文件资源 ......
【前端规范全攻略】开启高效开发之旅！ESLint + Prettier + husky + lint-staged+Commitizen
本文从两个方向出发：1、git 提交规范；2、代码风格统一 假如团队中的小伙伴在提交代码时没有遵循规范要求，例如只写了一个"修改"或"更新，这会给团队中其他小伙伴造成困扰呢，不得不花时间查看代码和推测逻辑。 不仅会浪费了时间和精力，可能会导致以下问题： 可读性差 维护困难 变更历史不透明 自动化工具 ......