- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 koa 框架
nodejs框架介绍Express 框架koa 框架,完全支持es6egg.js 框架阿里开源的hapi 沃尔玛开源nestjs 框架, 完全支持ts(一) koa服务器之hello world 初始化package.json 新建目录koademo并用vscode打开 ,执行 npm init -y 创建一个简单的koa应用(he...
2022-01-07 15:28:45 493
原创 Nodejs 基础(模块系统、npm)
(一) 安装nodejs 下载一个nodejs安装包 下载完双击安装, 然后一路next即可 打开cmd或者powershell, 输入 node -v, 出现版本号就表示成功 (二) 用nodejs运行js文件编写一个demo.js文件, 随便输出点信息, 然后在vscode控制台, 输入node demo试试, 要注意文件路径是否正确(三) nodejs读写文件// 读文件, 新建demo.txt文件, 内容随意var fs = require('f.
2022-01-07 15:17:46 362
原创 正则表达式
(一)创建正则表达式对象什么是正则表达式字面量方式 new 关键字 正则参数<script> // 1. 字面量创建正则表达式 // /web/,匹配的字符串只要含有web就能匹配上 var reg = /web/; var str1 = 'asdfasdfasdwebasdfsdf'; var str2 = 'asdfasdfasdfasdfasdf'; // 匹配的方法是test console.log(reg.test(str1)); //
2022-01-07 15:11:54 549
原创 Bom 和 Ajax
(一) window对象JavaScript运行在浏览器, 而window对象是浏览器提供的一个对象, 所以也可以称为宿主对象。window包含Dom和Bom和其它的一些全局对象和方法, EcmaScript则是运行在浏览器上, window为EcmaScript提供了全局作用域.(1) 浏览器缓存问题1: 浏览器本地缓存有哪些问题2: cookie、sessionStorage、localStorage有什么区别相同点:cookie,sessionStorage,loca...
2022-01-07 15:09:07 170
原创 js内置函数(string函数,Math函数)
(一) 构造函数和创建对象两种函数 创建对象的两种方式1.两种函数普通函数: 用来实现某个功能 构造函数: 用来创建对象<script> // 实现两个数相加的功能 function add(a,b){ var sum = a+b; return sum; } // 用来创建猫对象的一个函数 function Cat(name,age) { this.name = name; this.age = age; }...
2022-01-07 14:51:16 615
原创 函数和作用域
(一)函数的声明函数的调用函数就是封装(打包)多行函数, 元素函数就是运行函数封装的多行代码函数声明和调用 对象中的函数(方法), alert 就是 window 对象的一个方法 函数和变量声明提前 函数表达式(1)函数的声明和调用声明函数 fuction xxx() {} 调用函数 xxx(), 函数被调用的时候, 函数体(函数内部的代码)才会运行 js代码的运行分两步: 先解析代码 运行代码 函数和变量的声明会提前 函数是"一等公民", 程序运行的时候, 不管函数定
2022-01-07 14:38:26 100
原创 流程控制语句
前言调试代码,找出代码中的问题经常使用 debugger 来打断点, 而要能在准确位置打上断点, 就必须熟悉程序的执行流程 流程控制语句有三种: 顺序结构, 分支结构和循环结构(一) 顺序结构(默认)程序默认从上到下一句一句代码执行, 这就是顺序结构 若是某一行代码出现了错误, 则后面的代码无法执行<script> console.log(1); console.log(2); console.log(3); debugger; con
2022-01-07 14:34:17 309
原创 运算符和数据类型转换
(一) if else 语句if else用来表示中文里的 如果..., 就...., 否则.....// 条件为true, 执行if后面的括号代码, 否则执行 else 后面括号代码if(条件) { // todo}else{ // todo}// 多重判断if(){} else if() {} else {}具体例子<script> var a = 100; var b = 20; debugger; if (a &g
2022-01-07 14:15:36 228
原创 js变量数据类型
(一) 变量变量用于存储编程所使用的数据和方法。声明一般变量关键字:var, let, const。其中let和const是es6的语法。声明其他特殊变量关键字:function,class,import (先了解)等01 声明变量变量用于存储数据,因此可以把变量实际上就是一个容器存储在变量中的数据,叫做变量的值<!DOCTYPE html><html lang="en"><head> <meta charset="UT
2022-01-06 20:38:31 209
原创 JavaScript 相关概念
(一) JavaScript介绍JavaScript是一门弱类型的编程语言。简称js。由美国网景公司发布。微软发布的类似JavaScript的语言叫JScript。前端的编程语言只有JavaScript,后端的编程语言有java, php, c++, c, c#, go, python等。如果说html是一个网页的骨架, 那么css就是对网页的装饰, 使网页更漂亮, 而js则是用来给网页添加动作和行为的。(二) JavaScript运行环境JavaScript的运行环境有两种:浏览器
2022-01-06 20:31:58 382
原创 viewport设置(PC端不需要特别设置viewport)
PC端和移动端的区别几年前 PC端页面布局 PC端布局的传统解决方案是基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 移动端页面布局 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持 现在pc和移动端都可以使用flex布局, 特殊情况下才需要使用传统布局(2) PC端样式内容宽度p...
2022-01-06 20:27:52 1216
原创 代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)
代码设置(移动端设置 viewport、给项目配置公共样式提高代码编写效率、重置样式、语义化命名、使用预处理语言less)
2022-01-06 20:23:37 277
原创 CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)
CSS进阶(弹性盒子flex、流式布局、双飞翼布局、圣杯布局、响应式布局(@media 媒体查询)、过渡、动画、2D变换、盒子阴影、(块级格式化上下文)KFC盒子)
2022-01-06 20:18:59 240
原创 CSS基础样式(外边距塌陷问题,文本溢出问题(单行文本、多行文本))
Css版本CSS1: 1996年12月17日成为W3C推荐标准,该版本中提供了有关文字、颜色、位置和文本属性等基本信息。 CSS2: 1998年5月,样式单得到了更多的充实。 CSS3: 1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案。各浏览器厂商对CSS3的支持也在不断的完善中。(1) 盒子显示和隐藏 display block 块级标签, 可以设置宽高, 无论内容有多少, 都要占据一行 inline 行内标签, 宽高失效 Inline-block 行内
2022-01-06 20:13:33 388
原创 CSS基础
(1) 在html中使用样式内联样式 内部样式 外部样式1-2内联样式和内部样式<!DOCTYPE html><html><head> <style> <!-- 内部样式 --> p { color: green; font-size: 30px; } </style> </head><
2022-01-06 20:01:36 188
原创 html 常用标签(元素)
html 常用标签(元素)目录html 常用标签(元素)(1) 标签相关概念1. HTML版本2. HTML文件3. 标签及其语法(2) 结构标签(3) 文本标签(4) 列表(5) 链接(6) 图片(7) html转义字符(字符实体)(8) 表格(9) 表单(10) iframe 标签(1) 标签相关概念1. HTML版本html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01(
2022-01-06 19:53:02 292
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人