
Web前端学习
文章平均质量分 80
本专栏主要对Web前端知识进行详细讲解,提供学习。
街 三 仔
一个热爱编程的小工科男·阿里云专家博主
展开
-
跨时空的相遇~为她制作一个专属的QQ空间相册(附源代码)
目录 :一、实现的功能和展示 二、前期准备 三、源代码 QQ空间.htmlQQ空间.css QQ空间.js。二、前期准备1、任意9张照片(如果想增多照片的话可以再添加一个ul标签,同时还要修改一些功能,这就需要大家更加深入的去学习了),其中7张照片放在相册内,1张照片用来做头像,另一张用来做背景2、两个切换按钮图片和QQ空间log图片(以下是博主提供的照片,也可以自己去找喜欢的图片用做切换按钮哦~)3、创建好一个文件夹,并在这个文件夹里分别创建一个css文件夹,image文件夹,js文件夹和QQ空间原创 2022-03-17 18:04:29 · 5716 阅读 · 8 评论 -
Web前端学习:jQuery基础 · 小终结【异步处理AJAX】
一、AJAX介绍ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。AJAX处理过程二、AJAX请求$.ajax({ url: '/change_data ', //请求路径 type: 'GET', //请求类型 get 或 post dataType: 'json...原创 2022-03-17 13:10:57 · 1086 阅读 · 0 评论 -
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
目录1、jquery操作样式类名代码演示二、添加元素1、append()演示2、prepend()演示3、after()演示4、before()演示三、jQuery-CSS()方法小前奏~作者简介:大家好,我是暴揍Python的阿峰,大家可以叫我阿峰哦~个人主页:暴揍Python的阿峰博客推荐专栏:Python入门全教程 Excel自动化办公 MySQL、Mongodb、redis数据库学习 Python爬虫学习如果觉得文章还不错的...原创 2022-03-17 08:58:23 · 1146 阅读 · 2 评论 -
Web前端学习:jQuery基础--1【简介和安装、语法使用、三种选选择器的使用(元素、class、id)】(附操作源码)
一、jQuery介绍和安装1、jQuery简介jQuery是一个轻量级的"写的少,做的多"的JavaScript函数库,是JavaScript的一个框架它就是把JavaScript的代码封装好了,导入调用即可使用2、jQuery安装和引用jQuery安装基本说明推荐下载链接https://www.jb51.net/zt/jquerydown.htmhttps://www.jb51.net/zt/jquerydown.htm 下载注意事项 1.x版本:兼容...原创 2022-03-16 20:28:14 · 2225 阅读 · 2 评论 -
Web前端学习:JavaScript基础 【HTML DOM操作】
小前奏~作者简介:大家好,我是暴揍Python的阿峰,大家可以叫我阿峰哦~个人主页:暴揍Python的阿峰博客本人秉持着认真负责的态度,尽自己最大的努力把每一个知识点讲全讲透。如果文章中有错误的地方,还请各位兄弟姐妹包容并指正。大家一起学习,共同进步~如果觉得文章还不错的话,那就~~嘿嘿●ω●点赞、关注、收藏支持一下吧~谢谢啦~~(*^-^*)写下一句话,送给各位~目录一、认识DOM(Document)二、查找HTML元素1、查找HTML元素的方式...原创 2022-03-15 21:34:50 · 1326 阅读 · 2 评论 -
Web前端学习:JaveScript基础 [简介、用法、变量及数据类型、流程控制及函数] (附源代码)
目录一、JavaScript简介二、JavaScript用法引入javascript的方式行间事件(主要用于事件)页面script插入外部引入三、JavaScript变量及数据类型1、JavaScript变量声明javascript变量2、javascript数据类型四、JavaScript流程控制及函数1、流程控制if语句多重if--else语句for-in循环while循环2、函数函数定义与执行retu...原创 2022-03-15 00:27:44 · 2214 阅读 · 2 评论 -
Web前端学习:CSS基础-小终结【布局和文本常用样式、常用属性、外边距和内边距】
目录一、常用样式1、布局常用样式2、文本常用样式二、常用属性1、display属性2、overflow属性三、外边距和内边距1、padding内边距2、margin外边距一、常用样式CSS中有两种常用的样式,分别为:布局常用样式 文本常用样式以下将对这两种样式进行演示和说明1、布局常用样式width设置元素(标签)的宽度,如: width:100px; height 设置元素(标签)的高度,如: height:...原创 2022-03-13 17:33:34 · 3864 阅读 · 1 评论 -
Web前端学习:CSS基础【简介、基础语法、选择器、样式形式】
目录一、CSS简介二、CSS的基础语法1、代码演示2、css注释三、CSS选择器1、id选择器2、class选择器3、标签选择器4、层级选择器5、伪类选择器四、CSS样式形式1、外部样式2、内部样式3、行内样式一、CSS简介CSS 指层叠样式表 (Cascading Style Sheets) 让网页元素的样式更加丰富 使用 CSS 我们可以大大提升网页开发的工作效率 使用 CSS 同时控制多重网...原创 2022-03-13 15:10:51 · 1222 阅读 · 2 评论 -
Web前端学习:HTML基础【入门宝典】
一、HTML简介什么是HTML?HTML(HyperText Markup Language) 超文本标记语言,是一种用于创建网页的标准标记语言。1、HTML的特点(1)HTML不是编程语言,而是标记语言。(2)HTML使用标签的形式来标识网页的不同组成部分(3)HTML文档包含了HTML标签和文本(4)HTML文档又叫做Web页面(5)HTML文档的后缀:html 或 htm2、HTML元素语法(1)HTML 元素以开始标签起始(2)HTML 元素以结束标签终止原创 2022-03-11 17:05:01 · 8349 阅读 · 2 评论