福星高照~-CSDN博客

原创 React、JSX简介、渲染列表、基础和复杂的条件渲染

其中，react-basic为项目名（自定义）

2024-07-04 18:04:25 418

原创卸载node，下载nvm，下载node过程步骤及错误记录

Could not retrieve https://npm.taobao.org/mirrors/node/index.json.(1)按住Windows+R / 或输入cmd--->打开运行窗口--->用管理员身份运行。(2)在运行窗口中输入：cd 路径，如：cd D:\Program Files\nvm回车。(3)再输入notepad,会打开新的记事本，输入内容，保存就可以了。接下来继续NVM 和 NodeJS跟随一开始的步骤即可。这样就可以了继续原来步骤了，各个版本号也出现了。

2024-07-03 14:19:24 250

原创 Git、Github、tortoiseGit下载安装调试全套教程

TortoiseGit 只是一个程序壳,必须依赖一个 Git Core,所以安装前请确定已完成git安装和配置。编辑器可默认Vim，可换成别的，此处换成VScode，换成VScode或别的都需要单独下载和调用。的绑定，意味着我们已经可以通过 Git 向 GitHub 提交代码啦！注意之后在clone仓库的时候要使用ssh的url，而不是https！完成了本地 Git 与远程。

2024-07-02 22:37:16 633

原创 Web APIs-DOM-事件相关整理（完成网页交互）

三要素：事件源（对象：按钮、dom元素、文本框）、事件类型（方式：鼠标经过mouseover、鼠标单击click等）、事件处理程序（做啥事：）程序检测有没有事件产生（事件：比如单机一个按钮（编程时系统发生的动作或者事情）），一旦有触发，就立即调用一个函数作出响应。淡入淡出-----获得焦点，透明度为1，离开焦点，透明度为0（total.style.opacity=0）焦点事件（表单获得光标）：focu是（获得焦点）、blur（失去焦点）文本事件（表单输入触发）：input （用户输入事件）

2024-06-25 22:13:44 754

原创 Web APIs--Dom获取&属性操作

操作元素内容（修改元素的文本更换内容DOM对象都是根据标签生成的,所以操作标签,本质上就是操作DOM对象。方法：1.对象.innerText 属性2.对象.innerHTML 属性1. 元素innerText 属性将文本内容添加/更新到任意标签位置显示纯文本，不解析标签4.操作元素属性。

2024-06-20 16:31:29 721

原创 web及网络基础图文详解

Web使用一种名为HTTP，超文本传输协议/超文本转移协议）的协议作为规范，完成从到端等一系列运作流程。而协议是指规则的约定。可以说，Web 是建立在 HTTP 协议上通信的。1.1TCP/IP协议族为了理解HTTP，要先了解一下TCP/IP协议族。通常使用的网络（包括互联网）是在 TCP/IP协议族的基础上运作的。而HTTP 属于它内部的一个子集。计算机与网络设备要相互通信，双方就必须基于相同的方法。而我们就把这种规则称为。

2024-05-26 15:26:17 835

原创 JavaScript对象

改和增语法一样，判断标准就是对象有没有这个属性，没有就是新增，有就是改。

2024-05-23 21:20:21 698

原创 JavaScript函数

显示转换：Boolean(内容)

2024-05-22 22:33:09 623

原创 JavaScript初识2

一、编译型语言（Java等语言）优点：运行速度快，代码效率高，编译后的程序不可修改，保密性较好。缺点：代码需要经过编译方可运行，可移植性差，只能在兼容的操作系统上运行。二、解释型语言（JavaScript、Python等）优点：可移植性较好，只要有解释环境，可在不同的操作系统上运行。缺点：运行需要解释环境，运行起来比编译的要慢，占用资源也要多一些，代码效率低，代码修改后就可运行，不需要编译过程。

2024-05-20 22:07:58 806

原创 JavaScript初识

未定义是比较特殊的类型，只有一个值 undefined。只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。工作中的使用场景：我们开发中经常声明一个变量，等待传送过来的数据。如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。

2024-05-20 20:55:04 721 1

原创 JavaScript基本软件和配置

格式化在学vue时可以关掉。

2024-05-20 09:47:42 135

原创 CSS定位

1. 一定记住相对定位、固定定位、绝对定位两个大的特点：（1）是否占有位置（脱标否）（2）以谁为基准点移动位置。2. 学习定位重点学会子绝父相。问题：1. 绝对定位和相对定位到底有什么使用场景呢？2. 为什么说相对定位给绝对定位当爹的呢？

