表头 前端 页面table
C# NPOI复杂表头导出
1、优先通过管理Nuget程序包添加NPOI引用 2、添加引用 using NPOI.HSSF.UserModel; using NPOI.SS.UserModel; using NPOI.SS.Util; 3、帮助类 public class ExcelHelper { /// <summary> ......
el-select数据太多造成页面卡顿？el-select实现触底加载
当我们使用el-select下拉框的时候，会遇到后端放回的数据太过庞大（成千上万条），导致页面渲染的时候造成卡顿现象。这时候我们可以利用触底加载方法减少资源的消耗，避免页面卡顿。 思路：这时候我们可以利用vue的自定义指令，监听到他的下拉滚动事件，当滚动到最后时，（下拉宽高度+可滑动高度距离底部的距 ......
直播app源码，根据页面滚动高亮显示目录的侧边栏
直播app源码，根据页面滚动高亮显示目录的侧边栏 父组件代码如下（示例）： <template> <div class="demo"> <div class="container" style=" " v-for="item in navLists" :key="item">{{item}}</di ......
前端实现一次menu侧边栏
前言使用动态数据之后 element menu 组件 高亮显示错误， 默认展开失效 两级侧边栏 封装侧边栏功能简单 数据 菜单栏数据格式 let Array = [{ title: "管理", routeName: "order", icon: "", path: "", expanded: fal ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
页面引入css样式时，使用link和@import有什么区别
css文件引入的方式有两种： 1.HTML中使用link标签 <link rel="stylesheet" href="style.css/> 2. css中使用@import @import "style.css" /*使用字符创*/ @import url("style.css") /*使用ur ......
vue 实现页面跳转
1、router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/det ......
jexcel_将excel数据导入到页面
jexcel_将excel数据导入到页面 还需解决的课题：下载jszip.js和xlsx.js <%@ Page Language="C#" AutoEventWireup="true" CodeFile="有效代码_将excel数据导入到网页.aspx.cs" Inherits="Default2 ......
下载文件(Excel)功能，后端返回blob字节流，前端怎么处理？
在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢？ 实现的功能效果： 后端返回的数据： 需要我们处理的乱码： 前端代码： 1 exportExcel(){ 2 axios({ 3 methods:"xxxx", 4 url："xxx/ ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长，中途站点进行升级更新之后，用户如果不刷新页面就任然停留在旧的页面里，如何让用户收到一个提示，引导用户进行更新操作呢？下面给大家介绍如何站点更新如何在生产环境提示用户更新，进行页面刷新操作，核心原理其实很简单。 一、思路1，每隔一小段时间fetch请求一次服务器首 ......
【快应用】组件如何页面底部显示
【关键词】 底部、postion 【问题背景】 快应用中某个组件如果要实现在页面底部展示，该如何实现呢？ 【实现方法】 可以通过设置postion为fixed，再设置margin-top属性和bottom属性来将组件在页面底部显示。 方法一：设置postion为fixed，bottom为0px <t ......
“前端”工匠系列（一）：合格的工匠，究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇，为浅尝辄止的引入，目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 ......
js数据结构变化 table动态列展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Swift下Data处理全流程：从网络下载，数模转换，本地缓存到页面使用
Swift下将网络返回json数据转换成struct 假如网络请求返回的数据结构是一个深层嵌套的Json 首先要通过key-value取出这个json中的数据源 // 将返回的json字符串转Dictory let json = """ { "name": "jack", "age": 20, "d ......
4-页面cookie的添加，免登录
拿取cookie的方法 1、fiddler抓包获取 2、页面f12找到对应的请求，找到cookie复制下来 3、可以webdriver获取 cookies=dirver.get_cookies() 拿到了cookie是之后，把值复制保存下来，转化成字典格式，存入到浏览器 4、也可以用Session ......
TS 导入同路径下的页面
TS 导入同路径下的页面，比如有如下目录结构，如果想在 pages/bbb/index.tsx 里使用 pages/bbb/my_test_sub.tsx 里的组件 MyTestSub，该如何书写 import 语句呢 ├── pages │ ├── aaa │ ├── bbb │ │ ├── in ......
Web前端已死？别带节奏了，说白了就是“卷”
趁着“前端已死”这个话题还有点热度，我想再好好聊聊这个话题。社区里怎么只有前端已死的论调，后端、DB、运维、连原生开发还在好好“划水”。前端却发出了哀嚎：前端已死，找工作好难啊。 前端技术精微渊深，除了基础的 HTML、CSS 和 JavaScript 技术外，还涉及前端框架、UI 库、自动化构建工 ......
vue this.$router.push 页面传值问题
在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
前端replace替换字符的用法
替换一个/多个字符 // 替换多个 var content = "null undefined 123" content.replace(/null|undefined/,'111'); console.log(content); // 输出结果为 111 111 123 // 替换一个 var c ......
2-web-UI-页面元素的识别
1、元素识别 元素的定位和操作是自动化测试的核心部分，其中操作又是建立在定位的基础上的，web对象识别的元素一定要是唯一的，通过【唯一】区别于其它元素的属性来定位这个元素。 元素识别： 1、利用Chrome浏览器开发者工具： 1）打开Chrome浏览器，按F12或依次点击菜单—更多工具—开发者工具； ......
你想要的【微前端】都在这里了！
某次遇到一个从0到1的大型项目，该项目涉及两个端，除了鉴权和部分业务逻辑不同外，页面UI和其余逻辑几乎一致，遇到这种项目，该如何架构？既能保证项目顺利开发完成，又能保证后期的迭代、维护、可扩展？ ......
el-table树形数据勾选框子父级联
element官网并没有配置树形数据勾选子父级联的配置，要想实现可以借助 select 、select-all事件和 toggleRowSelection 方法实现。 select 事件： onCheck(selection, row) { if (!this.isTreeData) return ......
简单的string_builder和string_table
一、有些时候需要逐步构建一个字符串，需要用到类似其它语言中的StringBuilder的组件。有必要自己写一个把它搞清楚。 string_builder有两个基本操作。一个是push操作，向末尾追加一个字符，若空间不够就自动额外申请。一个是获取string操作，拿到最终的串，串以空字符结尾。其它格式 ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行，可以设置宽高 display:inline 不独占一行，不可以设置宽高 display:inline ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
edge浏览器怎么设置新打开的页面在当前页面的右侧？
1、安装插件：Tab Position Options - Chrome 应用商店 (google.com) 2、设置： ......
MySQL5.7 访问Information_schema.TABLES 导至内存持续增长
在生产环境5.7.30的数据库中，部署了MYSQL监控，但是发现部署完监控后，mysqld的内存持续增长。后通过监控发现也正是监控用户占用了大量的内存。 ......
庆军之xamarin.forms 动态页面构造及查询补充
为什么会有补充了，因为数据是能绑定了。但是又出现一个问题。如果换了条件，点击查询，会闪退。开始我还以为是占大量的内存的问题。 在真实机，虚拟机上面都会。找了两天，突然想起来双向绑定可能存在问题。 于是把ItemSource = DataTable.Rows改成了 ObservableCollecti ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......