前端css
css学习-margin 外边距 和 display
margin 元素的外边距 All the margin properties can have the following values: auto - the browser calculates the margin 浏览器会水平居中，将左右边距除以2 length - specifies a ......
全局处理long类型精度丢失返回前端问题，fastjson
@Bean public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilderCustomizer() { Map<Class<?>, JsonSerializer<?>> map = new HashMap<>(); m ......
python基础学习-CSS选择器解析HTML
参考地址：Python-Core-50-Courses/第33课：用Python解析HTML页面.md at master · jackfrued/Python-Core-50-Courses (github.com) 对于熟悉 CSS 选择器和 JavaScript 的开发者来说，通过 CSS 选 ......
[css]总结-如何实现水平垂直都居中对齐?
最后一种方法最简单 #### 普通盒子-居中对齐: 方式一 >思路:外面的容器盒子 outer 让他只有一行. 里面元素改为非块元素. 因为vertical-align对块元素无效. 然后用vertical-align:middle;垂直居中 代码实现 ```html 你好啊 ``` #### 普通 ......
com.fasterxml.jackson工具类通过注解过滤给前端返回json，没有value则移除对应的key
引入 <dependency> <groupId>com.liferay</groupId> <artifactId>com.fasterxml.jackson.annotations</artifactId> <version>2.10.3.LIFERAY-PATCHED-1</version> ......
css 中伪类 :not()
### demo ``` test demo 这是一个没有 bg 或 line 的 cu-tag 这是一个带有 bg- 的 cu-tag 这是一个带有 bg-开头 的 cu-tag 这是一个带有 line- 的 cu-tag ``` ![](https://img2023.cnblogs.com/b ......
如何使用 Blazor 框架在前端浏览器中导入和导出 Excel
前言 Blazor 是一个相对较新的框架，用于构建具有 .NET 强大功能的交互式客户端 Web UI。一个常见的用例是将现有的 Excel 文件导入 Blazor 应用程序，将电子表格数据呈现给用户，并且能够允许进行任何更改，最后将该数据导出回 Excel 文件或将其保存到数据库。 以下是在 Bl ......
css 中class以某某某开头的选择器
``` .cu-tag[class*="line-"] { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } ``` * 解析 ``` 这是一个 CSS 样式代码，它选择任何包含有 `class` 属性且包含 "line ......
css 中 +
* 在CSS中，加号（+）是一个相邻兄弟选择器，用于选择指定元素后面满足条件的第一个相邻兄弟元素。 ### demo ``` test demo 这是第一段落 这是第二段落 这是第三段落 这是第四段落 ``` ![](https://img2023.cnblogs.com/blog/1202393/ ......
前端框架中加入外部config可配置文件，根据不同的运行、编译环境，加载不同的配置文件
需求：我们的乾坤vue框架，需要集成给第三方，menu由他们处理（包括菜单权限），我们只负责提供一个去除menu和头部的main即可； 这里需要可配置，不能把我们的menu弄丢了。 实现方式： 1、在src同级目录新建 public/plugins/config.js 因为是基于webpack打包， ......
前端课程介绍
## 前端课程介绍 前端基础: ```python HTML 内容 CSS 外观 JavaScript 动作 ``` ![](https://img2023.cnblogs.com/blog/3186882/202305/3186882-20230523075506179-1152921122.pn ......
response返回文件给前端
@GetMapping("/getPdf2") public void getPdf2(HttpServletResponse response) throws IOException { File file = new File("D://aasd.pdf"); FileInputStream f ......
前端学习 node 快速入门 系列 —— 事件循环
## 事件循环 本篇将对以下问题进行讨论： - 浏览器有事件循环，node 也有事件循环，两者有什么异同？ - node 核心特性（事件驱动和非阻塞 I/O ）和事件循环有什么关系？ - node 中的高并发和高性能和事件循环有关系吗？ - node 不适合什么场景？ - 有人说 Node 是单线程 ......
实用教程丨如何将实时数据显示在前端电子表格中（二）
本文由葡萄城技术团队于博客园原创并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 在如何将实时数据显示在前端电子表格中（一）一文中，我们讲述了如何通过WebSocket从Finnhub.IO获取实时数据，那么本文重点讲述如何使用基本的 Spre ......
前端根据链接生成二维码
<qrcode-vue :value="record.download_page" width="200" ></qrcode-vue> import QrcodeVue from 'qrcode.vue' components: { QrcodeVue }, ......
C# MVC @Html.DropDownList 不通过后端，在前端构建一个下拉Select并可自动选择选中值
@Html.DropDownList("verType", new SelectList(new[] { new { Name = "A版", Value = "per" }, new { Name = "B版", Value = "ent" } }, "Value", "Name", Reques ......
前端中实现文件上传下载的三种解决方案(推荐)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
微前端-micro-app 使用 onresize出现不生效的问题
onresize：dom0级别，一次只能绑定一个函数，下个函数会将上个函数给覆盖； addEventListener：dom2级别，一次可以绑定多个函数，各个函数不会覆盖； 子应用使用onresize不生效，因为onresize是dom0级别的会被父亲和其他给覆盖，所以在子应用中使用addEvent ......
我猜你其实并不懂前端
在接下来的这篇系列教学中，我将带你重新认识前端。 前端发展史：从青铜到黄金时代 我自己是在 2006 年开始接触前端的。现在回想起来，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。 前端的史前记忆：“青铜时代” 那时候，谷歌刚刚基于 Ajax 发布的 Gmail ......
多款前端商城购物网站html模板源码
1、仿淘宝粉色女性化妆品网上商城模板html源码 编辑切换为居中 添加图片注释，不超过 140 字（可选） 编辑切换为居中 添加图片注释，不超过 140 字（可选） 编辑切换为居中 添加图片注释，不超过 140 字（可选） 2、淘宝京东商城商品详情页模板html源码 编辑切换为居中 ......
前端大文件分片上传
前端大文件分片上传需要将文件切割成若干个片段，然后将每个片段上传到服务器，最终在服务端将所有的片段合并成完整的文件。下面是一个前端大文件分片上传的示例： 1. 将文件切割成若干个片段。 ```javascript function splitFile(file, chunkSize) { let f ......
前端怎么防止网页内容被爬取？
1. 动态的Class名称或者ID 2. 动态的标题 1. 限制访问频率：可以对同一 IP 地址的访问进行限制，防止恶意爬虫过度频繁地访问同一页面。 1. 使用反爬虫技术：如图形验证码，滑动验证码、语音验证码等方式，提高爬虫运行的难度。 2. 动态生成接口：通过 Ajax 请求来获取数据，动态生成页 ......
2023前端面试题整理-VUE篇
1. VUE的基本原理 当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为依赖 ......
CSS基础知识笔记
CSS (Cascading Style Sheets) 指层叠样式表，是一种描述如何显示 HTML 元素的语言。 参考教程: ## CSS 语法 CSS 规则集（rule-set）由选择器和声明块组成： ; } ``` 这段代码用来设置 `.page-header` 中 `` 元素的定位及位置。解释如下： - `.pag ......
前端个人体系
# 栈内技术 # 前端工具 * [Git](http://iissnan.com/progit/) * Git 基本操作 * GitFlow * VScode * [Chrome Dev Tools](https://developer.chrome.com/docs/devtools/covera ......
常见前端安全问题总结
一、XSS攻击 全称跨站脚本攻击，简称XSS攻击，攻击者通过在目标网站上HTML注入篡改网页来插入恶意脚本， 当用户在浏览网页时获取用户的cookie等敏感信息，进一步做一些其他危害的操作。 根据攻击的来源，该攻击还可以分为： 1）存储型攻击：一般是在有评论功能的网站将恶意代码当作评论内容存储到服务 ......
css常用
CSS中height和line-height的区别 height是元素自身的高度，line-height则是元素内部文字的行高。 比如：height:100px; line-height:20px;表示具有height样式的元素的高度为100像素，里面的文字行高为20像素，就是可以排5行文字。 补充 ......