前端html
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......
前端性能优化——图片优化
前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ......
HTML/XML字符转义对照表
HTML/XML转义字符对照表包含符号、数学符号、希腊字母 、重要的国际标志、ISO 8859-1 (Latin-1)字符集、特殊符号等。 为什么要用转义字符串？ HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
前端性能精进（七）——构建
前端性能精进（七）——构建 前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 ......
全功能 HTML 框架 Framework7 发布 v8.0.0 版本
全功能 HTML 框架 Framework7 发布 v8.0.0 版本 来源: OSCHINA 编辑: 罗奇奇 2023-04-04 07:07:28 0 Framework7 是一个开源框架，用于开发具有原生外观和感觉的移动端、桌面端或 Web 应用程序。它也是必不可少的原型设计工具，可在开发者需 ......
HTML 倒计时跳转
BOM -延迟跳转 5秒钟之后会自动跳转到百度 取消跳转 打开百度 跳转倒计时方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BOM -延迟跳转</title> </head> <body> <h3>< ......
html转pdf
html转pdf 依赖 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.13.3</version> </dependency> <dependency> <gro ......
记一次springboot通过jackson渲染到前端，出现大写字母变成小写问题
前言 最近业务部门接手了外包供应商的项目过来自己运维，该部门的小伙伴发现了一个问题，比如后端的DTO有个属性名为nPrice的字段，通过json渲染到前端后，变成nprice，而预期的字段是要为nPrice。于是他们就找到我们部门，希望我们能帮忙解决一下这个问题，本文就聊聊如何解决问题，至于为什么会 ......
微信小程序 使用wxParse解析html富文本数据
1.下载wxParse https://github.com/icindy/wxParse 2.复制文件到项目根目录 3.在app.wxss全局样式文件中，需要引入wxParse的样式表 @import "./wxParse/wxParse.wxss"; 4.在需要加载html内容的页面对应的js文 ......
html页面图片浮动置顶
创建一个图片 <div class="fixed-bottom-right" style=" display: flex; position: fixed; top: 80%; right: 0; width: 100px; height: 100px; z-index: 999; transfor ......
前端使用highcharts报错“Error: Highcharts error #13”
报错情况如下： 错误原因： 查找了下这个错误，图形容器无法找到，会导致报这个错误，两个页面都在使用同一个容器id时可能也会导致这样的问题，我遇到的是后者。。。。所以就改了一id然后就成功解决 如果是前者：建议 ： 检查一下界面文件路径，或者F12查看一下是否有对应的图形容器 ......
前端使用highcharts绘制3D圆环图报错 “this.chart.is3d is not a function ”
废话不多说直接上解决办法： 需要在main.js中添加如下代码： import highcharts from 'highcharts' import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(highcharts) ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
前端，将图片转为base64格式后保存至数据库
调用上述函数，因为onload回调是异步的，需要等图片转换成功后使用base64图片路径，所以需要包在promise实例内抛出去 this.imgBase().then(baseUrl =>{ // 使用成功回调拿到图片处理成功后的格式 }) ......
前端已死？金三银四？你收到offer了吗？
最近在脉脉、知乎等平台都有人在渲染前端从业人员的危机，甚至使用“前端已死”的字眼，颇有“语不惊人死不休”的意味，对老鸟来说，这关乎职业寿命，关乎生活，但因为浸淫行业多年，个中变化比较了解，应该不会太受影响，对新人可能就有误导了，甚至不敢入行。 ......
1-HTML
HTML 在我的csdn（https://blog.csdn.net/qq_59609098?spm=1000.2115.3001.5343）中我主要记录了java方面的学习知识，现在换一个平台，主要记录前端知识（后端都有相当全栈的想法，手动滑稽🤭），那么从HTML开始 在说明前端知识之前，我们首 ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......
基于HTML5标准的Web组态编辑器
组态软件指一些数据采集与过程控制的专用软件，Web组态软件是指通过浏览器操作组态工具、浏览组态画面，实现工程管理、组态编辑以及组态运行三大功能。组态编辑器是用来开发组态画面的可视化工具。 ......
前端网页分辨率测试工具
以下代码存为html即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht ......
html笔记
1.1 编码（head） <meta charset="UTF-8"> 1.2 title（head） <head> <meta charset="UTF-8"> <title>我的联通</title> </head> 1.3 标题 <!DOCTYPE html> <html lang="en"> ......
前端性能精进（七）——构建
前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 gulp，再到静态模块打包 ......
若分离HTML与CSS，要记得连接外部CSS文件
使用下列代码即可连接，注意CSS文件名和HTML文件名相同： <link rel="stylesheet" type="text/css" href="文件名.css"> 应放在代码头，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
解决更改HTML代码，浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码，浏览器打开前端页面却没有改变 问题解决 第一种方法：重启IDEA（HTML的编辑器） 第二种方法：消除对应浏览器里面Cookie数据（亲测有效！） ......
Java学习笔记(十二) 前端基础1
Web前端基础 初识web前端 网页由哪些部分组成? 文字 图片 音频 视频 超链接等 我们看到的网页, 背后的本质是什么? 程序员写的前端代码 前端的代码是如何转换成用户眼中的网页的? 通过浏览器转化(解析和渲染)成用户看到的网页 浏览器中对代码进行解析渲染的部分, 称为浏览器内核 不同的浏览器, ......
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ......