- 博客(19)
- 收藏
- 关注
原创 node.js基础操作
Node.js特点(记住三句话) 事件驱动 非阻塞IO模型(异步) 轻量和高效 2.导入与导出ode.js中模块的分类: 核心模块(已经封装好的内置模块); 自己定义的模块; 第三方的模块(npm下载下来的); require require 函数用来在一个模块中引入另外一个模块。传入一个模块名,返回一个模块导出对象。用法: let cc = require("模块名") ,其中模块名可以用绝对路径也可以用...
2022-03-16 14:47:27
310
原创 JavaScript:ES6--ES11(3)
async 和 awaitasync 和 await 两种语法结合可以让异步代码像同步代码一样async 函数 async 函数的返回值为 promise 对象, promise 对象的结果由 async 函数执行的返回值决定 //async 函数asyncfunctionfn() {// 1. 返回一个字符串return'尚硅谷';// 返回的结果不是一个 Promise 类型的对象, 返回的结果就是成功 Promise 对象return;// 2. 抛出错...
2022-03-14 10:22:25
1249
原创 Javascript:ES6-ES11(2)
迭代器一种接口,为各种不同的数据结构提供统一的访问机制,任何数据结构只要部署 inerator 接口,就可以完成遍历操作。工作原理a)创建一个指针对象,指向当前数据结构的起始位置。b)第一次调用对象的 next 方法,指针自动指向数据结构的第一个成员。c)接下来不断调用 next 方法,指针一直往后移动,直到指向最后一个成员。d)每调用 next 方法返回一个包含 value和done 属性的对象。声明一个数组const xiyou = [‘唐僧’,‘孙悟空’,‘猪八戒’,‘沙僧’];使用
2022-03-13 20:01:33
623
原创 Javascript:ES6-ES11(1)
let声明变量leta; letb,c,d; lete=100; letf=521,g='iloveyou',h=[];let 声明变量 可一个,多个,赋初值特点 变量不能重复声明 letstar='罗志祥'; //let star = '小猪'; 块儿级作用域 全局,函数,eval 其他作用域 ifelsewhilefor//循环,判断语句后的花括号内有效...
2022-03-12 08:42:01
149
原创 移动端适配
视口(viewport) - 视口就是屏幕中用来显示网页的区域 - 可以通过查看视口的大小,来观察CSS像素和物理像素的比值 - 默认情况下: 视口宽度 1920px(CSS像素) 1920px(物理像素) - 此时,css像素和物理像素的比是 1:1 放大两倍的情况: 视口宽度 960p...
2022-03-11 09:12:10
163
原创 SCSS基本操作
相关介绍一、CSS预处理器出现的原因 无法嵌套书写导致代码繁重、冗杂、逻辑混乱。 没有变量和样式复用机制,属性值只能以字面量的形式重复输出。 # 总结:代码复用性低;不易于维护# 注:现在,现在的CSS是可以定义变量的!!!:root{ --red: #f3e1e1;}二、出名的CSS预处理器介绍1. SCSS/SASSSASS (.scss)。于2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目.
2022-03-10 08:40:03
2241
原创 Javascript高级操作
数据类型的分类和判断 基本(值)类型 Number ----- 任意数值 -------- typeof String ----- 任意字符串 ------ typeof Boolean ---- true/false ----- typeof undefined --- undefined ----- typeof/=== null -------- null ---------- === 对象(引用)类型
2022-03-09 08:46:25
142
原创 JavaScript:BOM与DOM
BOMWindow代表的是整个浏览器的窗口,同时window也是网页中的全局对象Navigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器Location代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面History代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录Screen代表用户的屏幕的信息,通过该对象可以获取到用户的显示器的相关的信息Navigator判断浏览器var ua = navigator.userA
2022-03-08 09:08:34
68
原创 JavaScript基础操作
数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中String Number Boolean Null Undefined属于基本数据类型 而Object属于引用数据类型 String字符串 在JS中字符串需要使用引号引起来 使用双引号或单引号都可以,但是不要混着用 引号不能嵌套,双引号不能放双引号,单引号不能
2022-03-08 08:57:41
337
原创 CSS3动画,变形及背景
动画animation-name: 要对当前元素生效的关键帧的名字animation-name: test;animation-duration: 动画的执行时间animation-duration: 4s;animation-delay:动画的延时animation-delay: 2s;nimation-iteration-count 动画执行的次数 可选值: 次数 infinite 无限执行 animation-iteration-count: 1;anima
2022-03-07 08:39:39
607
原创 CSS3定位与字体
1.定位定位是一种更加高级的布局手段 通过定位可以将元素摆放到页面 - 使用position属性来设置定位可选值: static 默认值,元素是静止的没有开启定位 relative 开启元素的相对定位 absolute 开启元素的绝对定位 fixed 开启元素的固定定位 sticky 开启元素的粘滞定位 通过定位可以将元素摆放到页面的任意位置 1.1 相对定位当元素的position属性值设置为relative时则开启了元素的相对定位 相对定位的特点: 1.元素开启
2022-03-07 08:38:40
208
原创 CSS3盒子模型
1.文档流最底下的一层称为文档流,文档流是网页的基础,我们所创建的元素默认都是在文档流中进行排列 对于我们来元素主要有两个状态 在文档流中 不在文档流中(脱离文档流)1.1 元素在文档流中的特点块元素 块元素会在页面中独占一行(自上向下垂直排列) 默认宽度是父元素的全部(会把父元素撑满) 默认高度是被内容撑开(子元素) <div class="box1">我是div1</div><div class="box2">我是div2</div
2022-03-07 08:37:49
54
原创 CSS3选择器
0.常用选择器0.1 元素选择器元素选择器 作用:根据标签名来选中指定的元素 语法:标签名{} 例子:p{} h1{} div{}p{ color: red;}h1{ color: green;}0.2 id选择器作用:根据元素的id属性值选中一个元素 语法:#id属性值{} 例子:#box{} #red{}#red{ color: red; }0.3 类选择器类选择器 作用:根据元素的
2022-03-07 08:36:52
89
原创 HTML5基础
1.标签1.1meta标签meta主要用于设置网页中的一些元数据,元数据不是给用户看 charset 指定网页的字符集 name 指定的数据的名称 content 指定的数据的内容keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>description 用于指定网站的描述
2022-03-07 08:33:57
276
原创 色彩块
色彩块<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } </style...
2020-05-07 12:23:20
253
原创 实现添加歌曲并播放功能
实现添加歌曲并播放功能*{ margin: 0px; padding: 0px; } #songTextInput{ margin: 20px; } #addButton{ margin-left: 10px; } #list{ margin: 20px; padding: 20px; } #alis...
2020-05-06 19:57:06
585
原创 人员信息增删
人员信息增删效果//CSS*{ margin: 0px; padding: 0px; } /* 添加列表样式 */ #formDiv { width: 100%; height: 60px; border-bottom: #D3D3D3 solid; border-width: 3px; padding: 10px...
2020-05-06 19:48:41
220
1
原创 如何使用grid布局编写一个计算器
如何使用grid布局编写一个计算器话不多说 看效果下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';
2020-05-06 19:38:17
743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人