表头 前端 页面table
前端事件循环和nextTick原理
一、事件循环机制 概念原理这东西还是需要理解的,这样才能融通知识点。下面是浏览器进程和线程组成 上图中与前端关系比较大的是渲染线程,它主要负责将HTML、CSS、JS资源解析渲染还负责事件循环、异步请求等多个方面。 1、GUI渲染线程:负责页面的绘制和渲染,HTML、CSS资源解析、渲染树的生成、页 ......
spring3(公共页面、表格遍历)
#利用Theyleaf模板 抽取公共页面 ###前言 抽取公共页面的目的是:使各个html页面更加清晰明了,把html文件中共同的代码就可以放入一个公共的html,然后再别的页面引用一下就可以了。 ###大概的command.html <div id="commonscript"> <script ......
前端开发规范
什么是规范 规范就是一个大家都认同,都接受的一种模式.为什么要有这个规范呢,一是让自己的代码的可读性更高,别人一看就懂,二是也方便自己去回顾自己的代码. 提高开发的效率,使自己写出的代码不至于成为屎山. 规范的分类 HTML编码规范 变量名命名规范 文件夹命名规范 组件命名规范 编码格式规范 规范的 ......
uniapp 获取页面滚动高度。初步计算基层代码
<template> <scroll-view class="scroll-view" scroll-y @scroll="onPageScroll"> <div class="one">one</div> <div class="two">two</div> <div class="three"> ......
pandas 解析页面table
import pandas as pd ff = """ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ......
请求后端时后端获取不到前端的传参(已解决)
问题描述; 前端使用post请求后端接口,请求时把数据一起传过去的,但是后端获取不到,检查过请求, axios请求后端拿不到数据的解决方案 请求没有问题,数据都在,但是后端还是取不到, 后来借鉴这篇博客解决了,原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去 https:/ ......
layui table表格中点击图片放大
{field:'plateNoPicUri', title: '图片' ,width:"10%" ,templet:function(data){ if("" == data.plateNoPicUri || null == data.plateNoPicUri) return ""; var su ......
前端不跳转替换URL参数
var HtmlPrefix = ""; function ReplaceURLParam(){ var urtTarget = "PageRowID=" + id+ "&page=BasicInfo"; var encryData = window.btoa(window.encodeURICom ......
React、Ant Design 5.0 构建通用后台管理系统 - 登录页面
安装依赖 npm install antd @ant-design/icons @ant-design/pro-components Ant Design组件库 @ant-design/pro-components封装一些好用的常用组件库 main.tsx import '@/styles/glob ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候,常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源,以期让速度加快起来,事实上这种的确能够让速度变快,但是长久来看,如果想真正的快速敏捷开发部署,搭建企业内部的私服 ......
web前端pdf.js预览pdf实例创建报错:Array. prototype` contains unexpected enumerable properties
使用pdf.min.js是预览pdf文件,但是在实例化时异常报错,下面是实例化的代码 var loadingTask = window.pdfjsLib.getDocument(url); console.log(loadingTask); this.pageNum = 1; this.pageRe ......
解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴)
在App.vue文件中 监听路由 //控制左右滑动 watch: { $route(to, from) { const arr = [ '/warningCenter/warningCenterHome', '/equInspection/equInspectionHome', '/ourOrder ......
Django4全栈进阶之路15 获取数据库数据(登录页面功能实现)
要编写登录页面,我们需要完成以下步骤: template文件夹中创建 login.html 模板文件,输入以下 HTML 代码: {% extends 'base.html' %} {% block title %}Login{% endblock %} {% block content %} <h ......
前端入门知识
1 关于 tpl 格式文件 以前的前端页面都是.html格式的,现在出现了.tpl文件,是template的缩写,发现他就是前端页面,写的也是html。 应该是前端模板Smarty的一个格式。可以在Dreamviewer中打开,进行可视化编辑。应该也可以使用PS打开。 ......
前端进化笔记-JavaScript(一)
###简介: 实现:三部分 ecmascript语言核心 DOM文档对象模型 BOM浏览器对象模型 DOM:用于html的应用程序接口(API),把整个页面映射成一个多层节点结构。 例如: <html> <head> <title>sample page</title> </head> <body> ......
Element-ui的el-table更新表格局部数据状态
需求:渲染了一个表格,其中一列的数据较多,超过5条添加展开收起 重点:table一定要设置key值。否则更新不生效。 ......
优化数字前端工作流的小脚本
使用python编写了两个优化工作流的小脚本。在前端设计工作时,我的工作流是:初步规划端口(markdown)-> 初步rtl代码设计(verilog)-> 完整rtl代码设计(verilog)-> 输出最终端口(markdown) 所以这里涉及两个可以自动化的步骤,一个是把我用markdown下画 ......
禁止手机版的firefox浏览器在网页文本框获得输入焦点时自动缩放页面
这是一个相当令人苦恼的“创新”特性,客户端(firefox app)似乎没有办法禁用这个特性,只能从服务端想办法(所以,你只能更改你自己的页面,访问别人的网站你只能忍受)。 在页面的<head> </head>中添加下面的元信息就可以禁止firefox自作聪明: <meta name="viewpo ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
FastAdmin 权限判断,自定义table操作按钮,列表按钮,隐藏按钮,隐藏自定义按钮
一、JS自定义按钮 + 按钮隐藏 1、FastAdmin JS自定义按钮 效果图: 自定义video视频按钮 { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, butto ......
ai问答:使用vite如何配置多入口页面
Vite 是一个 web 开发构建工具,它可以用于开发单页应用和多页应用。要在 Vite 中配置多入口,可以: 在 vite.config.js 中定义多个 entry 入口: export default { build: { rollupOptions: { input: { main: res ......
客服聊天页面,能仿写真是太好了
博客园真是个好地方,很多页面可以在上面仿写学习 下面是学习的一个客服聊天的页面,有点味儿了,看了代码感觉也不是很难 话不多说直接上代码,直接复制粘贴到vscode即可运行成功。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3,element-plus ,没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的,就不复制粘贴了 主要是整理关于七牛云部分的代码,秉着复制就能用的原则,我把自己封装好的组件复制过来 ......
el-table设置表格表头和内容的对齐方式及样式
在el-table标签上加上以下代码即可为表头和表格设置统一对齐方式和样式 :header-cell-style="{ 'text-align': 'center', 'background': '#f7f8fa' }" :cell-style="{ 'text-align': 'center' } ......
如何使用 css 将页面缩小/缩放到 90%
当我使用像笔记本电脑这样的设备时,它被放大了,当我缩小到 90% 时,它看起来好多了。 我使用了缩放:90%;首先,但这不适用于 Firefox 或 safari。通过一些研究,我发现 transform:scale (0.9); 是要走的路。 Zoom IE适用。 但是,当我这样做时 html 或 ......
web前端三大主流框架对比
关注我了解更多web前端技术知识,带你一路“狂飙”到底!上岸大厂不是梦! web前端开发框架是在前端工程师中经常会用到的内容,可以大大减少项目中的bug,节约开发成本,加快项目周期。在使用web前端开发框架之前,需要先了解web前端三三大主流框架有哪些。目前web前端三大框架Angular、Reac ......
前端常用
常用 设计一个居中的代码 <template> <el-container class="container"> <el-card class="box-card"> <div class="clearfix"> <span>卡片名称</span> <el-button style="float: ......
为什么再html页面引用element复选框,只有名称值,没有复选框
问题描述 我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来; 然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标 ......