web前端开发
关注
分享
扫一扫
文章平均质量分 73
yoghurt&girl
一个不太聪明的野生程序猿....
展开
-
初始react和使用——事件处理、样式处理和组件
react是用于构建用户界面的JavaScript库，起源于Facebook的内部项目由于react的设计思想十分独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用它，认为它可能是将来web开发的主流工具。react的好处：声明式设计: React使创建交互式UI变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时React能高效更新并渲染合适的组件组件化:构建管理自身状态的封装组件,然后对其组合以构成夏杂的UI。高效。原创 2023-08-31 09:00:00 · 530 阅读 · 0 评论 -
学习vue之node的安装
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理 器 npm，是全球最大的开源库生态系统。官方网址：http://nodejs.cn/下载网址：http://nodejs.cn/download/原创 2022-10-24 09:00:00 · 3712 阅读 · 1 评论 -
vue学习之组件传值、自定义事件
子组件传父组件原创 2022-10-19 09:00:00 · 790 阅读 · 0 评论 -
vue小实验——小米商城购物车，合计、结算、数量加减
采用vue实现购物车的功能，主要是对购物车内的数量、价格、合计等，话不多说直接放图。原创 2022-10-18 09:00:00 · 1850 阅读 · 1 评论 -
JavaScript初学者我所遇到的报错问题——第一回合
希望各位小宝子们在学习的过程中不能让我一样粗心和过于急于求成，要能够静下心来学，前段这条路要学的东西多，说难不难吧对我来说还是男，尤其对于我这种逻辑不好的人来说，所以各位宝子们要加油哟！和我一起踏上这漫漫修炼路吧哈哈哈。原创 2022-09-23 09:00:00 · 177 阅读 · 0 评论 -
JavaScript学习小阶段练习——轮播图、全选和全不选、二级选项卡
此个小项目主要是能达到当我们可以根据是否需要循坏从而达到图片的切换效果，循坏切换可以达到不管我们点击左右按钮多少次都可以对图片进行切换，单边切换则达到图片的第一张或最后一张时无法在继续点击和切换。原创 2022-09-15 18:00:18 · 224 阅读 · 0 评论 -
JavaScript学习笔记四——数组对象
2、lastindexof（） 从后面开始查找，返回结果的索引号。2、unshift() 在数组开头添加一个/多个数组元素。1、push() 在数组末尾添加一个或多个数组元素。1、indexof（） 返回数组元素的索引号。（2）如果元素在数组里找不到，则返回-1。3、shift() 删除数组的第一个元素。4、pop() 删除数组的最后一个元素。（1）只返回第一个满足条件的索引号。3、str[index] H5新增的。原创 2022-09-16 09:00:00 · 797 阅读 · 0 评论 -
js报错—— Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)
所以说啦，我们在学习的时候真的要仔细谨慎呀，如果后续我遇到其他的错误我也会继续分享出来的，我们一起加油吧！如果你们也有在写这种错误文章可以私信我，看看我是不是也遇到过你所说的问题嘿嘿。这个问题的原因是因为无法获取到内部的innerHTML，通常后面都会有显示我们是错的第几行，我的错误原因就是因为innerHTML前面的那个。ul标签我写错了，真的是粗心大意，所以各位小伙伴在敲写代码的时候真的要注意哟，一个符号真的可以不容小觑呀！有没有看到我哪里错了，可以在下面评论你们看到我错误的时间哟！原创 2022-09-11 13:10:50 · 1927 阅读 · 0 评论 -
JavaScript学习笔记三——查阅MDN、日期对象
学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询。Mozilla开发者网络(MDN)提供了有关开放网络技术(Open Web )的信息，包括HTML、CSS和万维网及HTML5应用的API。点击这个链接打开的网页如下：、原创 2022-09-07 09:00:00 · 551 阅读 · 0 评论 -
JavaScript中函数的声明方式、作用域
fn()对象是一组无序的相关属性和方法的集合，所有事物都是对象，比如字符串、数值、数组、函数等等对象是有方法和属性组成的属性：事物的特征，在对象中用属性来表示方法：事物的行为，在对象中用方法来表示。...原创 2022-08-28 09:00:00 · 703 阅读 · 0 评论 -
JavaScript初学者——介绍和使用
script>alert('你好')特点：优点：便于维护。平常我们使用的也是比较多的。缺点：仅限于当前页面的使用，无法重复使用，代码冗余度较高。原创 2022-08-26 09:00:00 · 153 阅读 · 0 评论 -
JavaScript学习笔记二——数组概念及使用、函数的调用
定义：数组array就是一组数据的集合，可利用new 创建数组，也可以利用字面量创建数组，数组里面的数据一定要用逗号隔开。原创 2022-08-27 09:00:00 · 320 阅读 · 0 评论 -
JavaScript学习——流程控制、循环及运算符
自上而下，依顺序执行根据不同的条件，执行不同的代码，从而得到不同的结果。原创 2022-08-23 09:00:00 · 114 阅读 · 0 评论 -
CSS——过渡、形变、动画
鼠标移动到一个元素上面，元素发生变化，鼠标移走，变化消失；这是一个动态的过程，这就是过渡。在CSS过渡中允许你在给定的时间内平滑地改变属性值。通过过渡可以指定一个属性发生变化的切换方式；通过过渡可以创建一些非常好的效果，提升用户体验感；使用过渡就是使用我们transition这个属性；这些属性值部分顺序，但第一个时间必定是过渡花费时间。持续时间第二个时间才是过渡延迟时间。案列展示： CSS可实现HTML元素的动画效果动画使元素逐渐从一种样式转变为另一种样式，可以随意更改任意数量的CSS属性，相对原创 2022-06-23 11:42:11 · 1025 阅读 · 0 评论 -
弹性盒模型
弹性盒子是CSS3的一种新的布局格式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。1、弹性容器2、弹性元素把父元素设置为弹性容器之后，那么他的直接子元素（注意只有子元素）就会自动变成弹性元素。弹性元素可以同时是弹性容器也是弹性元素。3、弹性盒子属性值inline-flex会让后面的内容与之在一行显示，但flex是独占一行1、flex-grow指定弹性元素的伸展的系数（写在子元素里面的）当父元素有多余的空间时，子元素如何伸展父元素和按照比例进行分配（默认原创 2022-06-16 09:00:00 · 672 阅读 · 0 评论 -
css中display设置显示隐藏、定位功能
前言一、displayopacity效果图：二、定位1.为什么要定位2.定位模式静态定位相对定位绝对定位知识点的延伸显示隐藏，display在我们之前学习的知识点里面我们的display属性是给我们来设置元素转换模式的。但是除了元素转换之外，display还可以显示隐藏元素。取值范围0-1,【0完全消失，1完全显示】这个属性和display：none隐藏元素有一个很相似的地方都是能够让元素隐藏的，但是display能够让元素的位置在页面中消失，但是opacity这个属性只是让元素看不见，但实际上位置还在原来原创 2022-06-07 09:00:00 · 10299 阅读 · 0 评论 -
CSS中盒子样式设置及浮动特性
在CSS3中我们新增了圆角边框样式，这样我们可以使盒子变为圆角。注意：默认的是外阴影，但是不可以写outset这个单词，否则会造成外阴影无效。盒子阴影不占用空间，不会影响盒子的排列。效果图： 在CSS3中我们可以通过box-sizing来指定盒子模型，它有两个属性值，content-box、border-box。盒子计算分为了两种情况：box-sizing：content-box（盒子大小）：width+padding+border 以前盒子默认大小组成border-sizing：border原创 2022-06-06 09:00:00 · 2478 阅读 · 0 评论 -
关于边框和内边距的效果展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-06-02 09:30:00 · 122 阅读 · 0 评论 -
css中的伪元素、基线对齐、盒子模型
目录一、伪元素二、基线对齐三、盒子模型1、外边距margin2、边框（border）一、伪元素说明：伪类元素使用两个冒号（：：）而不是一个冒号，目的是为区分伪类和伪元素，大多数浏览器都支持这两种方式。：：before——在当前元素前面插入一些元素，激活使用content：“”；：：after——在当前元素后面插入一些元素，激活使用content：“”；：：first-line——在元素的第一行文字使用CSS样式：：first-letter——在元素的首.原创 2022-06-02 09:00:00 · 1981 阅读 · 0 评论 -
css背景——背景颜色、背景图、平铺、位置和固定
1、背景图片background-image属性描述元素的背景图像。在实际开发中常用于logo或一些装饰性的小图片和背景图片，优点是便于控制位置（精灵图也是其中一种）语法格式：2、背景颜色background-color：属性值可以是颜色名、十六进制、RGB3、背景平铺4、背景图片位置5、背景图片固定scroll 背景图像随内容滚动 fixed 固定 ...原创 2022-05-31 09:00:00 · 406 阅读 · 0 评论 -
HTML中字体属性、文本属性使用说明
一、字体属性font属性用于定义字体系列，字体大小、粗细和文字样式（斜体）1、字体系列font-family：定义文本字体，定义多个字体用逗号隔开，设置中英文字体时，注意先英后中2、字体大小font-size3、字体粗细font-weight：属性值有normal、bold、bolder、lighter、数字（100-900）4、文本风格font-style：属性值有normal、Italic...常用normal设置将文本恢复正常5、字体复原创 2022-05-30 09:00:00 · 14710 阅读 · 0 评论 -
HTML——css选择器
HTML中的css的选择器使用原创 2022-05-29 09:00:00 · 162 阅读 · 0 评论 -
HTML之列表标签——无序(ul)、有序(ol)、自定义(dl)
优快云话题挑战赛第1期活动详情地址：优快云参赛话题：前端学习记录话题描述：记录前端学习过程中的某个知识点、解决方案等等概念在平时网页设计中我们最常见的就是无序列表，有序列表就是会有顺序，我们也可以自定义序号的样式，而无序列表则是不分顺序的，自定义列表就如他名字一样，根据用户需要自定义。语法格式：有序列表语法格式：<ol> <li>列表一</li> .....</ol>无序列...原创 2022-05-28 09:15:35 · 8933 阅读 · 2 评论 -
HTML标签——img、表单标签
在HTML中我们通常会看到有很多图片元素，这都是通过img标签引入的，下面简单介绍一下。如有错误和意见欢迎留言。1、img标签的语法格式src属性是img的必须属性，它用于指定图像文件的路径和文件名。后面的Alt和title属性可根据需要自行添加Alt属性用于当浏览器无法显示出图片时替代显示的文本，而title则是图像的一个标题。width和height设置图像的宽高效果图如下：2、图片标签的相对路径...原创 2022-05-23 20:26:00 · 1383 阅读 · 0 评论 -
HTML+CSS之文本属性（文本溢出、选择）
一、文本溢出——overflow文本溢出的常见属性有：visble 默认值，内容不会被修剪，但是会呈现在元素框之外 auto 规定应该从父元素继承overflow属性的值 hidden 内容会被修剪，且其余的内容是不可见的 scroll 内容会被修剪，但是浏览器会显示滚动条一遍查看其余的内容 二、文本选择属性——user-select该...原创 2022-05-19 08:00:00 · 568 阅读 · 0 评论