吱昂张……-CSDN博客

原创用JavaScript判断是否为回文数

今天是是个好日子，2021年12月02日，20211202是回文数。用JavaScript写了一个判断是否为回文数的函数。写了两种方法：第一种：先将数字转换为字符串，然后将第一个字符和最后一个字符比较，第二个字符和倒数第二个字符比较…，以此类推，最终都相同的话就是回文数。代码如下： <script> function isPalindrome(number) { var flag = true; var str =

2021-12-02 13:54:54 3352 1

原创 14 JavaScript简单数据类型和复杂数据类型

1、简单数据类型和复杂数据类型简单类型又叫基本数据类型或者值类型，复杂数据类型又叫做引用类型。1.1 简单数据类型简单数据类型在存储时变量存储的是值本身，因此又叫值类型。string，number，Boolean， undefined ，nullnull 比较特殊，返回的是object。如果以后有一个变量要存储为对象，但是又没想好放什么，就可以先用null代替。空对象 <script> var timer = null; console.log

2021-12-01 20:14:35 429 1

原创 13JavaScript内置对象

1、内置对象JavaScript中的对象分为3种：自定义对象、内置对象、浏览器对象自定义对象和内置对象是js基础内容，属于ECMAScript：第三个浏览器对象是js特有的，后面再学内置对象就是js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者是最基本而必要的功能（属性和方法）。内置对象最大的优点就是可以帮助我们快速开发JavaScript提供了多个内置对象：Math、Date、Array、String等2、查文档2.1 MDN2.2 如何学习对象中

2021-12-01 20:13:11 460

原创 12JavaScript对象

1、对象1.1 什么是对象？万物皆对象。对象是一个具体的事物，看得见摸得着的事物。例如：一本书、一辆汽车、一个人、可以是“对象”。一个数据库、一张网页、一个远程服务器的连接也可以是“对象”。对象必须是具体的事物，要特指，不能泛指。在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性是事物的特征，在对象中用属性来表示（常用名词）。方法是事物的行为，在对象中用方法来表示（常用动词）。1.

2021-12-01 20:12:04 212

原创 11JavaScript预解析

1、预解析先看几个例子： //1问 console.log(num); //会报错 //2问 console.log(num); //undefined var num = 10; //相当于执行了以下代码 //var num; //console.log(num); //num = 10; //3问 fn();

2021-12-01 20:10:58 313

原创 10JavaScript作用域

1.作用域一段代码中的名字并不总是有效和可用的，限定我们定义的变量名的可用性范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字的冲突。全局作用域：整个script标签，或者是一个单独的js文件局部作用域（函数作用域）：在函数内部就是局部作用域，只在函数内部起效果和作用2.变量的作用域2.1 全局变量：全局作用域下的变量第一种：在全局作用域下用var声明的变量第二种：在函数内部不使用var声明的变量也是全局变量（不建议使用）2.2 局

2021-12-01 20:07:46 158

原创 JavaScript 求数组并交集改进

这次考虑了单个数组里面有重复元素的情况。先定义数组去重方法。然后在求并集和交集的过程中调用去重即可。 <script> //去重 function duplicateRemoval(arr) { var newArr = []; for (var m = 0; m < arr.length; m++) { var flag = true;

2021-11-28 11:39:44 236

原创 09JavaScript 函数

1、函数的概念函数：就是封装了一段可被重复调用的代码块，就是让大量代码重复使用。比如求1-100的和与求10-50的和其实很相似。 <script> //求1-100的和 var sum = 0; for (var i = 1; i <= 100; i++) { sum += i; } console.log(sum); //求10-50的和

2021-11-26 15:15:21 271

原创 JavaScript 数组求交、并集

无聊用JS写了个数组求交、并集的函数背景：输入两个数组，单个数组里面的数没有重复的。1.交集算法思路：用第一个数组的每一个元素分别和第二个数组里面的每一个元素比较，如果有相同就存进新的数组里面。2.并集算法思路：先把arr1全部给新数组，然后分别拿arr2中的数和新数组中的每个数比较，不一样就存进去，一样就跳过 //声明交集函数 function getMix(arr1, arr2) { var arrMix = [];

2021-11-26 14:43:28 755

原创 08 javaScript 数组Array

1、数组的概念数组可以把一组相关的数据一起存放，并提供方便访问（获取）方式。数组指一组数据的集合，其中每个数据都被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。//普通变量一次只能存储一个值var num = 10;//数组一次可以存储多个值var arr = [1,2,3,4,5];2、创建数组2.1 数组的创建方式利用new创建数组利用数组字面量创建数组（常用）2.2 利用new创建数组var arr = new A

2021-11-25 15:00:28 398

原创 JavaScript 简易ATM机制作（Do while嵌套switch）

制作要求：用户里原来余额有100元，要求实现存钱、取钱、显示余额、退出4种操作。实现结果如下：代码如下： <script> var money = 100; do { var choice = prompt('请输入您的操作：\n' + '1.存钱\n' + '2.取钱\n' + '3.显示余额\n' + '4.退出'); choice = parseInt(choice); ...

2021-11-23 22:04:21 765

原创 07 JavaScript流程控制——循环结构

1、循环1.1循环的目的重复执行某些语句 2、for循环在程序中，一组被重复执行的语句叫循环体，能否继续执行，取决于循环的终止条件。由循环体以及终止条件组成的语句，被称之为循环语句。 2.1 语法结构for(初始变化量;条件表达式;操作表达式){//循环体} 初始变化量，就是var声明的一个普通变量，常用于计数。条件表达式，就是终止的条件。操作表达式，每次循环最后执行的代码，经常用于计数器变量的更新（递增或者递减）。代码体验：重复打印

2021-11-18 22:40:08 498

原创 06JavaScript流程控制——分支流程控制

1、流程控制简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行 JavaScript中流程控制主要有三种结构：顺序结构、分支结构、和循环结构顺序结构：顺序执行分支结构：条件判断，分不同的路走循环结构：让代码反复执行 2、顺序流程控制顺序结构是程序中最简单、最基本的流程控制。它会按照代码的先后顺序，依次执行。程序中大多数代码都是这样执行的。3、分支流程控制if语句3.1 分支结构由上到下执行代码的过程中，根据不同的条件，执

2021-11-17 12:21:03 828

原创 05Javascript运算符

1、运算符运算符（operator）也称为操作符，是用于实现赋值，比较和执行算法等功能的符号。2、算数运算符2.1 概念算数运算使用的符号，用于执行两个变量或值得算术运算。2.2 类型加减乘除和取余（%），习惯在运算符两侧敲一个空格。console.log(10%3); //12.3浮点数参与运算会有误差 // 浮点数 console.log(0.1 + 0.2); //0.30000000000000004 consol...

2021-11-16 14:56:22 727

原创 04 数据类型

1、数据类型简介1.1 为什么需要数据类型根据占用储存空间的不同，可以把数据分为不同的类型。1.2 变量的数据类型 JS在没有赋值之前，变量的数据类型是不确定的，只有赋值之后才知道是什么类型。 JS是动态语言，同一变量的数据类型是可以改变的。 var x = 10;//此时x是数字型x = '吱昂张'; //x变成了字符串型1.3 数据类型的分类简单数据类型（Number，String，Boolean，Undefined，Null）复杂数据类型

2021-11-15 15:18:34 413

原创 03 变量

1、变量概述1.1 什么是变量白话：就是一个装东西的盒子。通俗：变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。1.2 变量在内存中的存储本质：变量是程序在内存中申请的一块用来存放数据的空间。变量类似于酒店的房间，一个房间就可以看作是一个变量。 2、变量的使用变量在使用时分为两步：1、声明变量 2、赋值1、声明变量和赋值//声明变量var age; //声明一个名称为age的变量 var (variable)可变的，是一个JS关

2021-11-14 20:56:00 104

原创 02 初识JavaScript

1、初识JavaScript1.1 JavaScript历史布莱登·艾奇（Brendan Eich，1961年~）这位神奇的大哥1995年利用10天完成JavaScript的设计网景公司初命名为Live Script，后来与Sun公司合作之后改名为JavaScript 1.2 JavaScript是什么最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执

2021-11-13 21:26:03 369

原创 01编程语言+计算机基础

1、编程语言1.1 编程编程让计算机为解决某个问题而使用某种程序设计语言编写程序设计代码，并最终得到结果的过程。计算机程序就是计算机执行的一系列指令集合，而程序全都是用我们所掌握的语言来编写的，所以想要控制计算机就一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言，它是人与计算机通讯的媒介。计算机语言的种类非常多，总的来说可以分为机器语言、汇编语言、高级语言三大类。实际上计算机最终执行的都是机器语言，它是由0和1组成的二进制数

2021-11-13 14:59:28 616

原创使用git提交部署静态网站

15 本地网站上传 git giteegit软件可以将我们的本地网站提交上传到远程仓库（码云gitee里面）码云就是远程仓库，类似于服务器。15.1 使用方法下载安装git 如果第一次用git，要先配置好全局选项 git config --global user.name "张婧x"git config --global user.email "9844101+zhang-jingx@user.noreply.gitee.com"然后输入git config

2021-11-11 20:21:36 145

原创 Less 基础 easyless 插件

12.3 less基础12.3.1 css弊端因为css没有很好的计算能力，比如将px换算成rem单位要手动换算，所以出现了less12.3.2 less介绍 less是一门css的扩展语言，也叫css预处理器，常见预处理器有Sass Less Stylus less中文网址：Less 中文网 12.3.3 less使用less变量@变量名：值；必须有@前缀不能包含特殊字符不能以数字开头大小写敏感，大小写不一样 //

2021-11-07 21:17:55 1499

原创关于rem的理解

rem是一个单位，类似于em，em是相对于父元素的字体大小而设定的单位。而rem是相对于根标签html设定的单位，叫做root em。比如若设置根元素html的字体大小为14px，非根元素的大小为2rem，则非根元素的字体大小为28px...

2021-11-06 21:38:59 429

原创 CSS3 线性渐变使用方法

1、语法background: linear-gradient(起始方向，颜色1，颜色2，颜色3...);background: -webkit-linear-gradient（left,red,blue）;注意：使用时必须添加浏览器私有前缀。默认方向是top，自上而下渐变。颜色无要求，可写多个颜色。2、方向可以写对角线渐变： background: -webkit-linear-gradient(left top, red, blue);如：左上至右下...

2021-11-06 13:41:55 73

原创固定定位position：fixed；一定要有宽度

做了一个搜索模块，需要用固定定位，结果没显示出来。.search-index { position: fixed; top: 0; left: 0; height: 44px; background-color: pink;}后来查明原因，固定定位一定要设置宽度。给了width：100%; 后就出来了.search-index { /* 固定定位和父亲没有关系，以屏幕为主 */ position: fixed; top: 0.

2021-11-05 16:33:31 1148

原创浮动（float）和绝对定位（absolute）

1、一个元素浮动或者绝对定位后，都会自动转换为块级元素，无论该元素本身是什么类型。2、浮动只脱离文档流，绝对定位既脱离文档流，又脱离文本流。

2021-11-04 13:40:43 499

原创 CSS3 3D转换之3D旋转 rotate

一、沿着X轴旋转 rotateX立体感不够，可以加一个透视perspective，注意要加在观察元素的父盒子上面就可以变成这个样子二、沿着Y轴旋转 rotateY transform: rotateY(360deg);三、沿着Z轴旋转rotateZ transform: rotateZ(360deg);和2D旋转差不多四、还可以自定义旋转轴 ...

2021-10-31 13:57:37 2145

原创解决Emmet语法行内标签代码不换行问题

编辑器：VScode当我们用emmet语法连续输入5个a标签时我们希望生成的代码是这个样子的：但实际上确是这个样子：解决办法：在设置中搜索Syntax Profiles，然后点击在settings.json中编辑把这段代码放进去 "emmet.syntaxProfiles": { "html": { "inline_break": 2 } }然后就可以实现效果了。...

2021-10-30 16:48:05 1150 10

原创 CSS3中过渡（transition）和动画（animation）的区别

过渡和动画都可以实现元素属性随时间的变化而变化，但是两者区别主要有以下两点：1、transition过渡需要配合伪类来使用，需要触发，但是动画（animation）在页面加载后就可以实现2、过渡只有开始和结束两种状态，而动画可以设置中间状态，通过百分比来划分帧，实现复杂的动画。...

2021-10-30 16:32:11 726

原创理解CSS3 动画里面的步长steps

步长 steps，简要来说就是分几步完成动画，是animation属性里面的animation-delay属性中的一种比如我想让一个盒子宽度由0变成200像素5步的效果：10步的效果：代码：

2021-10-30 16:19:32 568

原创解决插入img图片底部空隙问题（原因+解决方案）

当我兴高采烈得准备了一个div盒子^^然后给它加了一个红色的边框^^然后把我心爱的倪妮放进去 ^^？？？为什么插入图片底部会有缝隙呢！！其实这是因为图片默认是和文字基线对齐（baseline）的，这里以小写字母j为例有点像小学英语本中四线三格的第三线所以图片会留有空隙那么第一个解决办法就是改变图片的对齐方式vertical-align：给图片的垂直对齐方式vertical-align属性改为底线对齐bottom即可，当然其他对齐方式也可以，只要不是...

2021-10-24 16:12:39 1046 1

qq_43394976的博客