骨架 前端html
前端开发-Html
HTML-head 1.<title> 标签定义了不同文档的标题 <title>文档标题</title> 2.<meta> 标签提供了元数据 <!--这定义网页作者--> <meta name="author" content="Runoob"> <!--为网页定义描述内容--> <meta nam ......
python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框
文本 pyhon 后端用request.values.get("name") 去获取 if request.method == "POST": username = request.values.get("username") sex = request.values.get("sex") 二、多选 ......
直播网站程序源码，element el-menu，前端做菜单搜索
直播网站程序源码，element el-menu，前端做菜单搜索 方案一：递归+indexof 实现步骤： JS 实现树形结构数据的模糊搜索查询， 即使父节点没有，但子节点含有，父节点仍要返回。 /** * 递归tree关键词搜索 * * @param {key} 需要递归的key名 * @para ......
第五次html
菱形: 代码: <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script>{ layer = parseInt(prompt("请输入层数" ......
第六次html
运行截图： 代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .container>img{ posi ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示 1、问题描述 最近将网站升级为 HTTPS 时，发现富文本中的图片不能显示。如果单独将图片地址，在浏览器上请求，图片显示正常。 2、解决方法 自动将http的不安全请求升级为https 页面的head中加入： `upgrade-ins ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
第四次html
运行效果: 代码: body{ /*background-color: #333;*/ } :root { --swiper-navigation-size: 44px; } * { padding: 0; margin: 0; /* border:1px solid red; */ } #logo ......
第二次html
效果: 代码: <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div_class{ background-color: #ccc; } .dox{ background-color: #dd ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端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 项目性能方面 ......