前端开发者成长之路
文章平均质量分 84
怀着幽默风趣的个性,一起go学习吧!
Java Fans
全栈领域优质创作者,2022年度博客新星第八名,怀着“满招损,谦受益。”的分享心态,去坚持做一个【勤学勤更新】的阳光博主。
展开
-
微信小程序学习指南:从基础知识到代码展示
一、微信小程序的基础知识1.1 小程序的概念和特点1.2 开发工具的选择和安装1.3 小程序的目录结构和文件类型二、微信小程序的开发工具使用2.1 创建小程序项目2.2 编辑和预览小程序页面2.3 调试和发布小程序三、微信小程序的常用组件和API3.1 常用组件的介绍和使用方法3.2 常用API的调用和应用示例四、微信小程序的代码展示4.1 页面布局和样式设计4.2 数据绑定和事件处理4.3 接口调用和数据交互原创 2024-02-06 15:30:43 · 2468 阅读 · 20 评论 -
女神节灯笼祝福【HTML+CSS】
女神节灯笼祝福【HTML+CSS】原创 2023-03-08 12:50:53 · 1797 阅读 · 36 评论 -
一文完结JSON知识(建议收藏)
一文带你学懂JSON知识。有一种叫做JSON (JavaScript Object Notation) 的轻量级数据交换格式能够替代XML的工作。它就是JSON。数据格式比较简单, 易于读写, 格式都是压缩的, 占用带宽小,易于解析这种语言。JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。JSON 具有自我描原创 2022-12-02 08:00:00 · 273 阅读 · 7 评论 -
轻松学习jQuery事件和动画
本文介绍了jQuery事件中的常用事件、绑定事件、删除事件、复合事件、jQuery动画中的显示隐藏、淡入淡出、幻灯片特效、自定义动画。原创 2022-11-18 10:36:58 · 1458 阅读 · 11 评论 -
轻松学习jQuery控制DOM
本文讲解了jQuery操作DOM的各种方法,主要包括操作HTML标记的属性和标记本身。介绍了表单元素值得获取和设置。属性值的相关操作等。原创 2022-11-17 10:48:39 · 1548 阅读 · 36 评论 -
轻松学会jQuery选择器的用法
本篇重点讲解jQuery中丰富的选择器,以及他们的基本用法。CSS的选择器均可以用jQuery的$进行选择,部分浏览器对CSS3的选择器支持不全,可以用jQuery作为补充,所以本篇重点介绍jQuery扩展的选择器。原创 2022-11-16 12:56:26 · 2127 阅读 · 14 评论 -
轻松掌握 jQuery 基础
jQuery是一个优秀的JavaScript框架,它能帮助用户更方便的处理HTML文件、事件、动画效果、AJAX交互等。它的出现极大程度地改变了开发者使用JavaScript的习惯。原创 2022-11-15 10:08:40 · 1083 阅读 · 34 评论 -
轻松学会JavaScript事件
本文将围绕JavaScript事件进行讲解,通过重案例代码和轻知识理论结合的方式带您简单的学会JavaScript事件的编写。原创 2022-11-14 11:26:11 · 1036 阅读 · 44 评论 -
一文吃透JavaScript中的DOM知识及用法
一文带你吃透DOM的知识和用法,绝对实用。DOM是网页的核心结构,无论是HTML、CSS还是JavaScript,都和DOM 密切相关。HTML的作用是构建DOM结构,CSS的作用是设定样式,JavaScript的作用是读取以及控制、修改DOM。当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。原创 2022-11-12 10:25:59 · 4093 阅读 · 80 评论 -
一文学会JavaScript计时事件
学习计时事件的四个方法:【setInterval()】 - 间隔指定的毫秒数不停地执行指定的代码。【clearInterval()】 -方法用于停止 setInterval() 方法执行的函数代码。【setTimeout()】 - 在指定的毫秒数后执行指定代码。【clearTimeout()】-方法用于停止执行setTimeout()方法的函数代码。原创 2022-11-11 07:30:00 · 610 阅读 · 17 评论 -
【JavaScript】操作BOM
BOM:Browser Object Model(浏览器对象模型),提供了独立于内容与浏览器窗口进行交互的对象。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。原创 2022-11-10 12:01:13 · 323 阅读 · 15 评论 -
【JavaScript】Math对象知识全解
Math对象知识全解原创 2022-11-10 08:48:38 · 1037 阅读 · 5 评论 -
【JavaScript】String对象知识全解
在JavaScript中,字符串本身是基本类型,而不是引用类型。为了给字符串添加各种辅助方法以及属性,产生了对应的引用类型——String类型。本文详细介绍了String的各类方法的应用。原创 2022-11-09 10:29:36 · 613 阅读 · 9 评论 -
【JavaScript】时间日期:Date对象
带您学习Date对象常用方法。原创 2022-11-08 22:37:00 · 1211 阅读 · 1 评论 -
【JavaScript】常用内置对象——数组(Array)对象
本文介绍了什么是数组,如何创建数组、访问数组以及数组常用方法和属性的介绍等知识。原创 2022-11-08 20:28:16 · 600 阅读 · 11 评论 -
带你初识JavaScript基础语法
初识JavaScript基础语法原创 2022-11-06 21:38:02 · 618 阅读 · 1 评论 -
22、前端开发:Flex(弹性盒、伸缩盒)
是css中的又一种布局手段,当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。原创 2022-09-01 20:38:35 · 438 阅读 · 6 评论 -
21、前端开发:CSS知识总结——transform变形属性
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。可以改变元素的形状或位置,不会影响到页面的布局。原创 2022-08-28 15:52:17 · 1121 阅读 · 4 评论 -
20、前端开发:CSS知识总结——animation动画属性
transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的;而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。本文将介绍关于animation动画的相关知识原创 2022-08-26 10:28:56 · 3827 阅读 · 73 评论 -
19、前端开发:CSS知识总结——transition过渡属性
transition-property 指定CSS属性的name,transition效果transition-duration 指定过渡效果的持续时间transition-timing-function 过度的时序函数transition-delay 过渡效果延迟,等一段时间后再执行。...原创 2022-08-25 18:52:32 · 1162 阅读 · 10 评论 -
18、前端开发:HTML知识补充——表单标签
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox) 等等。文本域通过 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。表单的动作属性 action 定义了服务端的文件名。 定义了复选框。多数情况下被用到的表单标签是输入标签 。表单是一个包含表单元素的区域。原创 2022-08-23 20:19:09 · 537 阅读 · 2 评论 -
17、前端开发:HTML知识补充——表格标签
如果表格中没有使用tbody而直接使用tr,那么浏览器会自动创建一个tbody,并且将tr全都放到tbody中,tr不是table的子元素。默认情况下元素在td中是垂直居中的,可以通过vertical-align来修改。/*将元素设置为单元格*/border-collapse:collapse;border-spacing 指定边框之间的距离。将box1水平垂直居中于box2的方法。表示头部的单元格,加粗居中效果。/*设置表格偶数行背景*/表示表格中的一行,有几个。表示一个单元格,有几个。原创 2022-08-23 19:01:17 · 379 阅读 · 0 评论 -
16、前端开发:CSS知识总结——背景及雪碧图的用法
padding-box 背景不会出现在边框,只会出现在内容区和内边框。图片整合技术:将多个图片整合为一张图片,提高了请求速度,访问效率和用户体验。border-box 默认值,背景颜色出现在边框下边。no-repeat,不重复,有多大显示多大;repeat-x,背景图片沿水平方向重复;repeat-y,背景图片沿垂直方向重复;repeat,默认值,双方向重复平铺;设置背景图片额偏移量计算的原点,配合偏移量使用。如果只写一个,第二个值默认为auto。cover 图片的比例不变,将元素铺满,效果如下。原创 2022-08-22 19:08:23 · 553 阅读 · 0 评论 -
15、前端开发:CSS知识总结——iconfont图标库用法
iconfont图标库用法原创 2022-08-21 16:54:07 · 5319 阅读 · 2 评论 -
14、前端开发:CSS知识总结——定位
定位是一种布局手段,而且是一种高级的布局手段;可以用position属性来设置定位可选值:不开启定位: static 默认值 不设置定位开启定位: relative 相对定位absolute 绝对定位fixed 固定定位sticky 粘滞定位。原创 2022-08-21 16:02:04 · 349 阅读 · 0 评论 -
13、前端开发:CSS知识总结——浮动及高度塌陷
float(浮动),会使元素向左或者向右移动,其周围的元素也会重新排列。原创 2022-08-20 14:19:09 · 421 阅读 · 1 评论 -
12、前端开发:CSS知识总结——盒子模型(Box Model)(3)
内联元素不能设置width和height内联元素可以设置水平内边距、垂直方向内边距(垂直方向内边距不会影响页面布局)内联元素可以设置边框,但是只有垂直的的边框不影响页面的布局内联元素可以设置水平外边距但不重叠,但是不支持垂直外边距。原创 2022-08-20 13:41:07 · 231 阅读 · 0 评论 -
11、前端开发:CSS知识总结——盒子模型(Box Model)(2)
可设置auto有:margin-left,width,margin-right。如果不等于,那么浏览器就会自动调整七个值中的某个值,让其成立,这就叫。如果子元素的大小超过了父元素,则子元素会从父元素中溢出,这个时候就要用overflow属性了。这样的方法并不是最完美的,通过CSS的伪元素,可以不用在html中添加多余的结构。当父元素和子元素的外边距相邻时,默认情况下,父元素的高度是被子元素撑开的,若父元素设置了,设置多少是多少。如果设置子元素外边距,就会传递到父元素,从而导致页面布局混乱。原创 2022-08-19 16:34:18 · 285 阅读 · 0 评论 -
10、前端开发:CSS知识总结——盒子模型(Box Model)(1)
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):Margin(外边距)- 清除边框外的区域,外边距是透明的。Border(边框)- 围绕在内边距和内容外的边框。Padding(内边距)- 清除内容周围的区域,内边距是透明的。Content(内容)...原创 2022-08-17 16:54:52 · 410 阅读 · 0 评论 -
9、前端开发:CSS知识总结——文本样式(2)
设置一个元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。可用于解决图片三像素问题:设置一个非baseline的样式值。应用于标签(元素)阴影,用法和text-shadow一样。设置网页如何处理空白。.........原创 2022-08-17 16:20:45 · 228 阅读 · 0 评论 -
8、前端开发:CSS知识总结——文本样式(1)
text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。letter-spacing 属性增加或减少字符间的空白(字符间距)word-spacing属性增加或减少字与字之间的空白。text-align属性指定元素文本的水平对齐方式。文本缩进属性是用来指定文本的第一行的缩进。可用来设置文本的大小写;......原创 2022-08-16 22:54:35 · 390 阅读 · 0 评论 -
7、前端开发:CSS知识总结——字体样式
字体设置也是网页设计中的重要组成部分,合适的字体不仅会使页面更加美观,也可以提升用户体验。CSS 中提供了一系列用于设置文本字体样式的属性,比如更改字体,控制字体大小和粗细等等。...原创 2022-08-16 07:18:36 · 4377 阅读 · 1 评论 -
6、前端开发:CSS知识总结——样式的继承和选择器的权重
样式的继承和选择器的权重知识简要总结原创 2022-08-16 06:51:29 · 406 阅读 · 0 评论 -
5、前端开发:CSS知识总结——常用选择器的总结
CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。原创 2022-08-15 22:15:37 · 403 阅读 · 0 评论 -
4、前端开发:CSS知识总结——简介、语法和种类(入门基础)
CSS 指层叠样式表 (CascadingStyleSheets)样式定义如何显示HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS 文件中多个样式定义可层叠为一个CSS 语法规则由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。...原创 2022-08-14 12:48:39 · 271 阅读 · 0 评论 -
3、前端开发:HTML知识总结——常用字符实体总结
有些时候,在HTML中不能直接书写一些特殊符号,它被提前征用了,所以需要我们字符实体来替代实现。原创 2022-08-13 22:37:39 · 310 阅读 · 0 评论 -
2、前端开发:HTML知识总结——常用H5标签
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。是快元素,p标签里面放文字或图片,不放其他块元素。段落标签,表示一个自然段,行与行之间有较大的间距,独占一行。引用别人说的话,长引用,会换行,块元素。默认样式,斜体,没有独占一行。块元素,用来布局的,无意义,指标是一个块。行内元素,无意义,一般就用来包裹文字。换行标签,强制换行,自结束标签。,h1为一级标题,最粗最大。行内元素,强调重要内容。.原创 2022-08-13 14:47:32 · 1517 阅读 · 0 评论 -
1、前端开发:HTML知识总结——网页结构
HTML超简单学习进阶之路。原创 2022-08-13 10:33:03 · 508 阅读 · 0 评论