HTML5-前端知识

前端知识库Html5和CSS3

1、常见的水平垂直居中实现方案最简单的方案是flex布局.container{display:flex;align-items:center;justify-content:center;}绝对定位配合margin:auto(一定要给.son宽高).father{position:relative;height:300px;}.son{position:absolute;top:0;right:0
奇怪的点·2023-12-16 01:28

前端知识笔记（三十八）———HTTPS：保护网络通信安全的关键

当谈到网络通信和数据传输时，安全性是一个至关重要的问题。在互联网上，有许多敏感信息需要通过网络进行传输，例如个人身份信息、银行账户信息和商业机密等。为了保护这些信息不被未经授权的人访问和篡改，HTTPS（超文本传输安全协议）应运而生。HTTPS是HTTP协议的安全版本，通过使用SSL（安全套接层）或TLS（传输层安全）协议对数据进行加密和身份验证。它通过在客户端和服务器之间建立一个安全的加密连接，
瑞崽崽崽·2023-12-15 22:37

html如何消除浮动的影响,Web前端知识点-认识浮动及清除浮动带来影响的简单方法...

本文从一个简单的HTML页面入手，对为什么要有浮动，如何设置浮动，元素设置浮动后自身的变化及对整个布局产生的影响，以及如何消除浮动带来的影响都做了详细的过程解析，理解浮动对页面布局来说很重要，希望本文能有所帮助！一、认识浮动普通标准文档流中，浏览器从HTML文件的最上面开始，从上至下，从左至右，逐个显示每个元素，每个元素在HTML文档中的位置就限制了他在页面中的位置。先看一个简单的HTMLhtml
东东嘿·2023-12-15 16:12

Python语言学习笔记之九（爬虫）

2、知识储备网页前端知识：需要了解前端和网
garagong·2023-12-15 12:37

前端知识笔记（三十五）———http代理如何设置手机上网？http代理起到了哪些作用

一、HTTP代理是什么？HTTP代理是一种网络协议，它允许客户端与服务器之间进行数据传输。它是一种常用的代理服务，可以帮助用户通过HTTP协议访问被封锁的网站或提供更快的网络连接速度。二、如何设置手机上网使用HTTP代理？1.打开手机，从主屏幕中找到“设置”应用程序，并点击打开。2.在“设置”界面中，找到一个类似于信号的图标，下面标有“WLAN”的选项，并点击进入。3.在“WLAN”界面中，可以看
瑞崽崽崽·2023-12-15 12:55

前端知识（十二）———ES6迭代器

ES6中的迭代器是一种新的对象，它具有一个next()方法。next()方法返回一个对象，这个对象包含两个属性：value和done。value属性是迭代器中的下一个值，done属性是一个布尔值，表示迭代器是否已经遍历完所有的值。迭代器是一个懒加载的机制，只有在调用next()方法时才会返回下一个值。我们可以使用for…of循环来遍历数组中的元素，让对象实现for-of遍历。此外，ES6还引入了生
贰零壹玖.·2023-12-15 11:10

前端知识笔记（二十三）———云服务器网站遇到HTTPS CC攻击了，有什么办法吗？

目前网站使用SSL证书，用443端口的情况非常普遍，大多数网站，用户都是会选择用证书，这样不仅可以提供数据传输的安全性，增强用户信任和品牌形象，还可以提高网站在搜索结果中的排名，从而增加流量和曝光度。但同时，又会遇到一个问题，就是针对HTTPS的CC攻击。HTTPS的CC攻击主要是通过HTTPS协议进行的，攻击者会利用HTTPS协议头中的一些字段来发起攻击，比如User-Agent，Cookie等
瑞崽崽崽·2023-12-15 04:23

前端知识笔记（三十六）———HTTP 缓存机制

一、强制缓存只要浏览器判断缓存没有过期，则直接使用浏览器的本地缓存而无需再请求服务器。强制缓存是利用下面这两个HTTP响应头部（ResponseHeader）字段实现的，它们都用来表示资源在客户端缓存的有效期：Cache-Control，是一个相对时间；Expires，是一个绝对时间；如果HTTP响应头部同时有Cache-Control和Expires字段的话，Cache-Control的优先级高
瑞崽崽崽·2023-12-15 04:23

前端知识笔记（四十五）———前端开发与后端开发有什么区别

前端开发和后端开发是Web开发中的两个关键领域，它们负责不同的任务和功能。下面是前端开发和后端开发之间的主要区别：前端开发：用户界面：前端开发主要关注用户界面的开发，包括网页的布局、样式、交互等方面。前端技术：前端开发通常使用HTML、CSS和JavaScript等前端技术进行开发。客户端处理：前端开发将代码部署到客户端（通常是浏览器），通过浏览器渲染网页并与用户进行交互。用户体验：前端开发着重关
瑞崽崽崽·2023-12-15 03:46

前端知识笔记（三十七）———Django与Ajax

特点：异步提交局部刷新例子：github注册动态获取用户名实时的跟后端确认并实时的展示到前端（局部刷新）朝后端发送请求的方式1.浏览器地址栏直接输入url回车-----》get请求2.a标签的href属性-----》get请求3.form表单-----》get请求、post请求4.ajax-----》get请求、post请求真正的ajax原生，需要使用js操作，jq的ajax方法是对原生js的封装
瑞崽崽崽·2023-12-15 03:46

前端知识（八）———前端需要掌握的技术有哪些方面

前端开发需要掌握的技术包括以下几个方面：1.HTML：HTML是网页的基础骨架，是网页内容的载体，负责网页内容的排列和布局。2.CSS：CSS是网页的样式表，负责网页的外观和样式。一般情况下HTML+CSS是在一起使用为了页面布局的，说到布局可能会需要用到PS和蓝湖等一类设计工具去切图，所以衍生出切图技能也是要会滴。3.JavaScript：JavaScript是一种动态脚本语言，负责网页的交互和
贰零壹玖.·2023-12-15 02:41

前端开发中的HTTP状态码，例如200、404和500

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2023-12-15 00:46

什么是跨站脚本攻击（XSS）？如何防止它？

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2023-12-15 00:46

什么是前端开发中的跨站请求伪造（CSRF）攻击？如何防止它？

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2023-12-15 00:46

什么是前端国际化（internationalization）和本地化（localization）？

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2023-12-14 23:07

前端知识笔记（四十二）———http和https详细解析

HTTP（HypertextTransferProtocol）是一种用于在计算机网络中传输超文本的协议。它是一个客户端-服务器协议，用于从Web服务器传输超文本到本地浏览器。HTTP使用TCP/IP协议作为底层传输协议，并使用默认端口号80。HTTPS（HypertextTransferProtocolSecure）是基于HTTP的安全协议。它通过使用SSL（SecureSocketsLayer）
瑞崽崽崽·2023-12-14 18:48

前端知识笔记（五）———前端密钥怎么存储，才最安全？

前端密钥存储安全是非常重要的，具体原因如下：保护敏感数据：密钥用于保护敏感数据的安全性。如果密钥泄露，攻击者可能能够访问和篡改敏感数据，导致数据泄露、数据被篡改或系统被入侵。防止恶意使用：在前端存储密钥的情况下，攻击者可以更轻易地获取密钥。一旦攻击者获得密钥，他们可能会使用该密钥进行恶意操作，例如伪造请求、未经授权的访问或数据篡改。遵守安全性和合规性要求：许多行业和法规要求对敏感数据采取特定的安全
贰零壹玖.·2023-12-14 15:17

前端知识（十三）——JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作

禁止右键document.oncontextmenu=newFunction("event.returnValue=false;")//禁用右键禁止按键//监听按键document.onkeydown=function(){//f12if(window.event&&window.event.keyCode==123){alert("F12被禁用");event.keyCode=0;event.r
贰零壹玖.·2023-12-14 15:42

什么是图片懒加载（image lazy loading）？它的作用是什么？

在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2023-12-14 12:28

前端知识笔记（二十一）———浏览器的缓存策略

浏览器缓存的策略主要分为两种：过期机制和验证机制。过期机制：是指浏览器根据资源的过期时间，判断是否可以直接使用缓存中的副本，而无需向服务器发起请求。过期时间可以通过以下两种方式设置：Cache-Control：这是一个HTTP响应头，用于指定资源的最大有效期。例如，Cache-Control:max-age=3600表示资源在3600秒内有效，之后需要重新请求。Expires：这也是一个HTTP响
瑞崽崽崽·2023-12-06 20:39

前端知识点

原文链接：http://caibaojian.com/fe-knowledge-points.html前端知识点A-A+前端博客•2015-12-24•前端开发资源•前端开发•1650View1文章目录
weixin_30706691·2023-12-06 08:19

前端知识笔记（二十七）———CSS核心功能手册：从熟悉到精通

参考HTML代码example1.CSSCSS（CascadingStyleSheets，层叠样式表）是用于控制HTML元素在网页上如何显示的一种标记语言。它允许开发者为网页创建样式，包括布局、颜色、字体和响应式设计等。通过CSS，可以将设计和内容分离，使得网页更易于维护和访问。CSS（CascadingStyleSheets，层叠样式表）是用于控制HTML元素在网页上如何显示的一种标记语言。它允
瑞崽崽崽·2023-12-06 04:41

前端知识笔记（二十六）———React如何像Vue一样将css和js写在同一文件

如果想在React中想要像Vue一样把css和js写到一个文件中，可以使用CSS-in-JS。使用CSS-in-JS下载npmistyled-components使用就像写scss一样，不过需要声明元素的类型基本语法及展示如下importstyledfrom"styled-components"exportdefault()=>{constFather=styled.div`width:200px
瑞崽崽崽·2023-12-06 04:10

前端知识-Vue.js入门

一、介绍1、Vue.js是什么在为AngularJS工作之后，Vue的作者尤雨溪开发出了这一框架。他声称自己的思路是提取Angular中为自己所喜欢的部分，构建出一款相当轻量的框架。Vue最早发布于2014年2月。作者在HackerNews、EchoJS与Reddit的javascript版块发布了最早的版本。一天之内，Vue就登上了这三个网站的首页。Vue是Github上最受欢迎的开源项目之一。
Summer2077·2023-12-06 04:32

前端知识笔记（二十五）———JS中的异步编程与Promise

一、JavaScript的异步编步机制在了解JavaScript的异步机制之前，我们首先需要理解JavaScript是一种单线程语言。单线程就意味着所有的任务需要按照顺序一次执行，如果前一个任务没有完成，后一个任务就无法开始。这个特性在执行大量或耗时任务时可能会导致阻塞或者界面卡死，这显然是不可取的。为了解决这个问题，JavaScript引入了异步编程的机制。简单地说，异步就是你现在发出了一个“命
瑞崽崽崽·2023-12-06 01:30

前端知识笔记（二十）———简易弹窗制作

这是自己闲来无事写的一个小弹窗，只需一个div标签，里面写入弹窗想要显示的内容即可，简单易懂，一看就会HTML部分只需要写个div标签命个名，把弹窗内容写上就可以了使用css添加样式弹窗名{/*弹窗位置自行调整*/position:fixed;top:20vh;left:90vh;/*颜色自行调整*/background-color:#056774;/*弹窗宽高自行调整*/width:14vw;h
瑞崽崽崽·2023-12-05 17:57

前端知识笔记（三十二）———TCP 连接建立

：TCP三次握手过程是怎样的？客户端和服务端都处于CLOSE状态，服务端主动监听某个端口，处于LISTEN状态第一次握手：客户端带着序号和SYN为1，把第一个SYN报文发送给服务端，客户端处于SYN-SENT状态第二次握手：服务端收到客户端的SYN报文后，服务物端带着序号和SYN和ACK为1，把报文发送给客户端，服务端处于SYN-RCVD状态第三次握手：客户端收到服务端报文后，把带着ACK为1的报
瑞崽崽崽·2023-12-05 12:24

前端知识笔记（三十三）———浅谈用户体验测试的主要功能

用户体验(UserExperience，简称UX)在现代软件和产品开发中变得愈发重要。为了确保产品能够满足用户期望，提高用户满意度，用户体验测试成为不可或缺的环节。本文将详细探讨用户体验测试的主要功能，以及它在产品开发过程中的重要性用户界面评估：用户体验测试的核心功能之一是对用户界面进行全面评估。这包括界面的设计、布局、色彩搭配、图标使用等方面。通过模拟真实用户的操作，评估界面的直观性和易用性，确
瑞崽崽崽·2023-12-05 12:24

前端知识笔记（三十四）———HBuilder的下载与使用(详细步骤)

一、HBuilderIDE的下载HBuilder下载官网地址：在地址栏中直接输入https://www.dcloud.io或者直接点击下面的链接DCloud-HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架进入官网，免费下载最新版的HBuilder。HBuilder目前有两个版本，一
瑞崽崽崽·2023-12-05 12:24

前端知识笔记（十八）———页面首次滑动不可返回

移动端的一个常见的功能.slider-container{width:100%;overflow:hidden;}.slider-wrapper{display:flex;width:200%;transition:transform0.3sease-in-out;}img{width:50%;height:auto;}varcontainer=document.querySelector('.s
瑞崽崽崽·2023-12-05 12:54

前端知识笔记（三十）———前端需要掌握的技术有哪些方面

上一篇文章说了些前端这个岗位在整个项目开发过程中的重要性，那么，下面我们来谈谈前端在做项目时需要掌握的技术有哪些方面？前端开发需要掌握的技术包括以下几个方面：1.HTML：HTML是网页的基础骨架，是网页内容的载体，负责网页内容的排列和布局。2.CSS：CSS是网页的样式表，负责网页的外观和样式。一般情况下HTML+CSS是在一起使用为了页面布局的，说到布局可能会需要用到PS和蓝湖等一类设计工具去
瑞崽崽崽·2023-12-05 12:22

python爬取数据的类型_Python爬虫总结（二）常见数据类型及其解析方法

上采集回来的数据的数据类型有很多种,主要有:放在HTML里.直接放在javascript里.放在JSON里.放在XML里.注意:这里很多概念都是web前端开发里的,因为我们采集的大多数数据都来自web,因此了解一些前端知识还是挺有必要的
weixin_39926540·2023-12-05 10:23

前端知识笔记（二十四）———快速创建桌面端(electron-egg)

介绍|electron-eggelectron-egg:一个入门简单、跨平台、企业级桌面软件开发框架。electron-egg是一个基于Electron和Egg.js的框架，可以用于快速构建跨平台的桌面应用程序。1.兼容平台：electron-egg可以在Windows、MacOS和Linux等多个平台上运行。2.简单易用：electron-egg提供了一些简单易用的API，窗口管理、菜单管理、文
瑞崽崽崽·2023-12-05 07:51

html5-伸缩案例 宽高自动适应

Title*{padding:0;margin:0;}.layout{width:500px;height:600px;background-color:#CCCCCC;margin:10pxauto;/*设置父容器为伸缩盒子*/display:flex;/*默认的主轴是row,这里需要以列的方式进行排列*/flex-direction:column;}header{width:100%;heig
AssertDo·2023-12-04 09:56

前端知识笔记（十九）———px，em，rem，vw，vh之间的区别

一，px（像素）：像素是屏幕上显示的最小单位，它是固定的，不随页面缩放而改变大小。在响应式设计中，使用像素单位可能会导致布局在不同屏幕尺寸上显示不一致。例如：现在在你电脑上一个字为16px，大小正好，可能到比你分辨率要高的电脑上，字体16px大小不变，但是分辨率有变化，导致字体在别的电脑上可能会导致不适配的情况发生二，em：em是相对长度单位，它是相对于父元素字体大小的倍数。如果父元素的字体大小为
瑞崽崽崽·2023-12-03 06:18

前端知识体系

导读：js的表现能力取决于宿主环境的api支持。所以同样是js语法，我们在chrome、node、hybridapp、electron桌面应用的场景不一样。1js原生语法的介绍；2、3、4分别是js宿主环境node、chrome、hybridapp的介绍；5、6两个主流js框架vue、react的介绍；7webpack编译；8web架构认识；9前端相关的知识；10以中有足乐者，在喜欢的领域拼命的玩
chengliu0508·2023-12-03 06:39

web端设计和web前端开发的区别

如何学习前端知识？学习HTML，CSS应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的
justsosomm·2023-12-02 06:52

前端知识笔记（十六）—————程序员不仅要把代码写好，身体也要养好

不知何时起，吾等程序员已然成了“高风险职业”的代名词。夜以继日的加班、不规律的作息、缺乏运动的生活，看似光鲜亮丽的背后，实则隐藏着诸多健康隐患。某日，当你再次熬完夜，对着镜子发现眼眸下的黑眼圈愈发浓重，头发稀疏，眼镜度数不断飙升，肚子上的赘肉也在无声无息中多了几层，是否会心生感慨：这便是程序员的生活吗？曾有人以戏谑的方式描绘了程序员的“职业发展路线”：某编程语言入门->某编程语言进阶->某编程语言
瑞崽崽崽·2023-12-01 21:55

前端知识笔记（十四）—————js全屏与退出全屏切换功能，实现样式改变效果

//全屏$(".full_screen").on('click',function(){vardocElm=document.documentElement;//W3Cif(docElm.requestFullscreen){docElm.requestFullscreen();}//FireFoxelseif(docElm.mozRequestFullScreen){docElm.mozRequ
瑞崽崽崽·2023-12-01 21:25

前端知识笔记（十五）—————JS实现日历功能

Js日历*{margin:0;padding:0;box-sizing:border-box;}.date{width:59vh;height:59vh;margin:0auto;background-color:rgb(37,76,93);border:1pxsolidrgb(5,216,226);}.evrday,.blockday{width:13%;height:7.5vh;margin:
瑞崽崽崽·2023-12-01 21:25

前端知识笔记（十二）—————前端面试容易问到的问题总结

1.$(document).ready()方法和window.onload有什么区别？执行时间不同：window.onload必须等到页面内的所有元素（）加载完毕后才能执行。$(document).ready()是页面DOM结构绘制完毕后就执行，不必等到加载完毕执行次数不同：window.onload不能同时执行多个，$(document).ready()可以同时执行多个2.Flash、Ajax各
瑞崽崽崽·2023-12-01 21:50

使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏

前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群声明：本文涉及图文和模型素材仅用于个人学习
winty~~·2023-12-01 03:07

前端知识点（四）：MVC模型、MVP模型、MVVM模型

1.MVC模型（1）概念mvc是模型-视图-控制器，model用于管理数据，view用于渲染视图展现界面，controller用于处理交互视图可以直接访问模型，所以视图里面会包含模型信息，mvc关注的是模型不变，所以在mvc中，模型不依赖视图，但是视图依赖模型（2）通信（原理）模型层改变时，视图层直接随之改变，视图层传送数据到控制层，控制层接收数据、编写业务逻辑更新模型层，从而再次更新视图。如此反
前端世界的蒋小姐·2023-11-30 20:36

前端面试题

前端知识1.ES6新特性：let、const：变量声明拥有块作用域，不会变量提升，但会暂时性死区。
HM-7·2023-11-30 11:51

GUI 应用程序架构的十年变迁：MVC、MVP、MVVM、Unidirectional、Clean

笔者在日前总结的泛前端知识图谱（Web/iOS/Android/RN）一文中就对泛前端开发学习中可能会涉及到的知识点进行了总结与盘点，近日笔者打算为该知识图谱编写附带的简略说明，因此先对旧文GUI
XieShuaiCn·2023-11-30 03:03

快速操控鼠标行为！Vue鼠标按键修饰符让你事半功倍

我们以问答形式更新，为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念
江城开朗的豌豆·2023-11-30 03:17

花了几小时初步总结了下前端知识点

文章目录1.HTML1.1HTML文件架子1.2HTML后缀名1.3HTML基本标签1.3.1标题标签1.3.2段落标签1.3.3图像和链接1.3.4音频和视频1.3.5表单1.3.6框架(iframe)1.3.7列表1.3.8表格1.3.9特殊符号1.3.10加粗/斜体1.4HTML属性1.5HTML事件1.6HTML超链接使用1.7HTML自定义大小页面弹窗1.8HTML移动端键盘小技巧1.9
coder阿龙·2023-11-30 03:17

零基础如何系统学前端？

很多刚入门的小白都会幻想着，通过自学快速学习前端知识，来拿到大厂offer，这可能吗？小编很遗憾的告诉你，web前端技术是有一些“江湖气”的。
骨灰设计师小X·2023-11-28 16:11

【JavaEE初阶】 博客系统项目--前端页面设计实现

文章目录主要内容预期效果博客列表页效果博客详情页博客登录页博客编辑页实现博客列表页实现导航栏页面主体部分实现博客详情页博客登录页博客编辑页引入editor.md⭕总结主要内容实现一个简单的博客系统.使用工具：VisualStudioCode当前先完成页面设计的部分.通过利用前面博主所讲的前端知识来构建出网页
遇事问春风乄·2023-11-27 17:34

【前端知识之JS】var let const之间的区别

前言本系列主要整理前端面试中需要掌握的知识点。本节介绍varletconst之间的区别。文章目录前言一、var二、let三、const四、区别一、varvar声明的变量即是全局变量，也是顶层变量；var声明的变量存在变量提升的情况；使用var可以对变量进行多次声明，后面声明的变量会覆盖前面的声明；在函数中使用var声明变量的时候，该变量是局部的；如果在函数中不使用var，该变量是全局的。//var
饭啊饭°·2023-11-27 14:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他