自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Michelledai1104的博客

每天学习一点前端小知识

  • 博客(25)
  • 收藏
  • 关注

转载 JavaScript

JavaScript## 定义 轻量级的脚本语言 ---- 不具备开发操作系统的能力,用俩飙血控制其他大型应用程序的脚本。 嵌入式语言----适合嵌入更大行的应用程序环境 Object对象1.概述 JavaScript原生提供Object对象,JavaScript的其他对象都继承自Object对象,即那些对象都是Object的实例。 Object对象原生方法分成两类,Object本身的方法 和 Object的实例方法 凡是定义在Objec.pro

2022-03-15 16:30:21 130

原创 基本的Linux命令学习

基本的Linux命令学习cd 改变目录;cd…回退到上一个目录,直接cd进入默认目录;pwd 显示当前所在的目录路径;ls 列出当前目录中的所有文件夹;touch 新建一个文件 (touch index.js 就会在当前目录下新建一个index.js文件);rm 删除一个文件;mkdir 新建一个文件夹;rm -r 删除一个文件夹;mv 移动文件(mv index.js src demo 其中index.js 是要移动的文件,demo是目标文件夹,两个文件必须在同一目录下才可);res

2021-10-26 21:19:34 119

原创 JS实现类似于百度搜索引擎功能(jspon跨域)

首先测试百度接口 <!-- 测试百度接口 --> <!-- <script src="https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=34305,34099,33970,34273,34278,34004,34281,34107,34111,26350,22159&wd=爱奇艺&req=2&

2021-08-27 15:57:14 1082 1

原创 简易计算器(html + css + js)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>..

2021-08-24 10:21:59 212

原创 this指向

概念this 是一个关键字是一个使用在作用域内的关键字要么全局使用,this 就是 window要么使用在函数内,this 表示的是该函数的 context(执行上下文)函数内的 this (私人)概念: 函数内的 this, 和 函数如何定义没有关系, 和 函数在哪定义没有关系=> 只看函数是如何被调用的(箭头函数除外)几种调用方式, 决定不同的 this 指向普通调用=> 函数名()=> 该函数内的 this 指向 window对象调用=> 对

2021-08-23 20:47:49 80

原创 正则表达式 RegExp

正则正则表达式,又名 “规则表达式”JS 中的数据类型, 是一个复杂数据类型由我们自己来书写 “规则”,专门用来检测 字符串 是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式” 去检测字符串是不是合格var reg = /\d+/var str1 = '123'var str2 = 'abc'console.log(reg.test(str1)) // trueconsole.log(reg.test(str2)

2021-08-23 10:48:02 173

原创 Express框架之中间件

1.1、中间件1.1.1、中间件理解Express框架中一个非常重要的概念——中间件。在Express框架中,允许通过中间件的使用来调用各种第三方类库,这让我们的开发工作变得更为方便,也使得我们可以开发出各种更为强大的应用程序。一个中间件是一个用于处理客户端请求的函数。一个HTTP服务器中可能会使用到各种中间件。当接收到一个客户端请求时,首先将该请求提交给第一个中间件函数,每一个中间件函数内部封装一个next回调函数,在一个中间件函数内部可以判断是否调用next回...

2021-08-22 19:43:37 422

原创 函数变量使用规则——访问规则和赋值规则

函数的变量使用规则函数有了作用域以后,变量就有了使用范围,也就有了使用规则变量使用规则分为两种,访问规则 和 赋值规则访问规则当我想获取一个变量的值的时候,我们管这个行为叫做 访问获取变量的规则:首先,在自己的作用域内部查找,如果有,就直接拿来使用如果没有,就去上一级作用域查找,如果有,就拿来使用如果没有,就继续去上一级作用域查找,依次类推如果一直到全局作用域都没有这个变量,那么就会直接报错(该变量 is not defined)var num = 100functi

2021-08-22 19:33:24 529

原创 函数作用域

