前端html css
前端Vue仿微信我的菜单栏组件按钮组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
12个效果奇特的HTML5动画赏析
本文将为大家分享12个效果奇特的HTML5动画，HTML5强大的动画特性可以让你的网页变得更加生动和富有活力，交互性也会进一步得到提高。一起来看看下面的这些HTML5动画案例，每个案例都提供源代码下载。 1、HTML5 Canvas瀑布动画 超逼真 这次我们来分享一款很酷的HTML5 Canvas瀑 ......
前端开发报表工具所必须的三大能力
摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 数据分析一直以来都是业务决策中非常重要的一环，在数字化时代尤其如此。然而，数据分析只有在持续的监 ......
HTML简单学习
介绍：如果你想让你的网页在浏览器中正常显示，你就必须遵循HTML标签 HTML文件的后缀名是.html HTML文档介绍： Title # 标签顶部显示的内容 # head标签一般写的不是让用户看的 # body标签一般写什么内容，浏览器中就能够看到什么内容，给用户看的 ### body中常用的标签 ......
HTML入门-----常用标签之字体样式标签
 字体样式标签 可以改变字体的样式 加粗：```,``` 斜体：``` ,``` 示例： ``` 我很喜欢 ......
HTML入门-----常见标签之注释和特殊符号
 注释和特殊符号 空格：  大于号(>)：> 小于号(<)：< 引号(")：" ......
HTML入门-----常用标签之段落标签
 2.段落标签p 主要用于文章段落，自动换行，有默认行距。 示例： ``` 我是一个段落 我是一个段落 `` ......
HTML入门-----常用标签之换行标签
 换行标签 `````` 用于网页中的换行，没有行距。 ``` 张学友 周杰伦 ```  水平线标签 `````` ``` 张学友 周杰伦 ```  .标题标签 h1~h6 自动换行，自动加粗，数值越小字越大。 示例： ``` 标题 标题 标题 标题 标 ......
HTML入门-----初识html
 HTML简介： 是一种超文本标记语言。 网页的组成: 骨架：HTML 表现层：CSS 行为层：Java ......
1. 前端简单介绍
## 前端定义 # 所有与用户直接打交道的都可以称之为是前端. >能够直接使用肉眼直接看到的都是前端 举例：PC端页面、手机端页面、平板页面、车载显示器等 ## 前端学习内容 """前端三剑客""" HTML：一个网站的骨架，没有任何的样式 CSS：就是给网页添加样式的，目的是让其更加的美观、好看、 ......
前端收到的数据和接口给的数据不一致--踩坑
后端确认自己传过来的是522880684734283776，但是我这边收到的确实是522880684734283800。 原因是：Long类型的数据过长的话会导致精度丢失。 解决方案：后端改为string类型传给前端。 ......
使用Javascript将Html字符串解析为DOM节点的3种方式
如果我们需要将下面这个Html字符串转换为一个DOM元素节点 ```javascript const htmlString = ` Hello World `; ``` 我们需要怎么做？其实有3种方法： 1. Range API 2. Template 3. DOMParser 下面，就分别说明一下 ......
前端、
什么是前端 所有与用户打交道的都可以称之为前端，能够直接使用肉眼直接看到的都是前端 eg：PC端页面、手机端页面、平板页面、车载显示器等等 什么是后端 不直接与用户打交道的都可以称之为后端，后端其实就是幕后操作者 eg：Python语言、Java、Go、PHP等等 在招聘网上常见的岗位描述 Pyth ......
前端
前端 前端：就是所以和用户打交道的界面都可以称之为是前端。 比如：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 ......
express發送單個純HTML頁面
1 只需要使用res.sendFile("FilePath", {root: __dirname}) 路徑必須是絕對路徑, 除非指定root 2 頁面內引用的其它文件不會被發送, 但是在客戶端會將其中引用的文件以url請求的方式向服務端重新請求, 這時候就需要配置其中引用文件的訪問路徑 在引用的sc ......
前端小工具：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 ......
10个最常见的HTML5面试题及答案
1、新的 HTML5 文档类型和字符集是？ HTML5 文档类型很简单： <!doctype html> HTML5 使用 UTF-8 编码示例： <meta charset=”UTF-8″> 2、HTML5 中如何嵌入音频？ HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中 ......
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 ......