前端html css
HTML5 Form表单
Form表单使用来用户填写信息，从而能采集用户信息，使网站有交换功能，所有用户输入的地方； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width, ini ......
转 html5中的鼠标事件
html5中的鼠标事件 常见的鼠标点击事件有： onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondragend 当拖动操作结束时运行脚本 ondragenter 当元素被拖动至有效的拖放目标时运行脚本 ondragleave ......
css-盒子模型
盒子模型 1.是什么 2.边框 边框的粗细 边框的样式 边框的颜色 因为容易很丑~-~ 这里用结构伪类选择器: ——本意为找div父类的子类中第一个为input的，但是有错，实际上是div的后代选择器 如果去掉input , 只会框第一个div, 找div父类的子类中第一个孩子 3.外边距 两个参数 ......
前端几个常用的官网模版记录一下
无意间发现的几个官网模版 对于一些要求不高，不需要特定设计的官网，这几个模版套一套，改一改，轻松解决！😄😄😄 模版1: 模版2: 模版3: 模版4: 模版5: 模版6: 模版7: 获取这些官网模版的代码，可以在 微信小程序“工具百宝汇” - 模版 - 官网模版中获取网盘分享 ......
HTML5元素分类和新增标签
元素分类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
HTML5表格标签和单元格合并
表格标签<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> ......
篇章二 走进HTML
# 一、系统架构 ## 1、B/S架构（Browser / Server） - 浏览器 / 服务器的交互形式 - 优点：升级方便，只升级服务器端代码即可 - 缺点：速度慢、体验不好、界面不炫酷 - 代表：京东、天猫、百度。。。 ## 2、C/S架构（Client / Server） - 客户端 / ......
走进HTML学习
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) ```cpp 视频链接： src ......
走进CSS—I
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) @[TOC](CSS学习笔记) ......
走进CSS—II
点击跳转继续学习：[走进CSS—I](https://blog.csdn.net/qq_53810245/article/details/119176518) @[TOC](CSS学习笔记) ![在这里插入图片描述](https://img-blog.csdnimg.cn/0623b62685ba4 ......
[FAQ] edge debug栏的网络里 没有见到 All Fetch/XHR JS CSS 这些东西
一种方式是 打开调试器的设置，重置默认并刷新即可。 另一种方式是把这个 “筛选” 点掉。 Tool：揭开网站所用的技术 Link：https://www.cnblogs.com/farwish/p/17687523.html ......
ES6 Module模块，在vsCode中已服务器模式运行HTML文件
操作步骤如下： 一、安装Live Server 插件 二、点击扩展设置 三、设置live server默认打开浏览器为“chrome” 四、配置-工作区 五、在HTML文件中，右键选择"open with Live Server" 输出结果 ......
前端开发中如何高效渲染大数据量
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：琉易 [liuxianyu.cn](https://link.juejin.cn/?target=ht ......
HTML5有序无序标签
标签分为有序标签和无序标签，有序标签为<ol><li>,无序标签分为<ul><li> 有序标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de ......
直播软件源码，html文本框选中后显示其它颜色
直播软件源码，html文本框选中后显示其它颜色 1. text html <input type="text" name="title" id="title"> CSS #title:focus{ outline: none; border: 1px solid #fafafa; -webkit ......
使用EasyExcel下载文件时，前端获取不到后端返回的文件名，无法下载到本地
【问题描述】 使用EasyExcel下载文件时，前端获取不到后端返回的文件名，无法下载到本地 【原因分析】 实际上文件的流后端已经返回了，只是缺少了Content-Disposition属性返回，前端无法获取到文件名； private static OutputStream getOutputStr ......
HTML5与CSS3实现动态网页（下）
js 完整的javascript 是有ECMAScript （语法） Browser Objects (DOM BOM ) 特性组成的。 // 单行注释 /**/ 多行注释 ECMASxript 中的一切 (变量 函数名和操作符) 都区分大小写 1：什么是标识符 变量 函数 属性的名字 或者函的参数 ......
Css 修改图标颜色_Css 修改图片颜色_Css控制图片颜色
一、Css3 mask 修改图标颜色 （推荐） CSS3 mask默认是基于透明度实现遮罩效果的。也就是实色区域显示，透明区域隐藏。因此，我们只需要把目标图标颜色#f4615c作为背景色，然后原始图标（无论什么颜色都可以）作为遮罩图片，效果就出来了。 <!DOCTYPE html> <html la ......
【校招VIP】前端算法考察之字符串
考点介绍 说到字符串算法我们最先想到的就是模式匹配问题，所谓模式匹配就是字符串匹配问题，就是在一个长的主串中寻找子串的过程，如果我们直接暴力匹配那就是最基本的BF算法；KMP算法与BF算法最大的区别区别就是主串不进行回溯 答案详情解析和文章内容可点击下方链接即可查看 一、考点题目 1.下面哪个流类属 ......
css使用border-image和flex布局设计一个随着文字多少自适应的标题
需求： 设计一个标题，让中间部分随着文字而撑大，同时文字渐变，两边自适应，这种情况就不能用传统的背景图片了，想到可以使用图片边框来做 解决思路： 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ......
前端post请求用data传参数
#发post或者put请求的时候要带参数，那么就需要用data  #防止重复提交部分 ###一秒钟只内只能提交一次 ......
css修改页面内元素的滚动条样式
<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
HTML视频背景(动态背景)
网页动态背景一般是用视频实现的，能增添网页的感染力，我觉得很好看，也不难，不妨学一下。 先加入下面一串代码： 1 <style> 2 video{ 3 height: 100%; 4 width: 100%; 5 position: absolute; 6 right: 0px; 7 bottom: ......
css实现 h5滑动时隐藏滚动条
.menus{ margin: 10px 0 ; margin-left: 18px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .menus::-webkit-scrollbar { display: none; width: 0 ......
在chrome下css/js等资源加载缓慢20s+或者30s+
## 问题 chrome、edge等浏览器在打开web网站，部分资源加载缓慢，严重影响体验. ## 在转发nginx上请求和响应时间差距很小，都是30s+ ![image](https://img2023.cnblogs.com/blog/790307/202309/790307-202309071 ......
HTML5超文本链接和文本标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
在Canvas上进行文本输入及其它html元素操作
## 问题 `使用canvas绘制了一个表格，想要在上面进行编辑操作，但canvas并不支持修改操作` ## 思路 `通过给html元素设置绝对定位，遮盖canvas上的指定位置，所有编辑操作都在元素上进行，也可以将元素的值绘制到canvas上，示例demo如下：` 点击查看代码 ``` 编辑 取消 ......
html+css：一个元素多个类，来抽取相同的属性
如下的图像 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！ .child{ height: 200px; float: left; } <div class="box"> <div ......
流程全局引入外部JS、CSS
全局引入，所有流程 E9如果在代码块里面这样： <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入，如下： ......