函数作用域什么是作用域,就是一个变量可以生效的范围变量不是在所有地方都可以使用的,而这个变量的使用范围就是作用域全局作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候,浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在,直到页面关闭就销毁了// 下面两个变量都是存在在全局作用域下面的,都是可以在任意地方使用的var num = 100var num2 = 200局部作用域局部作用域就是在全局作用域下

2021-08-22 19:27:20 93

原创 函数的预解析

函数的预解析预解析 其实就是聊聊 js 代码的编译和执行js 是一个解释型语言,就是在代码执行之前,先对代码进行通读和解释,然后在执行代码也就是说,我们的 js 代码在运行的时候,会经历两个环节 解释代码 和 执行代码解释代码因为是在所有代码执行之前进行解释,所以叫做 预解析(预解释)需要解释的内容有两个声明式函数在内存中先声明有一个变量名是函数名,并且这个名字代表的内容是一个函数var 关键字在内存中先声明有一个变量名看下面一段代码fn()console.

2021-08-22 19:23:38 302

原创 Express中app.all()和app.use()的区别

//all路径匹配是精确匹配,只能和参数1中的路径一致才进行匹配app.all('/api', (req, res) => { res.send(`Api接口文档---` + req.method)})// 模糊匹配,参数1的意思,请求pathname以/api开头的则匹配成功// use正是因为这样的特性,所以可以用来拦截请求(中间件)app.use('/api', (req, res) => { res.send(`Api接口文档---` + req.method)}.

2021-08-22 19:08:45 1720

原创 web服务器学习小结

2.1、介绍Web服务器一般指的是网站服务器,是指驻留因特网上某一台或N台计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,目前最主流的三个Web服务器是Apache、 Nginx 、IIS、Tomcat。请求:请求行、请求头、请求体响应:响应行、响应头、响应体2.2、服务器相关概念ip地址或域名ip地址:IP地址就是互联网上每台计算机的唯一地址,因此IP地址具有唯一性。在开发期间,自己的电脑既是一台服务器,也是一个客户端,可以在本机浏览器中输入127.0.0

2021-08-21 22:12:17 838

原创 正则表达式

? * + \w \d \s [] {} () ? 匹配前面的子表达式零次或一次,或指明一个非贪婪限定符。要匹配 ? 字符,请使用 \?。 * 匹配前面的子表达式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。 + 匹配前面的子表达式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等价于 {1,}。 \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_]...

2021-08-21 22:10:59 88

原创 http web服务

const http = require('http');const url = require('url');const fs = require('fs');const path = require('path');const cryyto = require('crypto');//定义静态网站根目录 / publicconst webRoot = path.resolve('./public');http.createServer((req,res) => { l

2021-08-21 22:09:39 101

原创 Node Js中post数据获取

//引入http模块const http = require('http');//获取url地址中的参数const url = require('url');//把query字符串转换为对象const querystring = require('querystring');//创建web实例http.createServer((req,res) => { // 接受post数据 if(req.mothod === 'POST'){ //数据容器 .

2021-08-18 23:40:44 618 1

原创 NodeJs中get数据获取

//引入http模块const http = require('http');//获取URL地址中的参数const url = require('url');//创建web实例http.createServer((req,res) => { // ?r=/home home页面 // let{pathname,query} = url.parse(req.url,true); let{pathname,query:{r = '/web'}} = url.parse(r

2021-08-18 21:25:28 438 1

原创 web服务器

1.1、介绍Web服务器一般指的是网站服务器,是指驻留因特网上某一台或N台计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,目前最主流的三个Web服务器是Apache、 Nginx 、IIS、Tomcat。请求:请求行、请求头、请求体响应:响应行、响应头、响应体1.2、服务器相关概念ip地址或域名ip地址IP地址就是互联网上每台计算机的唯一地址,因此IP地址具有唯一性。在开发期间,自己的电脑既是一台服务器,也是一个客户端,可以在本机浏览器中输入127.0.0.1进行访问。

2021-08-17 20:06:14 291 1

原创 nodejs:fs (内置模块)读取和写入文件

