前端基础知识点
文章平均质量分 67
入门前端必学基础知识点
万物之恋
我思故我在
展开
-
大文件上传的解决方法
大文件上传方法原创 2023-02-16 19:50:42 · 571 阅读 · 0 评论 -
为什么要求将JS代码写到页面的最底部?
在学习 JavaScript 时,我们了解到 js 代码可以写到绘制页面的 HTML 代码的头部、底部或者标签中等其他位置。但为什么在实际制作项目往往会要求将 js 代码写到底部或者另起一个文件并在最后引入呢?想要搞清楚这个问题我们首先需要明白页面渲染的流程。原创 2022-11-14 14:29:07 · 475 阅读 · 0 评论 -
JavaScript强制类型转换(一)String字符串型
JavaScript强制类型转换概念二级目录三级目录概念二级目录三级目录原创 2021-09-13 18:28:19 · 4675 阅读 · 0 评论 -
JavaScript强制类型转换(三)Boolean布尔值型
JavaScript强制类型转换(三)使用要点Hello!这里依旧是万物之恋。今天给大家带来的是js强制类型转换的第三篇,也是最后一篇博客。内容为将其它数据类型的数据转换为Boolean类型。众所周知,布尔类型的值只有两个true和false,即真和假。所以可想而知,转换后的结果也只会是true或者false。而转换的方式只有一种,也很简单,即调用Boolean()函数。使用要点Number数值型的数据,使用Boolean()函数进行转换时,除了数字0和特殊数字NaN转换后是false,其他的数字原创 2021-09-23 11:03:45 · 1609 阅读 · 0 评论 -
JavaScript强制类型转换(二)Number数值型
JavaScript强制类型转换(二)将其他数据类型转换为Number数值型方式一:将其他数据类型转换为Number数值型方式一:原创 2021-09-22 21:22:00 · 2062 阅读 · 0 评论 -
块级元素和行内元素
块级元素和行内元素一、概念一、概念1.块级元素会独占一行,其宽度自动填满其父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会执行自动换行,其宽度随元素的内容而变化;2. 块级元素可以设置 width, height属性,来调整大小,【注意:块级元素即使设置了宽度,仍然是独占一行的】而行内元素设置width, height无效;...原创 2021-10-08 21:46:58 · 529 阅读 · 0 评论 -
标准盒子模型和怪异盒子模型
标准盒子模型和怪异盒子模型一、概念二、计算方法三、默认盒模型四、盒模型转换五、演示代码六、总结今天来为简单介绍一个在HTML+CSS中的一个重要概念:标准盒子模型和怪异盒子模型。一、概念标准盒模型采用的W3C标准,盒子的content内容部分由width宽度和height高度决定,添加padding内边距或border外边框后,宽高都会进行相应增长;②怪异盒模型也称为IE盒模型,是IE浏览器设计元素时遵循的规则。怪异盒模型的宽高在div盒子初次设置时就已经规定,添加padding或者border,原创 2021-10-08 10:09:07 · 14786 阅读 · 3 评论 -
绘制抽奖转盘 (CSS+JS)
绘制抽奖转盘HTML部分CSS部分JS部分最终效果Hello!这里是万物之恋,今天来教大家用css+js来简单绘制一个抽奖轮盘(不可转动)HTML部分 <div class="box"> <h1>幸运大转盘</h1> <div class="giant-box"> <div class="prize"> <span class="prize-text">一等奖</span> </div原创 2021-09-28 10:03:01 · 812 阅读 · 2 评论 -
简易平滑轮播(纯CSS)
简易平滑轮播Hello!这里依旧是万物之恋。这次为大家带来的,是前端网页元素中的必备要点之一的“轮播”。轮播的种类有很多,这次带来的是简易的平滑式轮播,希望能对大家有所帮助吧(轮播真的很难,但也是真的重要)。先上效果图...原创 2021-06-12 10:50:26 · 1074 阅读 · 0 评论 -
CSS3初级学习(三) 绘制彩虹
绘制弧形彩虹原创 2021-04-19 20:29:44 · 499 阅读 · 0 评论 -
JavaScript小案例(一)自然数的累加
JavaScript小案列(一)自然数的累加通过输入框,输入两个数字建立区间,计算出之间数字的累加值效果图:先上基础布局代码:<div> <h2 align="center">定义区间</h2> <form> 起始数:<input type="number" placeholder="请输入起始数" id="start" /> 终止数:<input type="原创 2021-04-18 18:52:30 · 2231 阅读 · 1 评论 -
CSS3初级学习(二)背景图片叠加
CSS3初级学习(二) 背景图片叠加原创 2021-04-18 15:07:46 · 2212 阅读 · 0 评论 -
JavaScript入门级经典函数(二)元素查找函数(下)
JavaScript入门级经典函数(二)元素查找函数(下)前言这里依旧是万物之恋,首先感谢大家对上一篇文章的支持,今天将元素查找函数剩下的内容讲完,希望大家多多提出意见建议,共同进步!1.document.getElementsByName:通过name名查找元素因为“name”属性命名大多数情况下只适用于input标签(水平有限只学过一种) ,所以先简单写一个form表单() <form method="post" action="#"> 姓名:<input type="t原创 2021-03-14 20:44:58 · 248 阅读 · 2 评论 -
CSS初级学习(一):清除浮动的六种方式
CSS中清除浮动的六种方式在编写HTML网站为部分元素设置浮动(float)时,经常会出现浮动异常的情况(也称之为样式塌陷)原创 2021-03-13 20:58:40 · 303 阅读 · 3 评论 -
JavaScript入门级经典函数(一)元素查找函数
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档JavaScript经典入门(一)元素查找函数前言。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn原创 2021-03-11 20:07:28 · 604 阅读 · 2 评论