表头 前端 页面table
2023年的前端开发框架
前端开发的框架生态 主要包含的工具有： 脚手架/构建工具 vite 服务器端渲染框架 next.js Gatsby.js Docusaurus 静态文档 跨平台开发框架 RN FLutter 状态管理 Redux zustand jotai recoil 路由 React Router React ......
Vue 3.0开发的开源前端项目
文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......
12-web前端轮播图案例 （小米商城）
说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ......
ThingsBoard 前端项目背景图片部件开发
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。 ......
整洁架构在前端的设计思想与应用实践
随着业务的发展，前端项目承载了越来越多的职责，也越来越复杂，简单通过 cli 生成的框架结构越来越无法满足。
面对前端项目复杂度的不断提升，我们开始思考前端的架构组织方式怎么才更合理？应该如何设计良好的前端架构？行业是否有比较好的优秀实践？
本文先从架构基本概念开始介绍，然后介绍整洁架构的概念和设计... ......
vue3移动端设置单页面body的背景色
<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......
前端a标签下载文件
问题描述： 后端直接返回牵牛的文件储存地址，前端想自定义下载文件的名称不成功 解决办法：转为get 请求，将返回值改为blod格式 /** * 用于 后端直接返回url 牵牛下载地址 并且需要自定义下面文件名称 * @param {请求参数} data {url,fileName} */ var d ......
记录--前端实现并发请求限制
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前两天我的新同事告诉我一个困扰着他的问题，就是低代码平台中存在很多模块，这些模块的渲染是由模块自身处理的，简言之就是组件请求了自己的数据，一个两个模块还好，要是一次请求了几十个模块，就会出现请求阻塞的问题，而且模块的请求都特别大。 ......
IOS返回上一页面数据不刷新
在ios上，返回上一页ios内核会直接从缓存中拿到上一个页面，而不会重新请求服务器，这也就意味着，整个页面拿出来后是静止的状态，无论是html css还是js都是处于一个暂停的状态。页面不会数据不会刷新。导致某些场景必须刷新页面数据的情况下产生bug。以下方式可以解决这一问题（亲测有效）。 在需要刷 ......
odoo跳转页面总结
odoo跳转页面总结 odoo视图跳转我总结为一下几点：1. 默认的封装了两个数据，不需要人工维护 模型名称（封装到即将跳转的视图的context的active_model属性中）单据id（封装到即将跳转的视图的context的active_id属性中） 2. 返回了一个字典（两大作用） 第一个作用 ......
Android ViewPager切换页面点击触发不了focus问题
viewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() { @Override public void onPageSelected(int position) { // 页面选中时执行操作 Botto ......
Knights of the Round Table
prologue 相信很多人都感觉这个题不就是求一下这个二分图的最大独立集嘛，有什么难的，（劈里啪啦、库里跨啦、叮里哐啷）好，不对，好好好，题解！ analysis 这个题目实际上并不是一个完整的最大独立集问题，因为在这个题里面，是可以有相互仇恨的骑士的，只要不让他们二人坐成同桌就行。 那么我们就不 ......
selenium自动化测试+OCR-获取图片页面小说
随着爬虫技术的发展，反爬虫技术也越来越高。 目前有些网站通过自定义字体库的方式实现反爬，主要表现在页面数据显示正常，但是页面获取到的实际数据是别的字符或者是一个编码。这种反爬需要解析网站自己的字体库，对加密字符使用字体库对应字符替换。需要制作字体和基本字体间映射关系。还有些网站通过图片加载内容的方式 ......
Python网站页面开发HTML总结
# Python网站页面开发HTML总结 一、HTML基础语法 1.HTML是什么？ ● HTML是HyperText Mark-up Language的首字母简写，即超文本标记语言。 ● HTML不是一种编程语言，而是一种标记语言。 ● 超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言 ......
代码层面探索前端性能
最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下 4 个小节。使用 CSS 替代 JS、深度剖析 JS、前端算法、计算机底层 ......
前端组件通信工具-自定义Bus
前端组件通信工具-自定义Bus 在utils添加Bus // 先定义一个类型，emit作为发布(传递)，on作为订阅(接收) // name是事件名称，callback是一个回调函数 type BusClass = { emit:(name:string) => void on:(name:stri ......
EasyExcel动态表头导出（支持多级表头）
EasyExcel动态表头导出（支持多级表头） 在很多业务场景中，都会应用到动态表头的导出，也会涉及到多级表头的导出，如下图所示 通过EasyExcel，我们可以快速实现这一需求，具体代码如下 DynamicHeader import java.util.List; /** *@Author: <a ......
全栈工程师必须要掌握的前端JavaScript技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
前端显示数据库中的换行文本：HTML和CSS解决方案
在项目中经常会出现要显示数据库中的大段文本内容，如说明或备注等信息，当其中存储有换行符的时候，前端通常会忽略这个换行，直接在一行显示，那么怎么解决呢？ 解决方案一：使用HTML <br> 标签 HTML的<br>标签是一种简单而直观的方法，它可以将文本中的换行符正确地呈现在浏览器中。 示例代码： < ......
el-table表头动态渲染未更新
el-table的表头改为通过获取后端数据动态渲染，发现在请求接口后，表头并未重新渲染，可通过给el-table-column绑定key时添加一个随机数拼接解决。 ......
国标GB28181安防视频平台EasyGBS视频监控系统前端存储与中心存储
在EasyGBS视频监控系统中，前端存储通常采用高性能的NVR（网络视频录像机）或NAS（网络附加存储）设备来实现。这些设备具有高容量、高速度和稳定性的特点，能够支持多路高清视频流的同时传输和存储，确保系统在处理大量视频数据时仍能保持流畅运行。 1.前端存储 前端存储是指视频信息存于视频服务器或网络 ......
python 使用selenium 获取js渲染后的页面信息
一、介绍 二、代码 三、问题 一、介绍 现在的网站以及页面，一般都是js动态渲染，抓到的信息就与实际不符，所以需要加载js的工具，这里使用的就是selenium Selenium 是一个用于自动化测试的工具，可以模拟浏览器的行为来执行各种操作。在爬虫中，我们可以使用 Selenium 对网页进行模拟 ......
【问题记录】基于VINS前端构建VO的过程
【1】图片先去畸变再追踪可以平滑轨迹 【2】opencv封装好的solvePNP精度不够，通过G2O优化计算结果更为准确，且必须多轮迭代通过卡方剔除大误差点 【3】通过增大特征点的最小间距，保证特征点提取的均匀性 【4】setMask函数会对vector进行重新排序 ......
layui table 表格上下左右事件
//按键监听事件 $(document).on('keydown', '.layui-input', function(event) { var td = $(this).parent('td'); var index = td.index(); var tr = td.parent('tr'); ......
有人说前端已死？请不要再制造焦虑
前言 最近，在知乎上看到一个热门帖子，标题是“站在2023年，如何看待「前端已死」的观点？” 这个话题引发了广泛的讨论，也引发了一些关于“前端已死”的担忧。然而，对于这个问题，作为一个从业10余年的老鸟看来，我们需要进行全面、理性的分析，而不是陷入过度悲观的情绪。 先说结论 尽管过去两年前端行业经历 ......
TienChin-课程管理-添加课程页面
course.js 将 activity 替换成 course。 index.vue 这个 index.vue 是 course 文件夹下面的 index.vue 别弄错了。 <template> <div class="app-container"> <el-form :model="queryP ......
前端高频面试题汇总正题+(附答案解析)
正题 1、 1 var length = 1; 2 function fn() { 3 console.log(this.length); 4 } 5 var obj = { 6 length: 100, 7 action: function (callback) { 8 callback(); 9 ......
基于CSS实现回到页面顶部的几种写法(从实现到增强)
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......