2024-05-15 21:55:53 1765

原创前端开发必备利器---像素大厨PxCook

3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。复习点：我们用到清除浮动，因为 box-hd 里面的盒子个数不一定是多少，所以我们就不给高度了，但是里面的盒子浮动会影响下面的布局，因此需要清除浮动。3 号盒子为底下部分，box-bd -- 里面是无序列表，有 10 个小 li 组成。1 号盒子是通栏的大盒子 banner，不给宽度，给高度，给一个蓝色背景。

2024-05-14 16:05:21 3296 1

原创 CSS清除浮动详解、本质和方法总结

① 父级没高度。（有高度就不会有浮动引起的问题了）② 子盒子浮动了。（只有浮动的盒子会引起脱标会有问题）③ 影响下面布局了，我们就应该清除浮动了。

2024-05-14 15:37:24 802 1

原创 CSS常见网页布局样式、详解、流程、代码

开始写top：top是顶栏的，所以不用设宽度，默认的块级元素和浏览器一样宽可以发现，banner上下有边距，代码调整为box分成好几个盒子，所以用ul和li来表示li是有小圆点的，但此时还看不到添加box的样式后可以看到要去掉小圆点，这一步通常在使用ul和li时都会用到，需要记住，可以直接写li{}，不用前面加类再写，如.box li{}现在就可以设置li的高度和宽度了，这个时候li前面要加类.box出现这种情况，就是我们前面讲解的浮动float了添加：还

2024-05-14 14:44:50 1517 1

原创 CSS浮动（float）是什么、为什么、浮动特性、应用举例

什么是浮动.left,.right {/* 层叠性 */.right {左青龙

2024-05-12 22:02:08 527

原创 css、盒子模型2个案例、代码分析、结论总结

1. 布局为啥用不同盒子,我只想用div？标签都是有语义的, 合理的地方用合理的标签。比如产品标题就用 h, 大量文字段落就用p2. 为啥用辣么多类名？类名就是给每个盒子起了一个名字,可以更好的找到这个盒子, 选取盒子更容易,后期维护也方便。3. 到底用 margin 还是 padding？大部分情况两个可以混用，两者各有优缺点，但是根据实际情况，总是有更简单的方法实现。最后一定多运用辅助工具,比如屏幕画笔,ps等等案例2：快报模块。

2024-05-10 15:57:49 160

原创网页美工、ps的基本操作

来做的，所以以后我们大部分切图工作都是在。，鼠标可以变成小手，拖动 PS 视图。因为网页美工大部分效果图都是利用。：可以打开我们要测量的图片。右击标尺，把里面的单位改为。， Ctrl+ 减号(-)：可以打开标尺，或者。Ctrl+ 加号(+)可以取消选区，或者在。

2024-05-10 14:50:53 216

原创 css盒子模型详解

这部分是重中之重，一定要掌握！！！！！！页面布局要学习三大核心, 盒子模型, 浮动和定位. 学习好盒子模型能非常好的帮助我们布局页面目标：1.能够准确阐述盒子模型的4个部分2.能够利用边框复合写法给元素添加边框3.能够计算盒子的实际大小4.能够利用盒子模型布局模块案例5.能够给盒子设置圆角边框6.能够给盒子添加阴影7.能够给文字添加阴影。

2024-05-09 17:11:12 579

原创前段基础重点总结、css和HTML常用重点部分整理

body {/* 复合属性：简写方式，顺序不可换 */*/（1）shift+alt+下箭头-----------复制（2）ctr+d---------------选定多个相同单词（一起改）（3）ctrl+alt+上/下箭头---------添加多个光标（4）Ctrl+h-------全局替换（5）ctrl+g---------快速定位到某一行（6）shift+alt+拖动鼠标------------选择某个区块。

2024-05-09 15:50:34 468

原创前端、css三大特性、层叠性、继承性、优先级、权重的叠加、练习题代码分析

4. 可以简单记忆法: 通配符和继承权重为0, 标签选择器为1,类(伪类)选择器为 10, id选择器 100, 行内样式表为。text-，font-，line-这些元素开头的可以继承，以及color属性。，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是 0。CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号。如果子元素没有设置行高，则会继承父元素的行高为 1.5。此时子元素的行高是：当前子元素的文字大小 * 1.5。如果是复合选择器，则会有权重叠加，需要计算权重。

2024-05-08 22:17:07 406

atatsuki的博客