- 博客(36)
- 收藏
- 关注
RSS订阅原创 JavaScript之常见内置类 (九):认识包装类型、数字类型Number、数学类型Math、字符串类型String、数组Array使用详解、Date类型的使用
在之前我们经常会用下面的情况：JavaScript的原始类型并非对象类型，所以从理论上来说，它们是没有办法获取属性或者调用方法的原始类型是简单类型，默认并不能调用属性和方法因为JavaScript为了可以String、Number、Boolean、Symbol、BigInt类型。
2023-06-23 21:27:47
248
原创 JavaScript之对象 (八)：对象类型的使用、值类型和引用类型、函数的this指向、工厂方法创建对象、构造函数和类、new创建对象
我们前面说过，在JavaScript中类的表示形式就是构造函数。构造函数与普通函数的区别构造函数也是一个普通的函数，从表现形式来说，和千千万万个普通的函数没有任何区别如果这么一个普通的函数被使用new操作符来调用了，那么这个函数就称之为是一个构造函数构造函数与普通函数的命名：在ES5之前为了区分构造函数和普通函数我们一般这么操作构造函数：使用大驼峰命名普通函数：使用小驼峰命名// 创建一系列的对象 // 构造函数的名称: 使用大驼峰 function Person() {
2023-06-17 12:26:10
453
原创 JavaScript之函数 (七)：认识JavaScript函数、函数的声明和调用、函数的递归调用、局部和全局变量、函数表达式的写法、立即执行函数使用
在开发程序时，使用函数可以提高编写的效率以及代码的重用。
2023-06-12 11:41:56
262
原创 JavaScript之循环语句 (六)：认识循环语句、while 循环、do……while 循环、 for 循环、 break与continue关键字
数组遍历或迭代1.while循环2.3.for循环下面主要介绍三种训话的语法，已经执行流程，然后做一点小练习巩固一下。
2023-06-11 15:02:45
229
原创 JavaScript之分支语句与逻辑运算符 (五)：if分支语句、if分支语句、if..else if..else..语句、三元运算符、逻辑运算符、switch语句
在现实生活中，我们需要根据条件来做一些决定，例如 月薪过万才能买得起奢侈品，考试满分才能打游戏。在开发中，我们经常需要根据一定的条件, 来决定代码的执行方向，如果条件满足，才能做某件事情条件不满足，就做另外一件事情分支结构：能帮助我们在代码中根据条件来决定代码的执行,并且分支结构的语句被称为判断结构或者选择结构JavaScript中常见的分支结构有if分支结构switch分支结构if 分支语句有两种单分支结构if多分支结构if……else。
2023-06-11 10:34:00
237
原创 JavaScript之常见的运算符 (四)：运算符和运算元、算数运算符、赋值运算符、自增和自减、比较运算符、运算符优先级
计算机最基本的操作就是执行运算，执行运算时就需要使用运算符来操作。
2023-06-10 21:34:37
149
原创 JavaScript之变量与数据类型 (三)：认识JavaScript变量、变量的定义和规范、数据类型和typeof、常见的数据类型、数据类型的转换
如何在JavaScript中定义一个变量变量的声明：在JavaScript中声明一个变量使用var关键字（variable单词的缩写）（后续学习ES6还有let、const声明方式）变量的赋值： 使用给变量进行赋值；声明变量并赋值// 定义一个变量 // 第一步： 变量的声明（高级js引擎接下来我要定义一个变量） // var关键字 variable // 第二步: 变量的赋值(使用=赋值即可) var currentTime = "16:00"写法二：先声明，后赋值。
2023-06-08 23:26:10
213
原创 JavaScript之基本语法 (二)：JS的编写方式、noscript元素的使用、JS的注意事项、JS交互方式、JS语句和分号、JS注释方式
在以前的代码中，script标签中会使用 type=“text/javascript”，`现在可不写这个代码了`，因为`JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言`。
2023-06-08 00:39:06
232
原创 JavaScript之邂逅 (一)：认识编程语言及其历史、JS的历史、JS的分类、JS运行引擎、JS应用场景
现在我们开始学习的就是一门高级语言：JavaScript。
2023-06-07 17:13:50
279
原创 CSS进阶之移动端适配 (四)：媒体查询、CSS常见单位、深入理解pixel、DPR、PPI、浏览器视口Viewport、移动端适配rem方案、移动端适配vw方案
是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。可以让我们根据设备的类型（比如：屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改页面@media@importurlmedia属性, , 和其他HTML元素指定特定的媒体类型。
2023-06-06 00:28:06
6579
原创 CSS进阶之grid网格布局 (三)：关于grid布局、grid-container属性、grid-items属性
css网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是 HTML 生成了这些区域）。像表格一样，网格布局让我们能够按行或列来对齐元素。然而在布局上，网格比表格更可能做到或更简单。例如，网格容器的子元素可以自己定位，以便它们像 CSS 定位的元素一样，真正的有重叠和层次。1. 将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局；2. Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。
2023-06-04 22:15:25
2484
原创 CSS进阶之预处理语言之less (二)：Easy less插件、认识less、注释、计算方式、嵌套、变量的定义导入less文件、从less导出css样式的路径
首先我们在VSCode。
2023-06-02 12:14:24
1062
原创 CSS进阶之形变与动画 (一)：transform、垂直居中总结、transition动画、animation动画、vertical-align
水平居中的方案行内级元素：设置父元素的 text-align:center块级元素：设置当前块级元素(要有宽度) margin:0 auto绝对定位：元素有宽度的情况下，设置left0、right0、margin:0 auto；flex布局：通过设置justify-content: center;垂直居中的方案绝对定位： 元素要有高度的情况下，设置top0、bottom0、margin:auto 0;flex布局 通过设置align-
2023-05-30 17:31:37
4672
1
原创 CSS之flex弹性布局 (十二)：认识flex布局、flex布局的理解、flex-container属性、flex-item属性
只有非常少数的网站依然在用浮动来布局floats存在很大的局限性。
2023-05-25 08:44:17
507
原创 CSS之元素浮动 (十一)：认识浮动、浮动的规则、浮动的案例、高度塌陷、清除浮动、布局方案对比
沿其容器左侧右侧文本和内联元素环绕它noneleftright。
2023-05-23 18:24:39
818
原创 CSS之元素定位 (十)：标准流布局、认识元素的定位、静态定位、相对定位、固定定位、绝对定位、粘性定位、z-index
标准流的位置调整：在标准流中，我们可以使用 对元素进行定位，其中margin可以设置为负数存在的缺点如果我们希望一个元素可以跳出标准量,单独的对某个元素进行定位呢？===> 接下来就开始介绍，我们通过这个属性进行设置什么是定位元素： position值的元素,也就是position值为的元素，即定位元素就可以使用 top、bottom、left、right进行定位了。4. 相对定位 relative相对定位的特性：相对定位的元素还是布局相对定位的应用场景 ： 在不影响其他元素位置的前提
2023-05-22 16:14:27
309
原创 CSS之额外知识补充 (九)：border图形、Web网络字体、Web字体图标、CSS精灵图、cursor属性
border主要是用来给盒子增加边框的，但是在开发中我们也可以利用边框的特性来实现一些形状。
2023-05-20 21:55:40
127
原创 CSS之Emme语法t和结构伪类 (八)：认识Emmet、常见Emmet语法、常见的结构伪类、否定伪类的使用
(元素选择器、通用选择器、属性选择器、类选择器、id选择器、伪类（除否定伪类))以下会介绍几个比较常用的结构伪类，并且我们需要记住一些简单的公式。这里例举一下emmet语法，大多数比较常用的。:not()的格式是:not(x)，：:not(x)表示除x以外的元素。
2023-05-20 17:09:52
124
原创 CSS之高级元素的使用 (七)：列表元素、表格元素、表格合并、表单元素、表单常见属性
:有序列表ol中直接元素只能是lili 的含义 ==> list item 即表示列表中的每一项案例演示：可以从上面的案例按出来，ol其实是自带效果的，有时候我们往往不喜欢这样，因此我们会重新给它覆盖样式。1.2 无序列表 ul-> li (unordered list):无序列表ul中直接元素只能是li，与ol相同的是直接子元素也只能是li案例演示：其实无论是有序还是无序列表，或者其它元素，当它们有一些自带的效果我们很难去控制时，我们都习惯于将它们一次性的进行重置，像两个列表元素本质就是lis
2023-05-18 14:53:25
805
原创 CSS之背景的设置 (六)：background-(image、repeat、size、position、attachment)、background、background-image和img对比
用于设置元素的背景图片。
2023-05-16 20:08:40
1345
原创 CSS之盒子模型 (五)：认识盒子模型、内容width/height、内边距padding、边框/圆角border、外边距margin、盒子和文字阴影、box-sizing
我觉得下面这张图描述的很形象，我们可以把HTML每一个元素看成是一个盒子。
2023-04-12 00:12:05
1133
1
原创 CSS之属性的特性 (四)：CSS属性的继承、CSS属性的层叠、CSS属性的类型、display属性、元素的隐藏、overflow属性、CSS不生效技巧
属性具有继承性元素设置后。如默认font-size为16px，给p元素设置font-size为2em时，2em经过计算后给p元素设置为了32px。
2023-04-01 00:12:06
188
原创 CSS之额外知识补充 (二)：link元素、计算机进制、CSS表示颜色、Chorme调试工具、浏览器渲染流程
link元素： 是外部资源链接元素，规范了文档与外部资源的关系。link元素通常再head元素中
2023-03-10 13:44:23
214
原创 CSS之邂逅 (一)：认识CSS、编写CSS样式、CSS注释、常见的CSS属性
CSS的出现是为了美化HTML为HTML添加各种各样的样式，比如颜色、字体、大小、下划线等等对HTML进行布局，按照某种结构显示（CSS进行布局 – 浮动、flex、grid）
2023-03-09 01:01:03
230
原创 HTML之常见的元素 (三)：HTML结构分析、常见的标签、div元素与span元素、HTML全局属性
我们发现页面可以不用div、span，也可以全部都用，但这样会导致页面全都是div，为了避免这种极端现象，目前有一个新的概念。，即让最正确的元素做最正确的事情，该是标题就用h元素，样式可以通过css再修饰。在一个页面中通常会有一些比较重要的文字作为标题，这个时候我们可以使用h元素。a元素中不存放文字，而是存放一个img元素，也就是img元素是a元素的内容。我们可以看到，当请求百度是失败的，为什么呢？在很多网站我们会发现图片也是可以点击进行跳转的，.大部分的HTML元素都是在body中呈现的。
2023-03-05 20:50:58
487
原创 HTML之网页开发 (二)：第一个网页、认识HTML、开发工具、HTML元素、注释编写
超文本标记语言（英语：HyperText Markup Language，简称：HTML）：是一种用于创建网页的标准标记语言。标记语言（markup language ）：由无数个标记（标签、tag)组成；是对某些内容进行特殊的标记，以供其他解释器识别处理；p 比如使用 标记的文本会被识别为“标题”进行加粗、文字放大显示；由标签和内容组成的称为元素（element）超文本（ HyperText ）：表示不仅仅可以插入普通的文本（Text），还可以插入图片、音频、视频等内容，还可以表示超
2023-03-05 01:13:27
499
原创 HTML之邂逅 (一)：软件开发和应用程序开发、网站和网页的关系、网页的显示过程、网页的组成部分、浏览器和浏览器内核
在日常生活接触到的基本都属于客户端、前端的内容：比如浏览器、微信、QQ、小程序；我们知道自己的手机并不可能存放哪些多的数据和资源：比如你用《网易云听音乐》，音乐数据大部分都是存在“服务器”中的；那么服务到底是什么呢？服务器本质上也是一台类似于你电脑一样的主机,但是这个主机有几个特点二十四小时不关机的（稳定运行）；没有显示器的；一般装的是Linux操作系统（比如centos）；那么我以后到公司是不是就看得见服务器了呢？答案是不一定，目前公司大部分用的是云服务器（比如阿里云、腾讯云、华为云）；
2023-03-04 17:03:20
317
原创 Vue3之模版语法(二)：Mustache插值语法，常见基本指令，v-bind绑定属性，绑定class和style，v-on绑定事件，Vue的条件渲染
我们在前面练习Vue的过程中，有些代码片段是需要经常写的，我们再VSCode中我们可以生成一个代码片段，方便我们快速生成。VSCode中的代码片段有固定的格式，所以我们一般会借助于一个在线工具来完成。
2023-03-03 02:26:01
595
原创 Vue3之邂逅 (一) ：初识Vue3，使用Vue3，体验Vue3，声明式与命令式编程，MVVM模型，Vue的options
构建用户界面基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型帮助我们高效地开发用户界面，无论是简单还是复杂更好的性能更小的包体积更好的TS集成更优秀的API设计。
2023-03-01 02:27:03
493
原创 Node.js基础之请求响应原理及HTTP协议（三）
统一资源定位符，又叫URL（Uniform Resource Locator），是专为标识Internet网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是URL。真实的网站服务器一般放置在网络机房中，服务器电脑与平时所使用的电脑有所区别，可以没有鼠标键盘和显示器，可以只有一个，程序员一般用远程控制去这台服务器。之前学习的Node网站服务器，我们已经首先要是电脑，安装了Node，所以我们现在使用Node.js创建软件层面上的网站服务器，即得到请求对象和响应对象。互联网中设备的唯一标识。
2022-11-26 16:20:20
766
原创 Node.js基础之模块化开发(二)
JavaScript在使用时存在两大问题，文件依赖和命名冲突。Node运行环境提供的API. 因为这些API都是以模块化的方式进行开发的, 所以我们又称Node运行环境提供的API为系统模块。
2022-11-26 00:29:47
424
原创 Node.js基础之入门常识篇(一)
能够和后端程序员更加紧密的配合网站业务逻辑前置，学习前端技术需要后端技术支撑（Ajax）扩宽知识视野，能够站在更高的角度审视整个项目。
2022-11-25 20:40:19
291
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人