前端css
前端
前端 前端：就是所以和用户打交道的界面都可以称之为是前端。 比如：PC端页面、手机端页面、平板页面、车载显示器等 前端学习的内容 1. HTML：搭建网页的骨架，没有样式 2. CSS：就是给网页添加样式，让网页更加好看、美观。 3. JavaScript：就是让网页动起来，简称js 前端框架： j ......
前端三剑客之html
一、http协议 1、http 超文本传输协议 HTTP（Hypertext Transfer Protocol）是一种用于在Web上传输数据的协议，规定了服务端和客户端之间的数据传输格式及其标准。 HTTP协议是一种应用层协议，它是基于TCP/IP协议开发的。HTTP在TCP之上，而TCP在IP之 ......
前端实现浏览器端大文件分片上传
javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up ......
纯css 四边形的角样式（只有两个角是三角，其他两个是线段）
效果如图： 核心：使用伪类 代码如下： <div class="box-style"></div> .box-style { position: relative; //纯css只有四个角有边框的样式 box-shadow: 0px 0px 12px 1px #003ba26b inset; bac ......
前端小工具：protobufjs数据传输
protobuf.js 协议缓冲区是一种与语言无关的、与平台无关的、可扩展的序列化结构化数据的方法，用于通信协议、数据存储等，最初由Google设计（请参阅）。 网址跳转 https://www.cnblogs.com/bore/p/14341754.html ......
CSS滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -w ......
小程序二维码配置+前端生成带参二维码+数据加密解密+地址逆解析
这是一个关于用户回访调查的小程序，技术栈vue3+uniapp。遇到的知识点如下： 1.微信公众平台认证的小程序账号只对应一个小程序，一个邮箱只能绑定一个小程序，如果企业之前有认证过微信公众号的，可以复用微信公众号的资料认证小程序，这样就不需要另外收认证费。(复用公众号资料认证小程序流程：https ......
css 显示溢出隐藏省略号几行
.text { display: -webkit-box; //特别显示模式 overflow: hidden; //溢出内容隐藏 text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; //文本溢出部分用省略号表示 -webkit ......
qiankun微前端
qiankun 是一个基于 [single-spa](https://github.com/CanopyTax/single-spa) 的[微前端](https://micro-frontends.org/)实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 微前端是一种多个团队通 ......
面试题-css标准盒模型和怪异盒模型
标准盒模型，宽度width = content +padding +boder 怪异盒模型：width = width，会去挤压内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo ......
前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
认识css动画相关属性animation
transtion属性 需要触发条件，比如hover animation属性 可以立即执行 transform属性 不是动画，但是对动画起到至关重要的作用 过渡属性transtion <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
css3动画之打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>速度曲线步 ......
CSS总结
# CSS总结 ## 一. CSS选择器 通过选择器选中html标签，设置标签的样式。 ### 1.选择器分类 > 优先级：标签名称选择器 内容 .A{ 属性名称：值; 属性名称2：值2; } ``` #### (3) id选择器 语法：#id属性值{} 作用：选中对应id属性值的元素(id属性值只 ......
前端实现页面/嵌套iframe右键禁用
页面： document.oncontextmenu = function(e){return false}; 嵌套iframe：iframe中要对contentDocument禁用 // 先获取到iframe iframe.contentDocument.oncontextmenu = funct ......
vue前端异步请求，数据拿的太慢，页面无法渲染
vue中发送请求，拿到数据后打开弹窗进行页面渲染，问题：请求速度太慢，弹窗没有数据，解决：使用async和await进行同步请求 async用在方法上，await放在请求前，表示阻塞 ......
C# DLL资源文件打包(图片、JS、CSS)
前言 出于安全以及移植考虑，近两天有看关于WebResource方面的资料，有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客，一搜索几乎全一样，也没多说一个字的！！ 感谢 1.MSDN 直到这个例子出现，我才真正做出自己想要的东西，但是也带来了一些不明白 2.利用WebResource.axd通 ......
前端ExportExce导出表格数据
前端使用 ExportExce导出表格数据 步骤一、 下载依赖 cnpm install file-saver@1.3.8 xlsx@0.14.1 --save 步骤二、创建一个ExportExce.js 文件 注意： vue中的话 一般是在 util文件夹下 创建的 nuxt的话在 plugins ......
如何完美解决前端数字计算精度丢失与数字格式化问题？
> 大家好，我是木瓜太香，做前端开发经常会遇到数字计算精度丢失的问题，和数字格式化的麻烦问题，好不容易找到了可以解决这些问题的库结果用起来不够方便，例如 bignumber.js decimal.js 等编写体验不好，这篇文章来帮助你完美解决这些问题 接下来我们根据以下两个问题展开说说： - 只有前 ......
Web 前端常用的组态软件工具（可视化）
前言 随着创新技术驱动工业物联网不断发展，设备联网所产生的多样化数据，在边缘端与云端进行大数据分析，成为工业应用场景数字化的需求。跨系统可通用，不受硬件限制达成无缝整合，监控组态软件SCADA成为物联网时代建构出各种工业应用的成功关键。 概念 组态(Configure)：包含“配置”、“设定”、“设 ......
部署tomcat，在tomcat下部署前端项目
#铺垫 1.选择一个部署的工具，并且连接会话 2.选择先把jdk放在home目录下，然后解压，解压的命令是#tar -zvxf 压缩包名称 3.配置java环境变量，（此处省略） 4.再选择tomcat放到home目录下，解压 5.进入tomcat的bin目录，启动tomcat ./startup. ......
教你快速掌握两个div在同一行显示css如何实现
我们都知道div是一个块元素,块元素的特点是,独占一行,从上往下排列,但是有时候我们在页面排版的时候需要从左往右横着排列,想要实现这样的效果方法有很多,首先先来看一下,默认情况下的2个div的效果如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <me ......
html2canvas + jspdf 实现前端将页面内容生成 PDF
一、简易步骤（仅支持下载一页，无法分页） 1.下载插件模块 npm install html2canvas jspdf --save 2.编写代码 import html2canvas from 'html2canvas' // 引入插件 import {jsPDF} from 'jspdf' // ......
CSS常用属性汇总
1、盒模型属性2、常用文本样式属性3、常用字体属性4、段罗和行相关属性5、css书写位置6、样式层叠性和选择权重7、伪类和伪元素8、css3新增伪类9、标签选择器、id选择器、class选择器、复合选择器10、关系选择器、序号选择器、属性选择器11、浮动与定位样式属性12、鼠标样式13、边框、圆角、 ......
20个非常绚丽的HTML5/CSS3应用插件
基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视 ......
微服务架构在前端开发中的应用
微服务架构是一种软件架构模式，用于构建复杂应用程序。它将一个大型的单体应用程序拆分为一组更小、更独立的服务，每个服务都运行在自己的进程中，并通过轻量级的通信机制进行交互。每个服务都专注于解决特定的业务功能或服务，并且可以独立开发、部署和扩展。 ......
前端uni-app自定义精美全端复制文本插件，支持全端文本复制插件 可设置复制按钮颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端高手进阶
前端高手进阶├──文档 ├──[3170] 开篇词:带你一起筑建前端工程师的“护城河”.md 15.37kb ├──[3171] 第01讲:你真的熟悉 HTML 标签吗？.md 20.50kb ├──[3172] 第02讲:如何高效操作 DOM 元素？.md 24.48kb ├──[3173] 第0 ......
前端性能优化方法与实战
目录:01 开篇词 开启刻意练习之路，进阶前端性能技术专家.mp402 01 体系总览:性能优化体系及关键指标设定.mp403 02 性能瓶颈点:从 URL 输入到页面加载整过程分析.mp404 03 案例分析:移动端 M 站性能优化落地注意事项.mp405 04 指标采集:首屏时间指标采集具体办法 ......