前端html
支持复制粘贴word公式的HTML编辑器
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
碎片化学习前端之JavaScript（for...in 和 Object.keys() 的区别）
## 前言 JavaScript 中遍历对象的方式主要有：`for...in` 和 `Object.keys()` 两种方式。 ## for...in ```js let obj = { name: 'ming', age: 18, } obj[Symbol('hello')] = 'world' ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
微前端
微前端是将单体应用程序拆分为一组更小、更容易管理的单元，使得应用程序能够更加灵活、可扩展、易于维护，并且能够让不同团队或个人独立开发、测试和部署应用程序的不同部分。这种架构方式可以从多个方面带来很多好处，具体包括以下几点： 1. 易于扩展和维护 微前端架构将应用程序拆分成多个小型单元，每个单元包含不 ......
js前端fetch参数
const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体， ......
html网页中禁用右键下载视频的解决方法(iframe和video)
html网页中禁用右键下载视频的解决方法(iframe和video) 前言： vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的，为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候，需要视频的禁用下载功能；在使用video组件来播放视频时，视频上会有 ......
html+css实现的计算机科学学院首页静态页面
家人们啊，我真是出息了 终于不是我仿写的了，是我真正意义上完全由自己编写的一个静态页面，总算是看起来比较可以了 主要是在仿写的时候，感觉博主写的实在是太乱了又很复杂，不如自己编写一下简单，就简单试了一下 经过了大概一个星期，总算是写出来了 主要是一个西南石油大学计算机学院的页面，很简单，更多的是类似 ......
前端如何配合后端埋点
需求：点击按钮时和进入离开页面时，监听用户行为 * 本篇文章未写完，过两天需求写完了再更新完整的 思路： 监听点击事件，生成一个自定义的clickSession，然后在请求拦截器的header里面加上该字段，这样埋点接口和点击之后执行的接口就可以关联起来了。具体实现如下 App.vue ``` `` ......
[HTML 5] Detect visualViewport change
On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
前端解析markdown处理表格样式
后端返回markdown格式，前端解析，使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......
HTML与CSS综合设计报告
【项目描述】 最近来自国产的独立像素游戏《风来之国》发售，借此做一个相关的游戏介绍网页来介绍这款游戏，并收集感兴趣玩家的信息反馈，以此改进游戏，吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
html屏蔽右键、禁止复制与禁止查看源代码的几种方法
方法一：左右键屏蔽 先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能，但是左键还可以使用 ......
Velocity 不用愁！Velocity 系统的前端工程化之路
Velocity是一个基于Java的Web页面模版引擎。十多年前，Velocity将Java代码从Web页面中分离出来，使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动，回首再面对这些基于Velocity的旧系统，无论是后端还是前端人员维护，都会存在诸多问题 ......
html积累
html5中的积累： details与summary标签： // 解释：定义一个可见标题，点击“标题”会显示“详细信息”// 兼容：目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
[React Typescript] useRef with HTML Elements
React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......
HTML5中实现文件上传下载的三种解决方案(推荐)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
基于django前端页面动态菜单
1、settings中定义基于中间件变量的字典 UNICOM_MENU = { 'leader': [ {'text': '用户管理', 'url': '/xx/xx/'}, {'text': '订单管理', 'url': '/xx/xx/'}, {'text': '工单管理', 'url': '/ ......
Qt+QtWebApp开发笔记（三）：http服务器动态html连接跳转基础交互
前言 网页很多时候是动态的，于是本篇文章目标实现一个简答的动态页面—页静态页面互相跳转，点击可以跳转到子页面。 Demo 下载地址 链接：https://pan.baidu.com/s/1bbhcu1XTiaJRYGRQRG5a0g?pwd=1234 HTML基本页面交换 上一篇的“Hello Wo ......
后端返回验证码图片怎么在前端页面展示
1.验证码从后端返回给前端 通常是blod格式 如果直接用 src 引用 没办法显示 log出来的结果是这样 可以看见取到了图片 但是显示不出来 如何把blod格式转化为src格式 1.调接口时 请求里面加入responseType: 'arraybuffer',这一步很重要 一定要加 2. 写入w ......
HTML5
1. HTML5的新特性 HTML5的新增特性主要是针对以前的不足，添加了一些新标签、新的表单和新的表单属性等。 1.1 HTML5新增的语义化标签 <header>：头部标签。 <nav>：导航标签。 <article>：内容标签。 <section>：定义文档某个区域。 <aside>：侧边栏标 ......
HTML中的attribute 和 property
在 HTML 中，属性（Attribute）和属性（Property）是用于描述 HTML 元素的相关特性的术语。 属性（Attribute）是指在 HTML 标签中声明的附加信息。它们以键值对的形式出现，用于提供元素的初始状态或配置选项。属性的名称是不区分大小写的，并且值可以是字符串或布尔值。 例 ......
HTML中常用字符实体
字符实体：在 HTML 中显示小于号 (<) 一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。 字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及 ......
Clang前端使用LLVM Pass示例
Clang前端使用LLVM Pass示例 https://mp.weixin.qq.com/s/e3e4a7ei61O99-JUWjDbnA Objective-C在函数hook的方案比较多，但通常只实现了函数切片，也就是对函数的调用前或调用后进行hook，这里介绍一种利用llvm pass进行静态 ......
HTML(二）
表格 表格的主要作用 1.表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 2.表格不是用来布局页面的,而是用来展示数据的。 3.表格的具体用法： <table> ......
支持复制粘贴word公式的百度HTML编辑器
当前功能基于PHP，其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置： /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi ......
全局处理long类型精度丢失返回前端问题，fastjson
@Bean public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilderCustomizer() { Map<Class<?>, JsonSerializer<?>> map = new HashMap<>(); m ......
html转义代码，v-html 显示原始html字符串
methods: htmlEscape(str) { let s = ""; if (str.length == 0) return ""; s = str.replace(/&/g, "&"); s = s.replace(/</g, "<"); s = s.replace(/>/g ......
python基础学习-XPath解析html
参考地址：Python-Core-50-Courses/第33课：用Python解析HTML页面.md at master · jackfrued/Python-Core-50-Courses (github.com) XPath 是在 XML（eXtensible Markup Language） ......
python基础学习-CSS选择器解析HTML
参考地址：Python-Core-50-Courses/第33课：用Python解析HTML页面.md at master · jackfrued/Python-Core-50-Courses (github.com) 对于熟悉 CSS 选择器和 JavaScript 的开发者来说，通过 CSS 选 ......