骨架 前端html

SpringBoot使用HTML转PDF

参考文章:https://www.cnblogs.com/yunfeiyang-88/p/10984740.html FreeMarker 中文官方参考手册:http://freemarker.foofun.cn/toc.html 依赖: <dependency> <groupId>com.itex ......
SpringBoot HTML PDF

高并发-前端层面

2023.10.13 1.用CDN,遵循就近原则让用户去最近的节点拿静态资源 在外网中传输我们的数据,都有带宽限制,基本上一个网站,一个网页,静态资源会占用80%的带宽 2.对一些静态资源做压缩处理,比如js的min.js文件这种 2023.10.15 1.对静态资源做二次压缩 2.使用CDN的缺陷 ......
前端 层面

基于html5开发的Win12网页版,抢先体验

据 MSPoweruser 报道,Windows 11虽然刚刚开始步入正轨,但最新爆料称微软已经在开启下一个计划,Windows 12 的开发将在 去年3 月份开始。德国科技网站 Deskmodder.de 称,根据内部消息,微软将在 2022年3 月开始开发 Windows 12 系统,尽管 Wi ......
网页 html5 html Win 12

前端 ( HTML + JS + CSS )

以下大多都摘自菜鸟教程:https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup t ......
前端 HTML CSS JS

总结整合案例前端页面展示+axios异步请求数据

页面显示: vue+axios+element <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal ......
前端 案例 页面 数据 axios

Android WebView获取html源码

