《前端学习》

HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动

：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线

二挡起步·2024-09-16 09:18

前端学习之三种css样式写法

选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器

MissPSTime·2024-09-14 03:08

一个正经的前端学习开源仓库(第1天）

低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬

掘金-我是哪吒·2024-09-14 02:40

【微信小程序】制作个人信息页面

题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。

m0_67393593·2024-09-11 19:43

CSS前端学习（online tuorials）

index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择

憨憨憨憨憨到不行的程序员·2024-09-05 19:11

CSS前端学习（online tuorials）旋转动画

index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1

憨憨憨憨憨到不行的程序员·2024-09-05 18:04

前端学习：如何将数据存储到chrome浏览器localStorage中（详细）

localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage

Dorable_Wander·2024-09-05 13:01

60 个前端 Web 开发流行语你都知道哪些？

风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??

web18224617243·2024-08-28 03:48

WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南

html5网页设计·2024-08-23 20:55

【前端学习——js篇】7.函数缓存

具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的

笔下无竹墨下有鱼·2024-03-27 07:26

前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性）

目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两

cuier520·2024-02-20 08:39

【网页设计】web前端期末大作业html+css

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南

web学生网页设计·2024-02-15 10:47

前端究竟怎么学？最全的学习方法和路径大公开！

其实不论是小白程序员还是有了工作经验的成熟程序员，不同阶段的人对前端学习和职业发展总有自己的迷茫，简单汇总了下，发现大家出现的问题主要是3种：1、行业竞争变大，初级前端工程师泛滥，发展预冷；2、部分有技术追求和热情的中级工程师

WEB前端含光·2024-02-15 01:41

【JAVA WEB】JavaScript(WebAPI)--DOM基本概念 && 获取元素 && 点击事件 && 键盘事件

目录什么是WebAPIDOM的基本概念DOM是什么DOM树获取元素querySelectorquerySelectorAll事件事件初识基本概念事件三要素点击事件键盘事件什么是WebAPI前端学习的JS

lzb_kkk·2024-02-15 00:17

前端学习的笔记第二篇

vscode如何快速生成代码!+Tab效果：解析：:指定当前html版本5。:lang=>language，en=>english。指定当前页面内容是英文的。:浏览器解码规则，按照UTF-8的格式进行解码。:设计的页面，既要在浏览器打开，又想要在手机端打开，就涉及到移动端适配。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的：提高代码的可读性，使程序猿能够更轻松地理解和掌握代码。示

fly in the sky !·2024-02-13 19:48

前端学习路线

路要一步一步的走，饭要一口一口的吃，今天我来给大家整理下前端的学习路线。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。

沐白star·2024-02-13 12:16

web前端学习教程：JS的作用域链

我们都知道js是一个基于对象的语言，系统内置各种对象。而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。就像alert()，它的完整写法是window.alert()parseInt(),完整写法是window.parseInt()所

Eric_V·2024-02-12 16:03

2019web前端学习路线，教你认识HTML

近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，

强哥科技兴·2024-02-12 01:12

【前端学习】网络是如何工作的

互联网是一组通过标准化协议相互连接的全球计算机网络，它们通过这些协议进行通信。网络是如何工作的作为开发者，了解互联网是什么以及它是如何运作的是至关重要的。这是大多数现代软件应用程序构建的基础。为了构建有效、安全和可扩展的应用程序和服务，您需要深入了解互联网的工作原理，以及如何利用其强大的能力和连接性。在本文中，我们将介绍互联网的基础知识，包括它是什么以及它是如何运作的，一些基本概念、术语，以及一些

Jiye@·2024-02-10 06:31

【前端学习】什么是HTTP

HTTP是什么HTTP本身依赖于TCP/IP，在客户端和服务器之间获取请求和响应。默认情况下，使用TCP端口80，但也可以使用其他端口。HTTPS使用端口443。三次握手三次握手在其最简单的形式中是指，所有TCP连接都以三次握手开始，即在客户端和服务器开始共享应用程序数据之前，它们共享一系列数据包。SYN-客户端选择一个随机数，假设为x，并将其发送到服务器。SYNACK-服务器通过向客户端发送一个

Jiye@·2024-02-10 06:31

人力资源智能化管理项目（day04:组织架构）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈树组件应用

我是如此相信ᯤ⁶⁶ᴳ·2024-02-10 03:52

人力资源智能化管理项目（day03:主页模块）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈主页权限验证

我是如此相信ᯤ⁶⁶ᴳ·2024-02-10 03:52

面试官当面撕程序员简历：大专生我们不收！

秋风_bdfd·2024-02-09 22:38

关于前端学习路线的一些建议

前言对于刚开始学习前端的伙伴俩说，问得最多的问题就是——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。入题我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是C

陌染007·2024-02-09 14:50

前端学习之路(6) npm详解

npm是什么？npm（nodepackagemanager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-09 05:56

Web前端学习笔记

文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？2、VSCode编译器（宇宙第一编译器）3、五大浏览器4、深入了解网站开发5、web前端的三大核心技术6、HTML基本结构和属性7、HTML初始代码8、HTML注释9、标题与段落10、文本修饰标签11、引入文件的地址路径12、图片标签13、跳转链接14、跳转锚点15、特殊符号16、列表标签17、表格标签18、表格属性19、

jusw123456·2024-02-08 23:26

个人前端学习知识（javaScript）（保持更新）

JavaScript2022年8月1日一.javascript的组成1.ECMAScript:定义了javascript的语法规范，描述了语言的基本语法和数据类型2.BOM(BrowerObjectModel):浏览器对象模型，有一套成熟的可以操作浏览器的方法，通过BOM可以操作浏览器，比如：弹出对话框，跳转页面，获取分辨率等3.DOM(DocumentObjectModel）：文档对象模型，有一

Natural-9·2024-02-08 08:00

【融职培训】Web前端学习第2章网页重构11 HTML5新增标签

一、html5概述html5是超文本标记语言（html）的第五次重大修改，可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。二、html5布局标签在此前我们学习的内容中，网页布局一直都是使用div作为容器，html5新标准中，为了让容器元素有语义

lmonkey_01·2024-02-07 09:28

目前最全的前端开发面试题及答案

https://github.com/HerbertKarajan/Fe-Interview-questions在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）react

jooner·2024-02-06 15:00

前端学习之路(4) vue2和vue3的区别

一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。三.生命周期的变化创建前：

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-06 14:37

前端学习day03-js高级

Document1、练习一:验证密码①密码长度必须是6位的任意字符②当鼠标离开文本输入框的时候就会触发的事件，所以我们需要在密码的input标签中添加一个离焦事件onblur,用来验证密码是否合法。输入密码:练习二:表格隔行换色，能够使用js实现表格隔行换色功能。点击换色序号名称状态序号名称状态序号名称状态序号名称状态练习三:日期①使用Date对象，在页面回显当前年月日时分秒星期vartoday=

-lyslyslys·2024-02-06 10:30

前端学习day07-高级元素之列表-表单-表格

CSS高级元素之列表-表单-表格一.列表元素1.1.三种列表ol>liul>lidl>dt>dd1.2.列表案例总结思路二.table元素2.1.table常见tabletrtd2.2.案例练习股票表格table{border-collapse:collapse}2.3.table元素theadtbodytfootcaptionth2.4.单元格合并colspanrowspan练习:课程表三.表单

XD前端·2024-02-06 10:29

前端学习笔记day02--CSS

前端学习笔记day02–CSS一、CSS知识CSS（cascadingstylesheet）：层叠样式表（级联样式表）作用：设置html标签的字体、颜色、背景、边框、边距和宽高等，使界面美观、漂亮，从而提高用户体验

m0_38077048·2024-02-06 10:57

前端学习个人心得，总结（个人向）

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并，水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并（1）若两者都是正值，取值为两者间最大值（2）若两个外边距一正一负，取值为两者之和（3）若两个外边距都是负值，取值为绝对值较大的外边距解决方案：一般不需要处理，这一般是对开发有利的，如果要处理，可以将本应该设置给两个元素的外

独醉于笙·2024-02-06 07:04

06、如何在html中绑定数据

{{name}}letapp=newVue({el:'#app',data:{name:'前端学习'}})页面上就会显示——前端学习。

小白摘葡萄·2024-02-05 18:25

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!important+;（最高优先级）1.优先级-叠加计算规则2.emmet写法div带类名直接.类名三、背景属性1.背景图2.背景图平铺方式3.背景图位置4.背景图缩放5.背景图固定6.背景复合属性四、显示模式1.块

qingxi_ran·2024-02-05 13:46

前端学习之路(5) vue样式穿透

前言vue的style中设置scoped属性后，组件实现样式私有化。但是该组件又使用的其他组件库时(vant,elementui,自定义等)，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。一、scoped底层原理scoped是通过在DOM以及css中加上data-v-xxx唯一标识来实现样式私有化。1.加上scoped前样式穿透示例.demo{color:r

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 23:56

前端学习之路(2) Vue3响应式模式设计原理

为什么要关系vue3的设计原理？了解vue3构建原理，将有助于开发者更快速上手Vue3；同时可以提高Vue调试技能，可以快速定位错误1.vue3对比vue2vue2的原理是通过Object.defineProperty()来劫持各个属性，在数据变动时发布消息给订阅者，触发相应的监听回调。defineProperty不具备监听数组的能力,无法检测到对象属性的添加和删除,只有在初始化实例时对data对

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 18:42

【前端学习】CSS入门

前端学习：CSS入门文章目录前端学习：CSS入门前言1、class011.我的第一个CSS2.导入方式3.基本选择器(1)ID选择器(2)标签选择器(3)类选择器4.层次选择器5.结构伪类选择器6.属性选择器

woodwhale·2024-02-04 10:59

[前端学习笔记1] 前端学习路线

按顺序学习一、做网页HTML：定义网页结构CSS（Cascadingstylesheets层叠样式表）：对网页进行装饰JS（JavaScript）：网页与用户的交互效果，【重要】WebAPI：将HTML,CSS,JS结合在一起，通过JS可以改变HTML,CSS.JQuery：老牌框架，了解即可。Bootstrap：响应式页面，了解即可移动端开发：【重要】二、数据库和服务器数据库：mongoDB（J

Lumos_zbj·2024-02-04 10:29

前端学习01

1.浏览器能识别的标签1.1编码（head）1.2title（head）我的联通1.3标题我的联通1级标题2级标题3级标题4级标题5级标题6级标题1.4div和span内容asdfadiv，一个人占一整行。【块级标签】我的联通山东蓝翔挖掘机哪家强span，自己多大占多少。【行内标签、内联标签】我的联通山东蓝翔挖掘机哪家强注意：这两个标签比较素+CSS样式。1.4.5超链接跳转到其他网站点击跳转跳转

Yoin.·2024-02-04 10:27

前端学习02

1.CSS案例1.1内容回顾1.1.1搭建骨架Titlebody{margin:0;}.sub-header{height:100px;background-color:#b0b0b0;}.container{width:1128px;margin:0auto;}.sub-header.ht{height:100px;}.sub-header.logo{width:234px;float:left

Yoin.·2024-02-04 10:27

网页前端学习-03

HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这

Leoma_·2024-02-04 09:25

爬虫配套学习-前端学习笔记03

插入图片水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。®效果图像的超链接水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这

丰。。·2024-02-04 09:55

前端学习——Ajax的使用

Ajax一、JSON格式本质上是一个字符串，是作为数据交换的格式。主要是用于前后端数据交互json可以是对象，数组，字符串，标题//json格式——特殊格式的字符串,varstr1='{"name":"北斗"}'//分为两种类型：json对象，json数组,可以是数值null数组对象varobj1='{"name":"北斗","age":"18"}'//json对象varobj2='["name"

Indra_ran·2024-02-04 09:24

Web前端学习-day03-JavaScript

溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时undefined可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素undefined静态定

王敏晓·2024-02-04 09:24

前端学习03

1.JavaScript```htmlTitle.menus{width:200px;border:1pxsolidred;}.menus.header{background-color:gold;padding:20px10px;}大标题内容functionmyFunc(){//alert("你好呀");confirm("是否要继续？")}1.1代码位置JS代码的存在形式：当前HTML中。//编

Yoin.·2024-02-04 09:23

适合初学者的WEB前端学习路线

零基础学习web前端学习路线图从哪里可以找到呢?在此为大家整理完整的适合零基础学员的web前端学习路线分享给大家：1.HTML5介绍内容包括：(互联网发展趋势、H5语言的优势

千_锋小小千·2024-02-03 16:36

前端学习笔记 | CSS动画+移动web

一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d

简·AI·2024-02-03 15:04

前端学习笔记 | HTML5+CSS3静态网页制作的技巧（持续更新）

注：本文的css样式均使用less写法1、字体居中（1）先text-align:center;行内元素水平居中（2）再line-heigh:(盒子高度);行内元素垂直居中text-align:center;line-height:(30/@vw);2、盒子居中情景1：版心居中margin:0auto;情景2：标题栏制作时让左右两个弹性盒子居中的方法（1）设置浮动（2）给父级添加行高line-hei