自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【ES6】中var、let、const的区别

一、 块级作用域{}ES5 中作用域有:全局作用域、函数作用域。ES6 中新增了块级作用域 块级作用域由{ }包括。if语句和for语句里面的{ }也属于块级作用域 { var a = 1; console.log(a); // 1 } console.log(a); // 1通过var定义的变量可以跨块作用域访问到 (function A() { var b = 2; console.log(b); // 2

2021-04-20 19:29:39 467

原创 nrm报错 [ERR_INVALID_ARG_TYPE] 解决方法

nrm报错 [ERR_INVALID_ARG_TYPE] 解决方法查看镜像列表nrm ls报错如下:解决方案:找到上面报错第四行at Object.<anonymous> (J:\node.js\node_cache\node_modules\nrm\cli.js:17:20)根据报错这个路径,打开cli.js 把第17行修改成如下const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERP

2021-04-18 21:09:49 239

原创 函数内部的this指向以及改变函数内部this指向

函数内部的this指向以及改变函数内部this指向一、函数内部的this指向调用方式不同决定了this的指向不同<button>点击</button> <script> // 函数的不同调用方式决定了this 的指向问题不同 // 1.普通函数 this 指向window function fn() { console.log('普通函数的this ' + this);

2021-03-31 23:32:10 234

原创 JS中forEach()、some()、filter()、map()、every() 的区别

forEach()、some()、filter()、map()、every() 的区别1.forEach()作用:遍历数组,取出数组中的每一项参数:function(value,index,array){}返回值:没有返回值 var arr = [2, 4, 65, 23]; var sum = 0; arr.forEach(function(value, index, array) { console.log('每个数组元素' + value); console.lo

2021-03-30 17:30:28 1428

原创 排他操作案例-点击谁显示谁

需求:点击界面中按钮,将当前被点击的按钮的背景颜色变为gold色,其他的按钮恢复默认。2、当点击按钮的时候,需要将这个按钮对应位置的div显示出来提示:让按钮背景颜色变为gold色只需要给按钮的class增加active即可让div显示出来,只需要将div的class增加current即可// css 代码 <style> .tab_con { width: 500px; height: 350px;

2021-03-16 22:07:16 486 1

原创 移动Web开发-流式布局

一、移动基础1.移动基础(1)浏览器现状国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。(2)手机屏幕现状移动端设备屏幕尺寸非常多,碎片化严重。Android设备有多种分辨率:480x800, 480x854, 540x960, 720x1280,1080x1920等,还有传说中的2K,4k屏。近年来iPhone的

2021-02-26 20:29:29 199

原创 H5C3—3D转换

一、3D转换(变换)1.3d转换是改变标签在3坐标系上的位置和形状的一种技术3D特点:近大远小。物体后面遮挡不可见1.1.3维坐标系3维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的x轴 水平向右 注意: x 右边是正值,左边是负值y轴 垂直向下 注意: y 下面是正值,上面是负值z轴 垂直屏幕 由屏幕里面指向屏幕的外面 注意: 往外面是正值,往里面是负值2.3d移动translate3d3d移动在2d移动的基础上多加了一个可以移动的方向,就是z轴方向语

2021-02-24 17:24:31 257

原创 H5C3—2D转换

H5C3—2D转换一、2D转换(变换)transform1.2D转换(变换)transform转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、变形、缩放。缩放:scale移动:translate旋转:rotate倾斜:skew (不介绍,感兴趣自己看:https://blog.csdn.net/alwayssmlilewpc/article/details/79890004)2D转换是改变标签在2维平面上的位置和形状的一种技术。2.2维坐标系2

2021-02-22 21:35:27 258

原创 前端基础HTML5&CSS3提高

HTML5&CSS3提高目标能够说出 3~5 个 HTML5 新增布局和表单标签能够说出 CSS3 的新增特性有哪些一、HTML5新特性概述:HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。1.语义化标签(★★)以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的 <div class=“head

2021-01-27 19:39:05 303

原创 前端基础CSS第七天

CSS第七天一、精灵图(重点)一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。1.为什么需要精灵图(目的)为了有效地减少服务器接收和发送请求的次数**,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)2.核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了3.精灵图(sprites)的使用使用精灵图核心:(1

2021-01-24 14:52:14 155

原创 前端基础CSS第六天

CSS第六天一、定位介绍1.为什么使用定位(1)某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。(2)当我们滚动窗口的时候,盒子是固定屏幕某个位置的。2.定位与浮动(1)浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子(2)定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。3.定位组成定位:将盒子定在某一位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位也是用来布局的,它由两部分组成:定位=定位模式+边偏移定位

2021-01-23 13:06:56 136

原创 前端基础CSS第五天

CSS第五天一、PS切图1.图层切图最简单的切图方式:右击图层 → 导出 → 切片。2.切片切图2.1、利用切片选中图片利用切片工具手动划出2.2、导出选中的图片文件菜单 → 存储为 web 设备所用格式 → 选择我们要的图片格式 → 存储3.PS插件切图3.1、Cutterman 是一款运行在 Photoshop 中的插件,能够自动将你需要的图层进行输出,以替代传统的手工 “导出 web 所用格式” 以及使用切片工具进行挨个切图的繁琐流程。3.2、官网:http://www.cutt

2021-01-22 08:57:56 70

原创 前端基础CSS第四天

CSS第四天一、其他样式1.圆角边框border-radius 属性用于设置元素的外边框圆角border-radius:length; # radius:半径参数值可以为数值或百分比的形式如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角分开写:border-top-left-radius、border-top-right-radius、border-bottom-right

2021-01-21 21:08:25 109

原创 前端基础CSS第三天

CSS第三天一、css三大特性1.层叠性(1)相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠) 另一个冲突的样式(2)层叠性主要解决样式冲突的问题(3)层叠性原则: 样式冲突,就近原则;样式不冲突,不会层叠(4)CSS层叠性口诀:长江后浪推前浪,前浪死在沙滩上2.继承性(1)CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号(2)子元素可以继承父元素的样式:( text-,font-,line-这些属性开头的可以继承,以及color属性)(3)继承性口诀:龙生龙,凤

2021-01-17 20:33:33 157

原创 前端基础CSS第二天

CSS第二天一、emmet语法1.简介:Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法2.快速生成HTML结构语法(1)生成标签 直接输入标签名按tab键即可 比如 div 然后tab 键, 就可以生成 < div>< /div>(2)如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div(3)如果有父子级关系的标签,可以用 > 比如

2021-01-15 17:56:36 141

原创 前端基础CSS第一天

CSS第一天一、CSS简介1.CSS是层叠样式表 ( Cascading Style Sheets ) 的简称或者CSS样式表或级联样式表层叠:覆盖user agent stylesheets 用户代理样式表,浏览器给标签添加的默认样式 每一个标签都有默认样式2.CSS也是一种标记语言。3.CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式,让页面布局更简单4.CSS 最大价值: 由 HTML 专注去做结

2021-01-14 17:52:07 310

原创 注册页面案例-世纪佳缘

青春不常在,抓紧谈恋爱<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册页面</title> <style> h4 {

2021-01-12 19:30:05 737 1

原创 前端基础HTML第二天

HTML第二天一、表格1.表格主要用于显示、展示数据。2.表格不是用来布局页面的,而是用来展示数据的3.表格的具体用法: <table> <tr> <td>单元格内的文字</td> ... </tr> ... <table>4.table 定义表格的标签tr 定义表格中的行(table row)td 定义表格中的单元格(table date)5.表头单元格(1)表头单元格标签 (tabl

2021-01-12 19:23:04 101

原创 前端基础HTML第一天

HTML第一天网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。3.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。4.网页常以.htm或者.html后缀结尾文件,俗称HTML文件。5.HTML:超文本标记语言,不是一种编程语言,而是一种标记语言,标记语言是一套标记标签6.常用的浏览器:IE、火狐、谷歌、苹果(Safari)、欧朋(Opera)浏览器内

2021-01-11 19:05:12 154

原创 利用js书写正三角形

` 打印正三角形 `![结果](https://img-blog.csdnimg.cn/20200808160212987.png)欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下

2020-08-08 16:18:41 2894 2

空空如也

空空如也

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

TA关注的人

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