nodejs
文章平均质量分 66
pardon110
这个作者很懒,什么都没留下…
展开
-
nodejs代码自动提示概述
根据vscode官方指引,配置nodejs代码自动提示怎么也不成,本文或许对你有些许帮助。不需要用typings, 也不需要刻意安装@types/pkg,直接npm安装,该有提示的地方就有,没有需要你行对应定义或使用第三方d.ts文件代码提示ts是js的超集,vscode是ts书写,因此js代码可由ts增强。官方给出的自动提示有以下三种方式基于引用基于注释用jsdoc插件,会自动提示该注释信息ts声明定义 d.ts文件一句话,需要d.ts文件,并将其与js/ts代码关联,编辑有提示,d.原创 2021-03-27 15:53:00 · 1734 阅读 · 0 评论 -
koa 图片上传详解
本文图片上传示例展示koa中间件框架基本流程,省去前端编码直接用 httpie 模拟文件上传测试KoaKoa 的中间件之间按照编码顺序在栈内依次执行(先进后出),允许您执行操作并向下传递请求(downstream),之后过滤并逆序返回响应(upstream)。前端人员可以将next() 之前的任意代码视为“捕获”阶段,下面这个 gif 说明了 async 函数如何恰当地利用堆栈流来实现请求...原创 2019-12-21 10:50:07 · 2082 阅读 · 0 评论 -
webpack实践指南(一)
webpack实践起步基本安装命令 mkdir webpack-demo && cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev移除package.json中的main入口,确保private属性为私有<script> 标签之间存...原创 2019-03-30 17:19:41 · 128 阅读 · 0 评论 -
webpack实践指南(二)
代码分离达到的效果可以把代码分离到不同的bundle中,按需加载或并行加载,可控制资源加载优先级入口起点(entry points)使用entry配置手动地分离代码缺点不够灵活,并且不能将核心应用程序逻辑进行动态拆分代码如果入口 chunks 之间包含重复的模块,则模块会在bundle中被重复引用防止重复(prevent duplication)使用S...原创 2019-03-30 17:25:50 · 182 阅读 · 0 评论 -
Failed to resolve async component default: TypeError: __webpack_require__(...) is not a function
场景laravel5.7项目默认的laravel-mix编译异步路由,观察http异步组件加载成功,路由配置正确前端没有显示报错3个警告app.js:42886 [vue-router] Failed to resolve async component default: TypeError: Cannot read property ‘call’ of undefined...原创 2019-04-10 12:14:25 · 34637 阅读 · 0 评论 -
node-sass第三方下载,本地安装
问题前端同学,尤其是在windows平台上使用,使用npm会经常发现node-sass无法安装原因如下安装 node-sass 时在 node scripts/install 阶段会从 github.com 上下载一个 .node 文件。大部分安装不成功的原因都源自这里,因为 github Releases 里的文件都托管在 s3.amazonaws.com 上面,而这个网址在国内总是...原创 2019-04-01 12:02:39 · 6152 阅读 · 0 评论 -
原生js多文件本地上传预览
引子<input> type 类型为 file 的 input 元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上,或者通过 Javascript 的 File API 对文件进行操作 。语法属性说明ValueDOMString 选择文件的路径事件change 事件 input支持的常用属性accept, multiple, r...翻译 2019-04-02 00:18:43 · 1128 阅读 · 0 评论 -
vue vue-router vuex
vuexvuex数据存取流程用户调用一个action该action加载/计算数据该action提交一个mutationstate 被更新getter 将更新后的state返回给组件组件被更新vuex模块使用流程设置Vue组件,使用生命周期钩子,比如created方法分发加载动作actions,this.$store.dispatch将数据添加到组件,比如com...原创 2019-03-28 23:39:50 · 526 阅读 · 0 评论 -
数组处理之reduce结合对象按月分组
需求后端拉取数据格式如下,需要在前端按月分组显示、arr = [{ "amount": 5000, "goodsInfo": "翡翠城租金", "tradeTime": "2019-04-20"},{ "amount": 1200, "goodsInfo": "五联西苑租金", "tradeTime": "2019-04-25"},{...原创 2019-06-12 09:27:39 · 1016 阅读 · 0 评论 -
正则分组(Grouping)与反向引用(back references)
捕获分组与反向引用字符含义(x)匹配 x 并且捕获匹配项,又称捕获括号(capturing parentheses)\nn 是一个反向引用(back reference),指向正则表达式中第 n 个括号(从左开始数)中匹配的子字符串(?:x)匹配 x 不会捕获匹配项,称为非捕获括号(non-capturing parentheses)数量词(Quant...翻译 2019-07-10 11:30:43 · 605 阅读 · 0 评论 -
webpack概述
概念组成基础:入点entry,出口output及模式mode附加: 规则module.rules,插件plugins五部分构成规则由test及loader构成,组loader以栈(先进后出)的形式进行管道流水模式development|production只设置 NODE_ENV,则不会自动设置 mode不同的取值,会设置process.env.NODE_ENV环境变量,从...原创 2019-03-29 14:28:04 · 106 阅读 · 0 评论 -
laravel-mix API简录
Laravel-Mix概述属于webpack上层,使之八成用例变得易用编绘sass, 捆绑模块到指定模块跨平台 cross-env,laravel-mix可独立成派勿需强制与laravel一起生产环境文件自动压缩 export NODE_ENV=production webpack安装mix安装 npm init -y npm install larave...原创 2019-03-17 19:13:02 · 565 阅读 · 0 评论 -
Laravel-Mix工作流
序言wabpack的确强大但过于复杂,不易使用laravel-mix是轻量级的webpack,使之八成用例变得简单易用laravel-mix重写了webpack的默认配置,使之应用简单,可以用在任何项目简介laravel-mix优点ES2017 + 模块编辑- 创建并且编译 .vue 组件 (通过 vue-loader)- 模块热替换- Tree-shaking 打包...原创 2019-03-17 19:09:22 · 950 阅读 · 0 评论 -
import vs require
node编程中最重要的思想就是模块化,import和require都是被模块化所使用。遵循规范require 是 AMD规范引入方式import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行时调用,所以require理论上可以运用在代码的任何地方import是编译时调用,所以必须放在文件开头本质require是赋值过程,其实requi...转载 2018-10-14 10:09:24 · 174 阅读 · 0 评论 -
es6 用法小示例
需求编写函数 showNumber,功能是在页面中显示出1–2000之间所有能同时被3、5、7整除的整数,并要求每行显示 6 个这样的数,每两个数字之间用逗号隔开,每行最后一个数字后面没有逗号,效果图如下解法const s = [...Array(Math.floor(2000 / 105))].map((_, i) =&gt; { let s = (i + 1) * 105 ...原创 2018-10-15 00:25:55 · 424 阅读 · 0 评论 -
express 中间件开发
express中间件特点高阶函数,可以访问请求对象,响应对象,在web应用中处于请求–响应循环流程中的中间件,被命名为变量next若无终结,必须调用next()方法将控制权交给下一中间件,否则请求会被挂起功能修改请求和响应对象终结请求–响应循环体调用堆栈中的下一个中间件代码示例// main.jsvar express = require('express'...原创 2019-03-06 16:51:45 · 488 阅读 · 0 评论 -
node 常用模块小札
node.js 基础全局对象js中全局对象是window,而Node.js中全局对象是global全局变量都是global对象的属性,可以直接访问全局变量在最外层定义的变量全局对象的属性隐式定义的变量(未定义直接赋值的变量)常用全局变量及函数__filename, __dirnamesetTimeout(cb,ms), clearTimeout(t)mod...原创 2019-03-09 15:19:03 · 131 阅读 · 0 评论 -
nodejs 正则
规则js正则与perl还是有一定的区别,只支持percl四种零宽断言的下面两种零宽正预测先行断言零宽负预测先行断言正则表达式后允许跟以下三个flagi 不区分大小写g 全局匹配,即匹配多个m ^和$可以匹配每一行的开头,多行匹配其它与m标志配合\A 字符串开头(类似^,但不受处理多行选项的影响)\Z 字符结尾或行尾(不受处理多行选项的影响)\z 字符串结尾...原创 2019-03-10 15:26:45 · 1798 阅读 · 0 评论 -
node不完全路径
工具及平台express默认不处理body中的信息,通常借助body-parser中间件,若用则在req.bodyreq.query http的url中的查询字符?a=b&c=d组成的对象req.send(body?) 返回一个响应对象,可选参数为响应体utility一些常用的工具函数,字符串,数组,加解密,日期,对象,json,web,函数,polyfill...原创 2019-03-10 18:17:48 · 142 阅读 · 0 评论 -
ORM之Sequelize操作MySQL
Sequelize基于Promise的ORM用于操作MySQL,Postgres,SQLite,sqlserver等关系型数据库所有的结果集都是Promsie对象,不能直接读取结果连接数据库初始化时,会创建连接池,该池会创建和管理一个连接和缓冲技术定义模型sequelize.define('name', {attributes}, {options}) 定义表结构得到User...原创 2019-03-07 15:46:46 · 625 阅读 · 0 评论 -
js前瞻?!(零宽断言)@import波浪线
vue-router更新通常一个视图使用一个路由组件渲染,多个组件渲染一个视图确保使用components正则?!(js只支持前瞻[零宽断言])- *前瞻,后顾,负前瞻,负后顾*(前瞻,要查找的部分在表达式的前面)- `(?=X) X, via zero-width positive lookahead` - 正向前瞻 查找x表达式前面的部分 - exp1(?=exp2) 查找...原创 2019-03-19 17:16:30 · 320 阅读 · 0 评论 -
WARNING: The `useMongoClient` option is no longer necessary in mongoose 5.x, please remove it.
场景:node 使用moogse模块连接mongodb,var mongoose = require('mongoose')// 连接新版本mongoose.connect('mongodb://127.0.0.1:27017/notes', { useMongoClient: true})报如下错误D:\code-base\node\shiyanlou\node_2&gt...原创 2019-03-08 11:51:43 · 3001 阅读 · 0 评论 -
用http-server本地解决 to be served over an HTTP server
vue应用开发流程vue-cli构建项目骨架npm install安装依赖包npm run dev 开发调试代码npm run build生产环境代码问题执行第4步完成后,通常有如下小提示 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// ...原创 2018-10-06 12:15:47 · 3861 阅读 · 0 评论