文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结目标能够实现文件读写操作提示:以下是本篇文章正文内容,下面案例可供参考一、常用内置模块1.1、fs文件读取对于文件和目录操作,nodejs中有一个原则: 错误优先引入内置模块,fs,path,os代码如下(示例):const fs = require('fs')const path = require('path')const os =...

2021-08-17 19:47:26 3733 1

原创 JavaScript入门基础语法

JavaScript基础语法HTML :标记语言JavaScript :编程语言序言JavaScript发展历史(JS)1. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> E

2021-08-16 08:51:34 205

原创 关于前端JS的字符串操作方法

ES5/String什么是严格模式?我们都知道 js 是一个相对不是很严谨的语言而且开发的时候,一些代码也不是很严格要求而严格模式就是对开发的时候写的一些内容做了要求开启严格模式想开启严格模式,直接在代码最开始的位置写上字符串 use strict<script> 'use strtic' // 下面代码书写就要按照严格模式来书写</script>严格模式的规则声明变量必须有 var 关键字'use strtic'var num = 1

2021-08-16 08:29:09 162

原创 jQuery超详细

jQueryjQuery 是一个前端库,也是一个方法库,里面封装着一些列的方法供我们使用我们常用的一些方法它里面都有,我们可以直接拿来使用就行了jQuery 之所以好用,很多人愿意使用,是因为他的几个优点太强大了优质的选择器和筛选器好用的隐式迭代强大的链式编程因为这些东西的出现,很多时候我们要做的事情被 “一行代码解决”接下来我们就来认识一下 jQueryjQuery 的使用jQuery官网官网是全英文的也没啥可看的,不过没事的时候可以看看了解一下jQuery

2021-08-15 10:44:52 140

原创 前端 gulp笔记

GULPgulp 是一个项目开发的 自动化打包构建工具基于 node 环境来运行的什么是自动化打包工具比如我们在开发的过程中,会写到 js 文件,css 文件,等等我们的项目如果想上线,那么一定要体积小一点,文件大小越小越好而我们在写 js 文件的时候,会有很多 换行/空格 之类的东西这些 换行/空格 都是占文件体积的一部分那么我们在上线之前就要吧这些 换行/空格 尽可能的删除掉我们又不能一个文件一个文件的去删除就要用到一个自动化工具来帮助我们把这些多余的东西干掉这个

2021-08-14 19:31:43 170

原创 前端的函数参数和回调函数(加些小案例)

一、参数1.1 形参和实参如果实参数量小于形参数量 那么最后没有赋值形参则是undefined如果形参属性小于实参数量,那么多出来的实参无法从形参上获取function fn1(a,b,c){ console.log(a,b,c); } fn1(1,2,3);结果:1 2 3function fn1(a,b,c){ if(c===undefined){

2021-08-03 14:11:44 1048

原创 前端数组方法及重构方式(splice、slice、forEach、map、some、every、filter、reduce)

1.splice返回删除元素构成的新数组,无引用关系var arr=[1,2,3,4,5,6,7]var arr1=arr.splice(起始位置,删除的个数,添加的元素(可以多个)var arr1=arr.splice(2,2,0,-1);var arr1=arr.splice();//返回一个空数组var arr1=arr.splice(0);//把数组的所有元素都删除,放在新数组中,清空原数组var arr1=arr.splice(1);//从下标为1清除到数组的尾部var arr1=

2021-08-03 10:49:27 589 1

原创 前端、数组操作

数组什么是数组?字面理解就是 数字的组合其实不太准确,准确的来说数组是一个 数据的集合也就是我们把一些数据放在一个盒子里面,按照顺序排好[1, 2, 3, 'hello', true, false]这个东西就是一个数组,存储着一些数据的集合数据类型分类number / string / boolean / undefined / null / object / function / array / …数组也是数据类型中的一种我们简单的把所有数据类

2021-08-03 10:15:04 87 1

空空如也

空空如也

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

TA关注的人

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