web前端
文章平均质量分 90
针对初步入门前端的学习
木偶☜
CSDN博客专家认证、前端领域优质创作者,InfoQ写作社区专家博主,擅长PC端开发,精通uniapp。人生就是个不断成长、不断学习的过程,努力只为让自己变得更优秀!
展开
-
uniapp进行交互反馈
显示消息提示框顾名思义,这个api就是隐藏消息提示框显示 loading 提示框,通常我们可以使用在进行网络请求或者在进行下一步操作中使用。隐藏 loading 提示框。原创 2022-10-24 10:05:12 · 78377 阅读 · 0 评论 -
js实现简单的加载进度条以及随机进度条颜色
进度条已经是司空见惯的东西,那么今天我们用原生JS实现一个加载进度条,并且实现随机颜色。原创 2022-06-23 14:20:41 · 121358 阅读 · 2 评论 -
基于H5+js开发一款音乐播放器
前言:当下音乐播放器不胜其数,为了更好的掌握一些东西,我们来自己制作一个音乐播放器。文章目录:一.开发环境:二.页面视图:1.主文件入口(首页):2.音乐播放界面:三.功能实现(1)、index.html:(2)、播放音乐(music.html):(3)、样式文件(index.css):四.项目地址:一.开发环境:开发工具:HbuliderX;框架:Vant,Mui,Vue后端:Node二.页面视图:正常情况下我们的开发都会有构思图以及模块规划等过程,我们先来看看大致的页面构图:1原创 2021-09-28 11:37:32 · 117647 阅读 · 1 评论 -
js初步之基础语法
一.js的介绍计算机一般有汇编语言和高级语言。汇编语言:也就是和二进制相似,电脑可以直接识别并执行高级语言:计算机不能直接识别并执行,需要借助一个平台.js全称JavaScript:属于一种脚本语言,并非计算机CPU直接去识别的语言,其运行不必去转化成为二进制,但其执行必须依靠一个运行平台.浏览器一般有:渲染引擎.js引擎Windows平台可以直接识别的文件:,EXE文件JavaSc...原创 2019-11-25 21:02:08 · 132183 阅读 · 0 评论 -
浮动以及定位
一.浮动浮动就是一个元素漂浮在另一元素之上,浮动是让元素脱离文档流的方法,浮动可 以将元素转化为内联块元素,相邻浮动的块元素可以并在一起,超出父级宽度就换行.浮动一般有左浮动(float:left)和右浮动(float:right)floatfloat 属性定义元素在哪个方向浮动。在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。float属...原创 2019-11-25 19:19:33 · 131897 阅读 · 0 评论 -
css几种常用的基本标签属性
1.文字的几种属性font-family设置字体样式font-size设置字体大小font-weight是否加粗color设置颜色字体属性一般可以写在一块(font:加粗,大小/行高,样式)2.div经典的网页布局div是一个框(style样式设置)border-style设置边框样式border-color设置边框颜色border-width设置边框宽度border-rad...原创 2019-11-24 17:03:39 · 131990 阅读 · 0 评论 -
css初步选择器介绍
css:css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.css语法结构:选择器{属性:属性值;属性:属性值…}(1)标签选择器标签{属性:属性值;属性:属性值…}例如...原创 2019-11-23 14:54:39 · 131672 阅读 · 0 评论 -
表单以及css的引入
表单:可以套用表格元素(一个页面中有且只有一个)表单基本格式<form><label></label>(用来显示信息或者说明性的文字)</form>input中的属性:type:设置表单元素类型具体有以下几中:1.text:文本类型 2. password:密码类型 3.checkbox:复选框4.rabio:单选按钮 5.submit...原创 2019-11-23 12:33:30 · 131879 阅读 · 0 评论 -
浅谈CSS3动画
前言:特效无疑是炫酷的一个东西,很多网页中都存在这种特效,这也就是我们今天要看的动画.目录:一.动画二.keyframes1.定义:2.绑定事件(animation):3.复合写法:三.举例一.动画所谓的动画是使元素从一种样式逐渐变化为另一种样式的效果,就是通过CSS代码来对我们需要产生特效的元素的样式进行修改。我们会使用到keyframes来进行动画的操作。二.keyframes1.定义:keyframes:关键帧;格式为:@keyframes animationname {keyframes原创 2020-12-14 20:26:26 · 82458 阅读 · 2 评论 -
浅谈CSS-2、3D转换
前言:在浏览一些网页时候,我们难免会看到一些比较炫酷的元素转换效果,有2D和3D的,那么我们今天就来看看这CSS中的转换。目录:一.转换二.2D转换1.解释:2.移动:3.旋转4.缩放三.3D转换复合写法:四.注意一.转换所谓转换指的就是使元素改变形状、尺寸和位置的一种效果,也就是通过css代码来改变其样式从而产生的转换。二.2D转换1.解释:2D转换就是在二维坐标系里面来进行执行的转换。二维坐标系中存在X和Y轴,我们改变其样式就是在X和Y方向上对其进行一些样式的改变。我们使用transfor原创 2020-12-13 23:33:58 · 82177 阅读 · 0 评论 -
深入JavaScript中的运算符
前言:运算符不论是在数值计算,还是一些逻辑控制上运算符是必不可少的,今天我们来看看具体的运算符.运算符:一.算术运算符:二.比较运算符:三.逻辑运算符四.递增递减运算符五.赋值运算符六.三元运算符运算符优先级;一.算术运算符:算术运算符就是用于数据的运算操作,一般的运算符有:运算符说明+加法运算,但是如若为字符串就是拼接字符串的作用-减法运算*乘法运算/除法运算%取余运算二.比较运算符:运算符说明>用于比较两个原创 2020-11-14 13:31:30 · 82100 阅读 · 0 评论 -
谈谈JavaScript中常见的数据类型
前言:学好一门语言,数据类型也是关键,掌握了数据类型,也就掌握了关键的一部分,接下来我们走进JavaScript的数据,来看看它的数据类型.数据类型:一.number二.string三.object四.undefined五.bool六.null一.numbernumber:就是数字类型,在其他语言中就相当于int,float等等一些数字类型,但是归根究底还是数字类型,我们来简单看一下. <script> var a = 0; console.log(ty原创 2020-11-14 12:17:48 · 83002 阅读 · 0 评论 -
浅谈JavaScript中的数据类型转换
前言:众所周知JavaScript是一门弱类型的脚本语言,那么它的数据类型是由浏览器的js引擎来进行翻译识别的,那么在一些时候我们想要的数据就要进行数据类型转换,接下来我们一起来看看。目录:一.字符串类型二.数字类型三.布尔类型一.字符串类型字符串:在JavaScript中,字符串可以用""和’'来进行书写,引号里面随便写;在将其他数据转换成为字符串数据时会用到以下三种方法:方法说明toString()括号类可以进行填写一些转换的条件String()使用String函原创 2020-11-14 11:42:43 · 82170 阅读 · 0 评论 -
一篇文章带你进入JavaScript--JavaScript总结
前言:在学习这么长时间后的JavaScript后,今天来做个大概的总结,首先由基础的JavaScript介绍开始。目录:一.什么是JavaScript1. 基本的语法2.字面量和变量3. 标识符二.JavaScript基本(1).数据类型(2).数据类型转换(3).运算符:一.什么是JavaScript在学习前我们首先得知道这门语言是什么,有什么用,更详细的介绍–JavaScript入门,下面我们来看一下JavaScript;JavaScript负责页面中的的行为。- 它是一门运行在浏览器原创 2020-12-29 23:05:29 · 98665 阅读 · 16 评论 -
var、let与const的区别
在进行变量声明的时候我们一般使用的是var,但是在ES6中新增的语法中有了let和const,今天我们来看看它们的区别。目录:一.为什么使用ES6?二.let1.作用域2.不存在变量提升3.暂存死区4.重复声明变量问题5.总结三.const1.定义2.块级作用域3.赋予初始值4.常量不可以修改5.总结四.区别一.为什么使用ES6?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性;语法过于松散,实现原创 2020-12-26 16:49:48 · 83451 阅读 · 0 评论 -
深入浅出ES6中的解构
前言:解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。今天我们来看看解构:目录:一.解构1.什么是解构?2.为什么要是用解构?二.基本用法1.变量赋值2.数组解构1.把数组中所有的数值赋给一个个单独的变量2.提取除了第一个数值意外的后两位数值3. 提取除了中间的值以外的其他值4. 提取除了最后一位的其他数值5.嵌套数组1.从嵌套数组中提取数值:2.从深层嵌套数组中提取某一个值3.使用rest运算符提取剩余的参数3.对象解构1.简单的对象解原创 2020-12-26 10:50:00 · 84869 阅读 · 1 评论 -
深究--CSS中px、rem与em的区别
前言:随着PC端的网页盛行,移动端作为重要的一部分,也是火热的发展,但是鉴于一些单位的使用,我们并不知道该怎样去使用,那么今天我们来看看常用的三种单位PX、rem与em。目录:一.PX1.概念:2.特点:二.rem一.PX1.概念:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX:px是pixel的缩写,是像素单位也是为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,原创 2020-12-21 14:03:04 · 83719 阅读 · 0 评论 -
Flex布局教程:语法篇
前言:在现在网页中,我们不仅仅局限于PC端,我们也在适应移动端进行项目的开发,那么传统的布局方式又难以实现我们的移动端,所以我们来接触Flex布局来进行了解。网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已转载 2020-12-20 22:06:43 · 83736 阅读 · 0 评论 -
HTML中的锚点连接
文章目录:一.锚点连接简介:二.锚点连接创建:1.加入"id"属性:2.使用"#id属性值"进行跳转:三.举例:效果图:一.锚点连接简介:简介: HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。二.锚点连接创建原创 2020-10-21 22:52:29 · 83768 阅读 · 0 评论 -
HTML入门之基本标签
html全称(Hypetext markup Language):超文本标注语言超文本:网页中除文本外,包含视频,图片,音频,超链接,表格,列表等标注也就所谓:记号,标志标记语言:指标签结合而成的语言<>当然语言主要有:java.python.程序语言(也就是代码)HTML:编写网页的标准浏览器可以识别的语言只有Html语言`网页的基本结构:<html> ...原创 2019-05-22 20:25:28 · 132090 阅读 · 2 评论