- 博客(35)
- 资源 (264)
- 收藏
- 关注
原创 Node.js学习笔记--进阶之路
简介Node 是一个软件, 可以脱离浏览器, 独立执行JS文件Node实现了ECMAScript标准, 所以语言跟JavaScript基本一致 因为想成为全栈开发(前后端都可以的大拿) PHP等语言是阻塞的, 性能不如nodeJS node是事件驱动, 非阻塞的 Node中是大量的, 事件和回调函数 单线程(主线程单线程,后台I/O线程池) 跨平台 (Node软件可以安装在window系统/linux系统/mac系统/等等)安装Node...
2020-05-10 19:06:59 1863
原创 linux系统安装宝塔Linux命令
终端输入命令yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh安装完成后浏览器输入地址访问看到这个界面就安装成功了
2020-05-31 20:23:01 910
原创 js实现完美拖拽效果可记录拖拽轨迹
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0035)http://fgm.cc/learn/lesson6/01.html --><html xmlns="http://www.w3.org/1999/xhtml"><h..
2020-05-30 21:25:42 718
原创 js获取浏览器cookie值函-数封装
cookie中的值每个明知对用分号;隔开。所以我们设置cookie这样设置document.cookie="user=dai;age=45"设置cookie的生命周期 设置cookie的生命周期使用expires这个名,单位是天,现在出一个新的名叫max-age单位是秒。删除cookie 将生命周期提前结束,就是删除cookie有些浏览器不识别汉字需要编码encodeURIComponent() 对汉字进行编码decodeURIComponent() 对编码的结果进行...
2020-05-28 23:24:37 1197
原创 关于缓存控制字段cache-control的配置说明
HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括: no-cache、no-store、max-age、 max-stale、min-fresh、only-if-cached等。响应消息中的指令包括: public、private、no-cache、no- store、no-transform、must-revalidate、proxy-revalidate、ma.
2020-05-28 16:29:25 4403
原创 node中使用socket.io实现简易网络聊天室
需要的包"dependencies": { "express": "^4.17.1", "socket.io": "^2.3.0" }<script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>前端网页<!DOCTYPE html><html lang="en"><head> <meta chars
2020-05-27 21:05:58 548
原创 JSON Web Token跨域认证解决方案
JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。1、用户向服务器发送用户名和密码。2、服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等等。3、服务器向用户返回一个 session_id,写入用户的 Cookie。4、用户随后的每一次请求,都会通过 Cookie,将 session_id 传回服务器。5、服务器收到 ses
2020-05-23 19:54:07 521
原创 常用的加密算法(md5,base64等)
MD5.js/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet * D
2020-05-22 13:40:49 578
原创 node-ajax操作sql自封装模块
Db.js数据库连接模块const mysql = require("mysql");const dbConfig = { host: "localhost", port: 3306, user: "root", password: "", database: "数据库"}const to = require("./awaitTo");class Db { static connect(){ // 数据库连接的动作 this.co
2020-05-21 08:59:21 361
原创 请求方式和内容类型参考文档
请求方式 请求数据存放位置 请求内容类型 浏览器载体显示 后端使用模块 备注 GET url的?后面, 格式key=value&key=value application/x-www-form-urlencoded(绝大部分默认类型) Query String Praramter url模块 get方式传参大小有限制4kb GET url路径中传参 application/x-www-form-urlencoded
2020-05-21 08:30:57 463
原创 Windows安装MySQL数据库详解
* MySQL软件 (注意: 如果以前安装过Mysql / 安装过XAMPP里(里面带了MySQL的) ) 并且能够正常使用的可以忽略这步 (但是也可以看一遍了解一下)* Navicat for MySQL 是一个数据库可视化软件一. MySQL安装1. 先访问MySQL官网 https://www.mysql.com/, 官网有点慢, 多等等刷新几下点完以后也有点慢, 稍等一下, 喝杯茶, 休息休息...下一步, 默认即可, 往下滑动...
2020-05-20 17:16:00 566
原创 nodejs报错信息nodemon运行提示错误:无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1在此系统上禁止运行脚本。
nodemon运行 提示错误:无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1,因为在此系统上禁止运行脚本。这是你笔记本禁止运行脚本,解决办法1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned3 选择Y 或者A ,就好了...
2020-05-16 23:46:25 752
原创 nodejs+express在浏览器上进行请求数据时,遇到跨域问题解决方案-cors插件
跨域问题解决方案//设置跨域请求app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'); r.
2020-05-14 19:33:12 1066
原创 js快速获取浏览器地址栏里的请求参数信息-查询参数获取
方法一:采用正则表达式获取地址栏参数:(强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null;} /.
2020-05-14 11:42:05 1019
原创 js中encodeURIComponent和decodeURIComponent函数使用
JavaScriptencodeURIComponent()函数JavaScript 全局函数定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。语法encodeURIComp..
2020-05-14 10:52:34 710
原创 nodejs创建web服务-静态资源请求-过滤ico图片请求
服务器端资源路径node-web服务创建//引入模块const http = require("http");const urlObj = require("url");const pathObj = require("path");const fs = require("fs");//创建web页面服务const server = http.createServer((req, res) => { //过滤ico图片请求 if (req.url ===..
2020-05-13 20:29:23 590
原创 一篇博文让你轻松搞懂TCP与UDP的区别
引言网络协议是每个前端工程师都必须要掌握的知识,TCP/IP 中有两个具有代表性的传输层协议,分别是 TCP 和 UDP,本文将介绍下这两者以及它们之间的区别。一、TCP/IP网络模型计算机与网络设备要相互通信,双方就必须基于相同的方法。比如,如何探测到通信目标、由哪一边先发起通信、使用哪种语言进行通信、怎样结束通信等规则都需要事先确定。不同的硬件、操作系统之间的通信,所有的这一切都需要一种规则。而我们就把这种规则称为协议(protocol)。TCP/IP 是互联网相关的各类协议族的总称,比
2020-05-13 10:59:34 542
原创 URI下的URL和URN之间的关系
在 Web 应用中,URI、URL 经常被人混淆和无解。本文详细描述了 URI、URL 以及 URN 之间的联系和区别三者的定义URI(Uniform Resource Identifier,统一资源标识符)是一个用于标识某一互联网资源名称的字符串。 该种标识允许用户对网络中(一般指万维网)的资源通过特定的协议进行交互操作。URL(Uniform Resource Locator,统一资源定位符),最常见的形式是 URI,经常指定为非正式的网址。URN(Uniform Resource N.
2020-05-13 10:53:24 455
原创 js/jquery的get方式请求数据时获取URL问号后的参数方法函数
原理:将url字符串以“=”分割成两部分,取第二部分就可以了 //获取url参数function GetArgsFromHref(sHref, sArgName){ var args = sHref.split("?"); var retval = ""; if(args[0] == sHref) /*参数为空*/ { return retval; /*无需做任何处理*/ } var str = args[1]; ...
2020-05-12 22:59:27 2029
原创 nodejs获取指定路径下所有的文件夹名或类型
let components = []const files = fs.readdirSync('./components')files.forEach(function (item, index) { let stat = fs.lstatSync("./components/" + item) if (stat.isDirectory() === true) { components.push(item) }})console.log(component.
2020-05-11 22:16:57 2746
原创 npm太慢快来配置使用国内淘宝npm镜像
淘宝 npm 地址:如何使用有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org配置后可通过下面方式来验证是否成功npm config get registry或np
2020-05-11 17:45:15 378
原创 JavaScript原生自动触发事件
在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(), form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件,原理是什么呢?接下来让我们一探究竟!一、eventTypeeventType共有5种类型: HTMLEvents:包括 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'se..
2020-05-11 09:06:47 3152 2
原创 node中简单IO操作
1. require()是全局变量的一个函数, 专门用来引入其他的js文件 相当于 let $ = $; <script src="jquery.js"></script>此fs模块(fs.js文件)是安装node环境自带的2. fs模块作用: 用于读取文件, 写入文件, 创建文件夹, 删除文件夹, 检测文件夹 (一个和文件+文件夹 打交道的一个功能文件, 里面有很多的方法供我们使用)let fs = require("fs");// 1. 简单文件写入(异步...
2020-05-10 19:22:52 701
原创 Nodejs的高频经典面试题解析
NodeJS的特点是什么?它是一个Javascript运行环境依赖于Chrome V8引擎进行代码解释事件驱动非阻塞I/O轻量、可伸缩,适于实时数据交互应用单进程,单线程 (一个应用程序对应一个进程, 一个进程下面会有多个线程, 每个线程用于处理任务..)事件的订阅和发布的设计模式是什么?其实就是收集事件名, 对应的方法体, 当触发对应事件名时, 把事件名对应的所有方法体调用执行一遍什么是同步, 异步?同步操作, 当代码运行到同步操作的代码时, 所在线程等待结果返回,
2020-05-10 19:11:35 2704
原创 async和await异步捕获机制try/catch
async是 js 有史以来最简单的异步写法,能够用同步的方式来处理异步函数。但是其中对于错误的处理一不小心就会忽略掉,特别是目前公司使用的weex作为开发框架,本身的debug的处理极其有限并且不便,当在项目中使用了大量的await / async语句并且没有捕获机制的话,代码很容易就产生错误并且影响程序的正常运行。var fn = function(type,msg){ return new Promise((res,rej) => { if(type){ res(..
2020-05-09 09:01:24 3551 1
原创 如何获得匿名函数中的方法或值-解少全局变量的污染
为什么要使用匿名函数,这样是为了减少对全局变量的污染,减少全局变量而通过匿名函数可以轻松的解决这个问题 //第一种 ;let myAjax = (function(){ function myAjax(url, data, type) { return new Promise((resolve, reject) => { $.ajax({ url, type, data, dataType: "json", succ..
2020-05-08 20:52:03 811
原创 JavaScript给对象部署Iterator接口实现for-of
for...of... 底层是 Symbol.iterator接口自己获取Symbol.iterator接口的遍历器 对象, 自己来实现遍历的过程此对象拥有Symbol.iterator, 就能用for...of遍历let arr = [5, 9, 20, "我的"];1. 获取遍历器对象(遍历用的指针)let iter = arr[Symbol.iterator]();con...
2020-05-08 13:33:35 676
原创 JavaScript中的深浅拷贝问题详解
数据类型基础数据类型: 数值, 布尔, 字符串等 引用数据类型: 数组 / 对象 只有引用数据类型才有拷贝的问题浅拷贝var arr = [1, 2, 3, 4];var brr = arr;arr.push(5);console.log(brr); // 结果: [1, 2, 3, 4, 5]// 思考: 为什么往arr数组末尾插入元素5, brr数组也跟着改变了...
2020-05-07 13:01:24 374
原创 清晰透彻的了解JavaScript的this指向问题
this指向this是函数体内的一个关键字, 不同函数和不同的环境都会影响this的值function函数, this默认指向函数调用者箭头函数, this指向外层作用域this的值node环境中, 注意全局不再是window, 而是global对象注意: 严格模式下, this无法指向window, 并且 this变量无法重新赋值this绑定规则1. 默认绑定:...
2020-05-07 10:45:26 368
原创 JavaScript的经典高频面试题解析
1. 数组的map, filter和reduce, 三个方法有什么区别? 以及使用场景? 答案: * map 可以操作每个数组内元素, 并且返回每个元素, 最终map方法会返回一个全新数组 * filter 可以遍历每个数组元素, 过滤符合return 条件的元素, 最终filter方法会返回一个全新数组 * reduce 可以对每个元素进行求和运算, 可以是数字求...
2020-05-07 08:49:38 642
原创 一篇博文然你了解JavaScript的对象的解构赋值
对象的解构赋值let { foo, bar } = { foo: "aaa", bar: "bbb" };foo // "aaa"bar // "bbb"对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。如果变量名与属性名不一致,必须写成下面这样let { foo: baz } ...
2020-05-06 23:27:21 386
原创 浏览器的cookie信息的创建 /读取/删除-登录案例演示
什么是 Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时,他的名字可以记录在 cookie 中。 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。Cookie ...
2020-05-05 14:52:29 441
原创 原生jsonp实现跨域及封装
JSONP封装function jsonp(url,success,data){ // 1.处理默认参数 data = data || {}; // 2.解析数据 var str = ""; for(var i in data){ str += `${i}=${data[i]}&`; } // 3.创建script标签,设置src,准备开启jsonp var s...
2020-05-05 09:03:17 384
原创 Win10默认应用设置时出现两个Chrome的解决办法--强迫症福利
Win10中,设置默认应用的时候出现两个Chrome让人很难受,这是一个通过修改注册表的方法进行解决的,对于注册表的操作,请慎重,慎重,慎重,重要的事说三遍Windows键+R键打开运行输入regedit打开注册表编辑器注册表位置定位到\HKEY_LOCAL_MACHINE\SOFTWARE\Clients\StartMenuInternet找到StartMe...
2020-05-01 13:38:11 5346 3
原创 JavaScript和jQuery的数据暂存机制
数据暂存机制可以将数据暂存到某个对象(一般是dom对象被jq选择器生成的jq对象)上当然也可以通过给DOM元素或jQuery对象添加相应的自定义属性来绑定数据,但是,这种绑定是显示在html标签内的,是可以看到的,不利于保护数据。基本结构<ul> <li class="aa">1111</li> <li class="bb">...
2020-05-01 10:43:54 1064
SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端
2024-07-25
JackieDYH自定义板块html代码
2023-10-11
vscode-settings.json
2023-09-08
vscode-配置文件.code-profile
2023-09-08
Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf
2023-09-07
两句css代码实现全屏滚动效果.zip
2023-04-03
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
2023-03-29
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
2022-05-08
js时间对象实现倒计时效果(可设置倒计时开始时间)
2020-03-30
C语言复习资料.docx
2020-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人