node js
Next.js 开发指南 路由篇 | App Router
前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js 中，路由决定了一个页面如何渲染或者一个请求该如何返回。 N ......
还在用Python爬虫？教你一招，摆脱选择元素位置的烦恼！使用Node.js大杀器，并且无需使用cheerio 库~
咱们以豆瓣历史250最佳电影为例。 豆瓣说，>_< 你不要过来啊！ 第一步：打开网页源代码 第二步：选择你想要爬虫的元素，右键复制获取JS路径 document.querySelector("#content > div > div.article > ol > li:nth-child(3) > ......
js普通函数与构造函数以及prototype原型的区别
1.普通函数与构造函数的区别 1.1 普通函数 : （1）调用 fun()（2）调用函数，不会创建新对象（3）函数内部this指向调用它的对象，没有指明调用对象，指向window（4）普通函数大多以小写字母开头（5）没有返回值 // 普通函数定义 function fun() { } 1.2 构造函 ......
js
什么是JavaScript 概述 JavaScript是一门世界上最流行的脚本语言 JavaScript经过10天被开发出来 一个合格的后端人员，必须要精通JavaScript 历史 https://blog.csdn.net/kese7952/article/details/79357868 EC ......
js报错：Uncaught SyntaxError: Unexpected identifier 'Object' (at my_customer_index?addtabs=1:1:28)
js报错：Uncaught SyntaxError: Unexpected identifier 'Object' (at my_customer_index?addtabs=1:1:28) 开发遇到的是用onmouseover传递对象参数时（easyui传递一行数据时），会报Sncaught Sy ......
vue項目與node後台,解決跨域問題
1 跨域問題總概述 跨域指的是从一个域名到另一个域名去请求资源，跨域名请求同源策略，浏览器的安全机制，跨域是浏览器的行为，不是服务器的行为； 简化来讲就是，网页（浏览器）向后台服务器发送一个请求之后，浏览器会拦截这个请求，并检查这个请求是不是跨域访问，如果是跨域访问，便要向服务器端核对，是否允许这个 ......
Next.js 开发指南 初始篇 | Next.js CLI
基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js！ 前言 欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果。 幸运的是，Next.js 提供了开箱即用的 create- ......
eslintrc.js配置文件详解
转自：https://www.jianshu.com/p/fe727ad2bbf4 通俗说就是统一代码规范。 配置参数 rules: { "规则名": [规则值, 规则配置] } 规则值 "off"或者0 //关闭规则关闭 "warn"或者1 //在打开的规则作为警告（不影响退出代码） "error ......
在html页面使用js显示当前时间在输入框中
具体代码 <script type="text/javascript"> var date = new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); document.ge ......
js启动一个简单服务指定启动目录和index.html，并配置接口代理
环境准备 node任意版本。 node包：express、http-proxy-middleware、http。 提前下载好包： npm install express --save npm install http-proxy-middleware --save npm install http ......
开发过程中管理多个项目不同的Node版本，使用.sh脚本实现
本地会开发多个不同的 NodeJS 项目，每个项目可能需要的 Node 版本不同，有的老项目还在用 10.xx ，有的要求 12.xx/14.xx/16.xx/18.xx 。 总之，每个项目都需要不同的 Node 版本。很多时候我都是在启动项目遇到报错了才会意识到要切换 Node 版本。 1、在项目 ......
node入门教程
node.js介绍 Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具！ Node.js 在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核）。 这使 Node.js 表现得非常出色。 Node.js 应用 ......
js 输入文本计算字节数大小
1. 输入文本框，超过最大字节数，自动删除 function removeExtraBytes(text, maxByteLength) { // const maxByteLength = 10; // 设置最大字节长度为10 let byteCount = 0; for (let i = 0; ......
JS格式化输出当前时间戳：getDateTimeString()
function getDateTimeString() { const now = new Date() const year = now.getFullYear(); const month = now.getMonth() + 1; const day = now.getDay(); cons ......
mac安装node20.10.0失败
因为mac笔记本用的时间比较久了，所以系统 目前到这里，官方也不再更新系统了，安装node20.10.0的时候报错如下： dyld: lazy symbol binding failed: Symbol not found: ____chkstk_darwin Referenced from: /u ......
JS迭代器分析
定义 在JavaScript中，迭代器是一种特殊对象，它提供了一种按顺序访问集合元素的机制，并同时记录当前遍历的位置。迭代器必须实现一个名为 next 的方法，该方法返回一个包含两个属性 value 和 done 的对象。其中，value 是迭代的当前值，done 是一个布尔值，表示是否已达到迭代结 ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
H5APP请求部分js脚本出现502情况问题排查
1. 问题现象 公司客户APP内网部署，集成到公司客户办公APP，如果想要外网访问APP，需要通过指定的地址，估计是反向代理，具体的我不是很清楚。 昨天突然出现无法进入APP的问题，经过排查发现是部分js文件请求失败，报502错误 2. 排查思路 首先排查服务器与网站是否正常，远程发现网站运行正常， ......
node node-sass sass-loader版本兼容问题
相关概念 sass Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。 Sass包含两种语法：较旧的语法使用缩进将代码块和换行符分隔为单独的规则；较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。 缩进语法和SCSS文件传统上分别给出扩展名 ......
js约束区间的简单方法
这里不是使用Math.random()生成一个区间值，而是将一个变量约束在某一个区间，具体代码如下: const getRange = (value, max, min) => Math.max(Math.min(value, max), min) getRange(-100, 90, -90) / ......
js比较两个数组内容是否相等的方案
1. 深度相等比较 如果你想要比较两个数组的内容是否相同，包括数组中的嵌套数组或对象等元素，你可以使用深度相等比较方法，比如递归或使用第三方库： 递归方式： function arraysAreEqual(arr1, arr2) { if (arr1.length !== arr2.length) ......
[转]js获取元素的两种方法querySelector和getElementsBy系列的区别
原文地址:querySelector和getElementsBy系列的区别 - 掘金 querySelector系列和getElementsBy系列 之前在使用的时候，比较经常用getElementsById，这两个似乎可以混用，但是在有一些地方这两个的差别还是很大的，现在来整理一下。 queryS ......
Install fail! SyntaxError: Unexpected token 'h', "hub.com>","... is not valid JSON (file: C:\Users\Admin\Documents\uirecorder_test\node_modules\_mocha@5.2.0@mocha\package.json)
uirecorder初始化时解析错误： PS C:\Users\Admin\Documents\uirecorder_test> PS C:\Users\Admin\Documents\uirecorder_test> uirecorder init __ ______ ____ __ / / / ......
babel-loader单独处理node_modules中某个库
项目中使用vue-contextmenujs库时，打包报错如下 依赖包含es6语法，UglifyJs不识别，需要babel-loader处理，打包配置如下 ......
js图片下载方式
1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = ......
Node-js用FlexSearch给Hexo添加极速全站搜索
title: Node.js用FlexSearch给Hexo添加极速全站搜索 tags: [Node.js,node,Javascript,Debian,Linux,FlexSearch,搜索] 新版原文: https://www.carlzeng.top/search?q=Node.js用Flex ......
Js中对于DOM节点的操作
一获取dom树节点 //注：区分大小写`` 1.getElementById()； getElementByClassName()； getElementByTagName()； getElementByName()； 2.querySelector() querySelectorAll() 案例 ......
js 操作 clipboard
文章目录 Document.execCommand() 方法 复制操作 粘贴操作 优缺点 Clipboard 对象介绍 Clipboard 对象方法 Clipboard.readText() 粘贴文本 Clipboard.read() 粘贴数据 Clipboard.writeText() 复制文本 ......
JS取两个数间的随机数
js获取一个随机整数基本用Math的random方法生成，再去乘一个整数并向下或向上取整。 随机数生成的方式，自己摸索了下。 参考文章 代码 生成整数范围内的随机数，从0开始不包含这个数我在数组中会用到，[0,x)。 var a=(x)=>{ return Math.floor(Math.rando ......
js常用的数据处理方法
js常用的数据处理方法： 一、数据类型判断 1、typeof 右侧跟一个一元表达式。返回该表达式的数据类型，返回的结果是用该类型的字符串形式表示 number、boolean、symbol、string、object、undefined、function 对于基本类型，除 null 以外，均可以返回 ......