node.js
关注
分享
扫一扫
文章平均质量分 56
h_jQuery
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6新特性——对象
es6原创 2022-05-25 11:38:40 · 489 阅读 · 0 评论 -
js单线程如何实现异步？
js在浏览器中执行过程同步-异步同步：会逐行执行代码，前面代码执行完毕后再执行后面的代码，因此会对后续代码造成阻塞（js的单线程跟同步差不多）。异步：调用之后先不管结果，先放入文物队列，然后再继续向下执行任务。(将任务添加到任务队列，进行等待，等执行栈清空后再执行任务队列内的任务)异步任务分为宏任务和微任务，微任务优先于宏任务主任务（执行栈）——微任务——宏任务浏览器是js的宿主环境之一，但浏览器是多线程的GUI渲染线程JS引擎线程事件触发线程定时触发器线程异步http请求线程原创 2022-04-07 22:29:44 · 592 阅读 · 0 评论 -
webpack——样式资源、html资源、图片资源、其他资源、devServer
webpack打包样式资源css-loader、style-loadernpm i css-loader style-loader -Dcss文件html,body { margin: 0; padding: 0; height: 100%; background-color: sandybrown;}#box { width: 300px; height: 300px; background-color: seashell;原创 2021-09-22 21:37:25 · 226 阅读 · 0 评论 -
webpack——五个核心概念、基本使用、打包
webpackwebpack是一种前端资源构件工具，一个静态模块打包器（module bundler）。将浏览器不能识别的语法编译成浏览器可以识别的语法在webpack看来，前端的多有资源文件（js/json/css/img/less）都会作为模块处理，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）webpack五个核心概念1.Entry 入口（Entry）指示webpack以哪个文件作为入口起点开始打包，分析构建内部关系依赖图2.Output 输出（Outpu原创 2021-09-20 23:38:55 · 503 阅读 · 0 评论 -
AJAX——同源策略、JSONP、CORS
AJAX同源策略同源策略（Same-Origin Pollicy）是浏览器的一种安全策略同源：协议、域名、端口号必须完全相同ajax默认是遵从同源策略，违背同源策略就是跨域页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l原创 2021-09-20 21:27:25 · 230 阅读 · 0 评论 -
AJAX——重复请求、jquery、axios、fetch函数
AJAX避免重复发起请求（使用到节流）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-20 13:39:20 · 226 阅读 · 0 评论 -
AJAX——请求头、json、nodemon、网络异常、取消请求
AJAX设置请求头信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-09-17 17:46:43 · 423 阅读 · 0 评论 -
AJAX——ajax、XML、HTTP、node、express
AJAXAJAX全称Asynvhronous JavaScript And XML，就是异步的js和XML通过ajax 可以在浏览器中想服务器发送异步请求，最大的优势：无刷新获取数据ajax不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式优点：1.无需刷新页面就可以与服务器端进行通信2.允许根据用户事件来更新部分页面内容缺点“1.没有浏览历史，不能回退2.存在跨域问题（同源）3.SEO(搜索引擎优化)不友好XMLxml：可扩展标记语言html：超文本标记语言xml：被原创 2021-09-17 16:28:01 · 250 阅读 · 0 评论 -
ECMAScript——指数操作符、async和await、 ES8对象方法扩展
ECMAScriptECMAScript 7的新特性Array.prototype.includesincludes方法用来检测数组中是否包含某个元素，返回布尔类型值指数操作符**[**]**用来实现幂运算，功能与Math.pow结果相同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl原创 2021-09-16 15:33:48 · 244 阅读 · 0 评论 -
ECMAScript——对数值的操作、对象方法扩展、ES6的模块化、代码转换
ECMAScript对数值(number)的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-09-15 16:46:43 · 188 阅读 · 0 评论 -
ECMAScript——Map、class、静态成员、类的继承、方法重写、set和get
ECMAScriptMapES6提供了Map数据结构。它类似于对象，也是键值对的集合。但是‘键’的范围不限于字符串，各种类型的值（对象）都可以当做键。Map也实现了iterator接口，所以可以使用[扩展运算符]和[for…of…]进行遍历。Map的属性和方法1.size：返回Map的元素个数2.set：增加一个新元素，返回当前Map3.get：返回键名对象的键值4.has：检测Map中是否包含某个元素，返回boolean值5.clear：情况集合，返回undefined<!DOCTY原创 2021-09-15 09:36:11 · 294 阅读 · 0 评论 -
ECMAScript——Promise、Set
ECMAScriptPromisePromise是ES6引入的异步编程（IO）的新解决方案。语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。1.Promise构造函数：Promise(excutor){}2.Promise.prototype.then方法3.Promise.prototype.catch方法<!DOCTYPE html><html lang="en"><head> <meta charse原创 2021-09-14 15:48:31 · 161 阅读 · 0 评论 -
vue——MVVM、Object.defineProperty()、数据代理
MVVM1.M：模型（Model）：对应data中的数据2.V：视图（View）：模板代码（对应DOM）3.VM：视图模型（ViewModel）：Vue的实例对象结论： 1.data中所有的属性最后都出现在了实例对象上 2.vm上所有的属性及vue原型上所有属性，在Vue模板中都可以直接使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m原创 2021-08-17 16:08:33 · 189 阅读 · 0 评论 -
react4.0——render-props、高阶组件
React4.0render-props和高阶组件render-props两个组件中的部分功能相似或相同，可以复用相似的功能（联想函数封装），复用什么？1.state,2.操作state的方法（组件状态逻辑）两种方式：1.render props模式；2.高阶组件(HOC)这两种方式不是API，而是利用React自身特点的编码技巧，演化而成的固定模式（写法）获取到该组件中复用的state：在使用组件时，添加一个值为函数的prop，通过函数参数来获取（需要组件内部实现）//render属性的值原创 2021-07-06 20:15:59 · 347 阅读 · 1 评论 -
微信小程序-小案例、节流阀
微信小程序home.wxml<!--pages/home/home.wxml--><text>我是首页</text><!-- bindtap点击事件====click --><button bindtap="fn">请求</button><!-- open-type="switchTab":跳转到其他Tab页面 --><!-- open-type="navigate":跳转到非tab页面-->&l原创 2021-07-06 19:53:34 · 602 阅读 · 0 评论 -
vscode用Git上传项目到远程仓库（gitee）
git上传在vscode的源代码管理那里操作1.添加仓库：点击右上角的三点(…)—>选择远程—>选择添加远程存储库—>在弹出框那里输入远程的仓库地址（gitee或者是github）这里填的是仓库名2.将工作区的文件添加到暂存区（暂存更改）：点击更改字样右侧的**+**号3.将暂存区的文件提交到本地仓库：点击源代码管理字样右侧的√输入提交的备注信息（比如完成某某功能，或者完成了某某页面），然后就回车完成了第三步，此时的页面说明文件都提交了，提交到了本地仓库原创 2021-07-06 19:06:47 · 12460 阅读 · 2 评论 -
react3.0-组件、组件传值、Context、组件生命周期、路由、匹配模式
react3.0全局导入的变量名可以自定义，按需导入则是要用规定的变量名复习组件传值：父传子，子传父：review.jsimport React from "react"// 传值要注意this指向问题，解决办法有三个：1.在构造函数里面用bind,2.初始化时使用箭头函数，3.在该函数外面套一层箭头函数// 父组件class Person extends React.Component { state = { msg:'我是父组件的数据' } ren原创 2021-07-06 08:32:34 · 270 阅读 · 1 评论 -
php2.0——文件上传
文件上传：1.文件上传的提交方式必须是post方式2.需要给form指定：enctype="multipart/form-data"3.必须指定name属性，后台才能获取到相应的数据文件上传，通过**$Files**获取，得到的是一个二维数组,是临时保存在服务器上，print_r($_FILES);time():时间戳，从1970年几月几号到现在的秒数（js是毫秒数）**md5()????*加密网络上图片的名字：时间戳+加密+其他东西<!doctype html><h原创 2021-06-30 22:40:37 · 115 阅读 · 2 评论 -
js高级——面向对象，创建对象、构造函数、new、原型
面向对象不是用来代替面向过程的，面向对象封装了面向过程面向对象=面向对象+面向过程面向对象的三大特征：封装、继承、多态封装函数解决了代码重复的问题，但是造成了一定的全局污染问题创建对象的四种写法1.系统构造函数：new Object2.字面量3.工厂函数4.自定义构造函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e原创 2021-06-30 22:15:09 · 170 阅读 · 0 评论 -
微信小程序——自定义组件、插槽
微信小程序的自定义组件组件的使用：**1.**在根目录创建components文件夹（与pages同级），在此文件夹下再创建一个文件夹（如test），再右键test文件夹选择新建Component，文件名建议与test同名(好管理),完成后会自动在test文件夹下生成同名的.js/.wxml/.json/.wxss四个文件**2.**在组件的.json文件里设置usingComponents{ "component": true, "usingComponents": { "组件名"原创 2021-06-30 21:53:08 · 1703 阅读 · 1 评论 -
react2.0——react脚手架、组件传值、Context
react2.0react脚手架安装安装react之前，你首先要先确保你安装了node.js地址：https://nodejs.org/zh-cn/安装时，记得勾选Add to Path查看node版本：node -v查看npm版本：npm -v方式：1.npm init react-app 项目名 npm install -g create-react-app2.yarn create react-app 项目名删掉项目中一些不必要的东西：src文件夹下的文件，只剩app.js和i原创 2021-06-30 21:41:49 · 266 阅读 · 1 评论 -
yarn和npm
yarn和npm两者都是包管理工具，都是本地缓存。但是yarn可以离线缓存，npm不可以。npm：基于node.js的包管理工具，因服务器在国外，所以速度较yarn慢新版的node.js已经集成npm,所以npm也跟着node.js一起安装了查看npm版本:npm -vnpm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已初始化：npm init -yyarn：是 Facebook, Google, Exponent 和 Tilde原创 2021-06-30 21:37:07 · 193 阅读 · 0 评论 -
数据库-mysql、第三方模块
数据库1.数据库的基本概念1.1什么是数据库数据库（database）是用来组织、存储和管理数据的仓库。用户可以对数据库中的数据迚行新增、查询、更新、删除等操作。1.2常见的数据库及分类1.MySQL 数据库（目前使用最广泛、流行度最高的开源免费数据库；Community + Enterprise）2.Oracle 数据库（收费）3.SQL Server 数据库（收费）4.Mongodb 数据库（Community + Enterprise）其中，MySQL、Oracle、SQL Ser原创 2021-06-21 21:41:05 · 837 阅读 · 0 评论 -
接口跨域问题——CORS、JSONP
跨域1.接口的跨域问题get和post接口，不支持跨域请求解决接口跨域问题的方案主要有两种：1.CORS（主流的解决方案，推荐使用）2.JSONP（有缺陷的解决方案：只支持get请求）CORS ：跨域资源共享cors 是 Express 的一个第三方中间件。通过安装和配置 cors 中间件，可以很方便地解决跨域问题**CORS （Cross-Origin Resource Sharing，跨域资源共享）**由一系列 HTTP 响应头组成，这些 HTTP 响应头决定浏览器是否阻止前端 JS 代原创 2021-06-20 22:26:09 · 1449 阅读 · 1 评论 -
Express2.0——中间件
Express2.0路由前缀test.js// 在这个界面就只用导入路由，注册路由使用，其他的都不用再做与路由相关的代码// 导入expressconst express = require("express")// 创建服务器对象const server = express()// 通过模拟表单获取数据// post的req.bodyserver.use(express.urlencoded({extended:false}))// 导入路由模块，路由对象routerconst r原创 2021-06-20 21:16:31 · 225 阅读 · 1 评论 -
Express-上部——用来创建Web服务器、get、post、nodemon、路由
Express1.Express是基于Node.js平台，快速，开放，极简的Web开发框架2.Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的3.Express就是一个npm上的第三方包，提供了快速创建Web服务器的方法网址： http://www.expressjs.com.cn/Express和http内置模块的关系：Express是基于Node.js内置的http模块进一步封装起来的，能够极大的提高开发效率对于前端最常见的两种服务器：1.Web网原创 2021-06-18 22:04:22 · 162 阅读 · 0 评论