通过执行js语句来获取 val code = """ document.documentElement.outerHTML """.trimIndent() webview.evaluateJavascript(code) { value -> val htmlContent = if (value ......
源码 Android WebView html

Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)

Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......

从零开发一款图片编辑器(使用html5+javascript)

最近开发了一个图片编辑器,类似于photoshop的网页版,源码参考自GitHub上,顺便也总结下使用html+js开发一个编辑器需要用到哪些知识点。 预览地址: https://ps.gitapp.cn github地址:https://github.com/photopea/photopea 架 ......
编辑器 javascript 图片 html5 html

html

Column1 Column2 Column3 Row1,Column1 Row1,Column2 Row1,Column3 Row2,Column1 Row2,Column2 Row2,Column3 Row3,Column1 Row3,Column2 Row3,Column3 Row4,Colu ......
html

颜色表大全 | HTML Color Table

颜色表大全 | HTML Color Table 以下是颜色表大全 ,可以按Ctrl+F快速查找需要的颜色 鸨色#f7acbc 赤白橡#deab8a 油色#817936 绀桔梗#444693 踯躅色#ef5b9c 肌色#fedcbd 伽罗色#7f7522 花色#2b4490 桜色#feeeed 橙色 ......
颜色 大全 Color Table HTML

HTML常用标签

HTML常用标签 标题标签 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6> 段落与换行 <p>这是第一段</p> <p>这是第二段</p> <p>这是第一段 ......
常用 标签 HTML

Flask中render_template('index.html')查找index.html文件

问题:jinja2.exceptions.TemplateNotFound: index.html 解决方法如下: 普通: render_template('index.html'),其中index.html的查询是找创建app = Flask(name)文件的同级目录的templates中查找 注 ......
index html render_template template 文件

HTML5 大文件断点续传完整思路整理

用 html5 的新特性分割文件,为达到断点续传功能 用 spark.js 获取文件md5以确保文件的唯一性 流程概述: 复制代码 (此功能前端共需调用3个接口,分别为简称作 A / B / C) 1,获取文件信息:使用HTML5的原生上传input,选择文件后,获取文件的所有信息(文件名、文件总字 ......
断点 思路 文件 HTML5 HTML

HTML5实现文件断点续传的方法

HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。 断点续传原理 目前比较常用的断点续传的方法有两种,一种是通过websocket接口 ......
断点 文件 方法 HTML5 HTML

HTML 多套主题(夜间,白天等)的探索 2

除了上一篇博客https://www.cnblogs.com/adamr/p/17753396.html,利用js 移除和添加css资源文件,还有一个更为简单的做法,那就是css的属性选择器 <head> <style> [theme="dark"]{ --status-colors-error: ......
多套 主题 HTML

v-html

v-html 是 Vue.js 提供的指令,用于将数据绑定到 HTML 内容并将其渲染在视图中。它类似于 JavaScript 中的 innerHTML,允许你动态地将一段包含 HTML 标记的字符串渲染到页面上。然而,使用 v-html 需要格外小心,因为它有潜在的安全风险。 基本用法: v-ht ......
v-html html

【前端开发】前端使用Tailwind CSS写样式效率翻倍

vite+Vue项目配置教程 配置地址:https://tailwind.nodejs.cn/docs/guides/vite 中文文档:https://tailwind.nodejs.cn/docs/installation 说明:使用Tailwind CSS可省略写繁琐的css代码,通过用cla ......
前端 样式 Tailwind 效率 CSS

【前端开发】前端开发都应该知道的vueuse

前言:我们在写项目业务时进场会要封装一些工具函数,经常会遇到重复造轮子现象,这里给大家普及下vueuse,是基于Vue组合式API的实用工具集。 比如如下简单的几个例子: useDateFormat 时间格式处理函数 useTimeAgo 几小时/上周前等 处理函数 useMouse 获取鼠标位置 ......
前端 vueuse

【前端开发】vue3+vite项目部分优化

1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
前端 部分 项目 vue3 vite

Jsoup获取HTML中的特定行

import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.></table></body></html>"; Document doc = Jso ......
Jsoup HTML

什么是断点续传?前端如何实现文件的断点续传

什么是断点续传? 就是下载文件时,不必重头开始下载,而是从指定的位置继续下载,这样的功能就叫做断点续传。 断点续传的理解可以分为两部分:一部分是断点,一部分是续传。断点的由来是在下载过程中,将一个下载文件分成了多个部分,同时进行多个部分一起的下载,当某个时间点,任务被暂停了,此时下载暂停的位置就是断 ......
断点 前端 文件

开课吧前端1期.阶段4-1:Markdown,git

Markdown 工具: 1.markdown——程序员专用,写笔记 文档(建议) Atom工具插件: Markdown Preview Plus *使用方法 # 一级标题 ## 二级标题 ### 三级标题 - 列表(零序列表) ``` 代码 ```sql 代码 代表一条线 | | 表格 版本控制 ......
前端 Markdown 阶段 git

HTML 内嵌网页或者打开窗口方案详细

前言介绍 在工作中就出现的这种问题,开发的产品的页面需要嵌入到公司中其他产品中,因为是不同的产品,属于不同的系统,最简单的方式就是iframe和window.open()的方式。 一、使用iframe嵌入别人的网站 <iframe src="http://www.otherwebsite.com" ......
网页 方案 HTML

渗透测试高级技巧(二):对抗前端动态密钥与非对称加密防护

在前文的技术分享中,我们描述了验签和静态对称加密(静态密钥 AES)的常见场景,大家我相信遇到类似的加解密清醒,基本都可以通过热加载的基本使用获得破解前端加密解密的方法,达到一个比较好的测试状态。 在本文中,我们在保持同样的通用适配度的同时,将会来接触更加复杂的前端加密与解密场景: 动态密钥:无法通 ......
密钥 前端 技巧 动态

第八章、web前端架构师

目录十六、编辑器服务端基础API开发1、技术方案设计和基本功能开发2、技术方案设计3、接口设计4、Restful API vs GraphQL5、数据库设计6、server架构设计7、技术方案设计8、基本功能开发9、登录功能10、用户信息接口11、作品管理接口12、模板接口十七、编辑器服务端调用第三 ......
前端 架构 web

转载 https://www.cnblogs.com/star521/p/13385181.html --PGSQL-脏数据清理,频繁delete\update高水位线问题,vacuum full 、vacuum

查看表大小 -- 查出所有表(包含索引)并排序 -- 查出所有表(包含索引)并排序 SELECT table_schema , table_name AS table_full_name, pg_size_pretty(pg_total_relation_size('"' || table_sche ......
水位线 vacuum 水位 13385181 cnblogs

前端如何使得两个项目之间通信,window.open + postMessage

一、背景 由于公司内部需求不断加大,一个项目无法满足,多个项目直接需满足互相通信,则需要解决跨域传递消息的问题 二、两个项目之间如何通信,如何解决解决跨域传递消息 1. A.html ( https://www.a.com ) <div @click="goDetail('参数id')">传递信息< ......
前端 postMessage 之间 两个 项目

html5解决大文件断点续传

一、使用file api对文件“切片”,使用slice 断点续传思路:断点续传最核心的内容就是把文件“切片”然后再一片一片的传给服务器, 但是这看似简单的上传过程却有着无数的坑。 首先是文件的识别,一个文件被分成了若干份之后如何告诉服务器你切了多少块,以及最终 服务器应该如何把你上传上去的文件进行合 ......
断点 文件 html5 html

前端 - 使用json-server搭建单机mock平台

使用json-server搭建单机mock平台 简介 json-server是一个 Node 模块,可以指定一个json文件作为数据源,运行 Express 服务器。可以用来在本地快速搭建一个REST API风格的后端服务,模拟服务端接口数据。 官网地址:json-server - npm (npm ......
前端 json-server 单机 server 平台

【前端开发】免费统计个人网站、网页访问次数、访问设备、访问人地点等数据教程

前言:在该网站选择小组件样式、生成代码后插入到自己的网页即可 网站地址:https://whos.amung.us/ 第一步:选择小组件样式,并生成代码 第二步:将代码插入网页 第三步:网页中会出现统计次数小组件,点击小组件会跳转到统计详情页 最后,统计详情页会看到统计到的次数、地域、设备等信息 ......