huiyii - 博客园

2023年7月5日

摘要： Node环境安装nvm、npm、nrm nvm：管理多个版本的node环境，使用nvm安装nodejs npm：npm是node的包管理工具，使用nvm安装node后，就可以使用npm命令 nrm：管理npm的镜像源，使用npm命令安装 Babel转码器可以将es6代码转成es5代码。从而可以在阅读全文

posted @ 2023-07-05 19:37 huiyii 阅读(20) 评论(0) 推荐(0) 编辑

JavaScript（六）事件处理

摘要：常见的 HTML 事件常见HTML事件事件描述 onchange HTML 元素已被改变 onclick 用户点击了 HTML 元素 onmouseover 用户把鼠标移动到 HTML 元素上 onmouseout 用户把鼠标移开 HTML 元素 onkeydown 用户按下键盘按键 onloa 阅读全文

posted @ 2023-07-05 19:27 huiyii 阅读(7) 评论(0) 推荐(0) 编辑

JavaScript（五）浏览器操作

摘要：浏览器对象 window window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。 navigator：navig 阅读全文

posted @ 2023-07-05 19:17 huiyii 阅读(38) 评论(0) 推荐(0) 编辑

2023年7月3日

JavaScript（四）面向对象

摘要：创建对象 prototype对象 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象阅读全文

posted @ 2023-07-03 20:25 huiyii 阅读(6) 评论(0) 推荐(0) 编辑

JavaScript（三）Array的高阶函数

摘要： map、reduce map：map()方法定义在JavaScript的Array中，接收一个函数对象作为参数，函数定义运算规则，对array中的每个元素进行运算，结果是一个新的array。 function pow(x) { return x * x; } var arr = [1, 2, 3, 阅读全文

posted @ 2023-07-03 20:21 huiyii 阅读(15) 评论(0) 推荐(0) 编辑

JavaScript（二）函数

摘要：函数定义函数也存在提升，与变量提升相同函数声明 function func_name(param1,param2){ ...; return {};} 声明不定长参数，使用... function foo(a, b, ...args) { console.log('a = ' + a); con 阅读全文

posted @ 2023-07-03 20:10 huiyii 阅读(3) 评论(0) 推荐(0) 编辑

JavaScript（一）基础

摘要： JS引入到文件嵌入到html文件中，在<header> 或 <body> 中使用<script> <script> var i = 10; console.log(i);</script> 引入JS文件，在<header> 或 <body> 中使用<script> <script src="./i 阅读全文

posted @ 2023-07-03 19:52 huiyii 阅读(7) 评论(0) 推荐(0) 编辑

CSS（七）字体图标

摘要：经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点：轻量，加载速度快，阅读全文

posted @ 2023-07-03 19:22 huiyii 阅读(13) 评论(0) 推荐(0) 编辑

CSS（六）CSS3新特性

摘要：圆角和阴影圆角，使用 border-radius 可以给任何元素制作圆角阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c 阅读全文

posted @ 2023-07-03 19:20 huiyii 阅读(11) 评论(0) 推荐(0) 编辑

CSS（五）脱离文档流

摘要：脱离文档流标准文档流导致：高矮不齐，底边对齐空白折叠现象很多空格，都会折叠会一个空格 img标签有缝隙脱离文档流：使一个元素脱离标准文档流有三种方式：浮动绝对定位固定定位浮动增加浮动增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出阅读全文

posted @ 2023-07-03 19:17 huiyii 阅读(637) 评论(0) 推荐(0) 编辑

yjh1995

公告