自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 js——数据类型

一、数据类型简介不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定;JavaScript 拥有动态类型,同时也意味着相同的变量可用作不同的类型;JS 把数据类型分为两类:简单数据类型 (Number,String,Boolean,Undefined,Null)复杂数据类型 (object)

2022-04-12 13:44:03 833

原创 每日算法——两数之和

给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。...

2022-04-11 21:12:02 125

原创 javascript——变量

一、变量概述变量就相当于一个放东西的盒子,是存放数据的容器;通过变量名获取数据。本质:变量是程序在内存中申请的一块用来存放数据的空间。二、变量的使用两个步骤:1、声明变量,用关键词var声明变量;2、给变量赋值。var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。可以把两行代码转换成一行,变量初始化:<script> var age = 18;..

2022-04-11 19:50:00 467

原创 初识JavaScript

一、Js简介1.1 js是什么?js是一种运行在客户端的脚本语言 (Script 就是脚本的意思),l现在也可以基于 Node.js 技术进行服务器端编程;l脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行;1.2 作用让网页动起来。1.3浏览器执行js浏览器分成两部分:渲染引擎和 JS 引擎。渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blinkJS 引擎:也称为 JS 解释器。 用来读取网页中的Jav

2022-04-11 19:14:52 78

原创 CSS——响应式网页(Bootstrap)

一套代码可以兼容不同的屏幕设备。响应式网页就是在大屏里看是一种布局,在小一点的屏幕看又是另一种布局,在更小的屏幕看又换了一种布局。如图所示:一、媒体查询作用:根据条件的不同,设置不同的css样式。1、写法1min-width(从小到大),max-width(从大到小)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h

2022-04-11 11:03:36 7060

原创 CSS——vw和vh

vw和vh都是单位,是相对单位,相对于视口的尺寸进行计算,vw:viewport width ,viewport height1vw = 1/100视口宽度;1vh = 1/100视口高度。只需要改单位,不用加入flexible.js就可以实现移动适配。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U.

2022-04-10 16:10:07 1108

原创 CSS——less

1、less简述less就是简便书写css的工具,还是像写css那样写,只是有些比较简洁,可以写除法、选择器套选择器等等。保存.less文件,就会在同级别下自动生成.css文件。在px单位转换到rem单位过程中,哪项工作是最麻烦的?答:除法运算。CSS不支持计算写法。解决方案:可以通过Less实现。Less是一个CSS预处理器, Less文件后缀是.less;扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力;注意:浏览器不识别Less代码,目前阶段,网页要引入对应的CS

2022-04-09 19:07:41 8669

原创 CSS——rem

一、移动适配1、什么是移动适配?答:就是当设备宽度不同的时候,网页元素的宽度和高度都要适配。2、移动适配的两个解决方案。rem:目前多数企业在用的解决方案;vw / vh:未来的解决方案。两种都必须掌握!!!二、remrem是移动适配的解决方案之一;rem就是一个单位;回想之前学的单位,px不可以自动适配;百分比只能让宽自动适配,高还是要设置固定的值。1、rem单位是相对单位;rem单位是相对于HTML标签的字号计算结果;1rem = 1HTML字号大小。

2022-04-09 16:17:23 20087

原创 CSS——文本溢出部分显示成省略号

<!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>Do.

2022-04-09 14:45:53 2658

原创 CSS——flex(学习笔记)(有关于移动web的内容)

一、移动端特点PC端网页和移动端网页的有什么不同?答:PC屏幕大,网页固定版心(水平居中的);手机屏幕小, 网页宽度多数为100%。如何在电脑里面边写代码边调试移动端网页效果?答:谷歌模拟器。淘宝、京东的网址电脑打开和手机打开不一样。在电脑里面边写代码边调试移动端网页效果:在网页中右键,点击检查。点击下图红色圈起来的图标;然后要刷新,一定要刷新,就可以看到移动端的效果了。移动设备分辨率的特点:写代码参考逻辑分辨率;视口:但是,默认...

2022-04-08 10:56:23 108

原创 CSS——空间转换 和 动画

一、空间转换空间:x、y、z三个坐标轴,z轴和用户的视线在一条直线上,z轴的正轴指向用户自己;空间转换也叫3D转换;(不是网页开发重点、因为目前设计师追求简洁风,空间转换用得少)属性:transform1、空间位移:transform: translate3d(x, y, z);transform: translateX(值);transform: translateY(值);transform: translateZ(值);取值(正负均可):像素单位数值;百分比。只

2022-04-07 11:53:03 580

原创 CSS——字体图标、平面转换、缩放

一、字体图标字体图标主要用于网页中通用、常用的一些小图标;精灵图的缺点:1、图片文件大; 2、图片放大和缩小会有失真的问题; 3、一旦图片制作完成想要更换非常复杂。字体图标iconfont,展示的是图标,但是本质是字体;字体就可以调整字体大小(不失真),改变文字。字体图标优点:1、一个字体图标比一系列的图片小,一旦字体加载的了,图标马上就会渲染出来,减少了服务器请求。2、灵活:可改颜色、大小。3、兼容性:几乎支持所有的浏览器。但是,字体图标不能...

2022-04-05 20:56:28 1225

原创 CSS——项目样式补充(学习笔记)

一、CSS样式补充1.1 精灵图1、什么是精灵图项目中将多张小图片,合并成一张大图片,这张大图片称之为精灵图。2、优点:减少服务器发送次数,减轻服务器的压力,提高页面加载速度。举例子:需要在网页中展示8张小图片;• 8张小图片分别发送 → 发送8次• 合成一张精灵图发送 → 发送1次3、使用步骤首先,创建一个盒子;再,通过PxCook量取小图片大小,将小图片的宽高设置给盒子;然后,将精灵图设置为盒子的背景图片;最后,通过PxCook测量小图片左上角坐标

2022-04-05 11:05:39 467

原创 CSS——定位+装饰(学习笔记)

一、定位1.1页面常见布局方式1、标准流块级元素独占一行——>垂直布局;行内元素/行内块元素一行显示多个——>水平布局;2、浮动可以让原本垂直布局的块级元素变成水平布局;3、定位可以让元素自由地摆在网页的任意位置;一般用于盒子之间的层叠情况;搭建一个网页需要用到哪些布局方式?答:用到了3种布局方式。分别是标准流、浮动和定位。1.2定位的常见应用场景1、可以解决盒子与盒子之间的层叠问题定位之后的元素层级最高,可以层叠在其他盒子上面;比如下图中

2022-04-02 19:30:56 511

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除