
node-js
文章平均质量分 79
开心大表哥
高级前端开发进阶版
展开
-
专业安装全局的cnpm,查看node、npm、cnpm版本
安装全局的cnpm,查看node、npm、cnpm版本。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,是全球最大的开源库生态系统。 由于国家政策,所以用cnpm代替npm开发还是很有必要的。 下面我们来看一下是如何安装的吧(w原创 2017-09-11 21:28:01 · 12655 阅读 · 0 评论 -
mac下npm安装全局组件报错
1.没有权限安装 在你的安装指令前面加上sudo,然后会提醒你输入密码,这个密码是你mac的开机解锁码!如:sudo npm install egg-init -g2.更换全局变量文件夹2.1.回到用户根目录下再新建一个全局安装的路径cd ~mkdir ~/.npm-global之前安装过的话会提醒存在了.npm-global这个文件夹2.2.配置npm使用新的...原创 2018-06-09 15:52:44 · 5900 阅读 · 3 评论 -
人人都是webpack使用者,小白从入门到精通秒变大神
什么是WebPack,为什么要使用它? 因为别人都在用,我不会用怎么跟他们一起装逼?别人说的这些是什么,我根本不懂:类似gulp把自己定位为stream building tools一样,webpack把自己定位为module building system。 在webpack看来,所以的文件都是模块,只是处理的方式依赖不同的工具而已。webpack同时也把node的IO和modu...原创 2018-07-05 18:27:18 · 1509 阅读 · 5 评论 -
用benchmark测试es6的extends属性的性能
用benchmark测试es6的extends属性的性能新建一个文件叫classExtend.js放以下代码:'use strict';const Benchmark = require('benchmark');const benchmarks = require('beautify-benchmark');const suite = new Benchmark.Suite();...原创 2018-08-27 22:26:43 · 513 阅读 · 1 评论 -
快应用快速开发攻略和踩坑讲解
快应用是什么:快应用是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。优势:无需安装 即点即用-流畅;能添加到桌面;区别于原生App和WebApp;超6亿流量扶持;大势所趋。存在问题:需要申请九大厂商开发者账号,每个账号需要...原创 2018-11-07 15:11:33 · 935 阅读 · 2 评论 -
nodejs连接mysql报错:Client does not support authentication protocol requested by server; consider upgrad
由于本人是前端,mysql只是偶尔做一下小项目会用到,大概一年没有用了。 今天用mac通过brew下载了一个8.0.12版本的mysql;然后用egg进行连接,egg是阿里封装的一个nodejs框架。 下载到本地的mysql;初始密码我是留空的。所以在nodejs项目中配置mysql连接数据的时候我的password=’’;结果报错了:Client does not support authe...原创 2018-11-28 17:45:08 · 6445 阅读 · 4 评论 -
阿里云部署nodejs,公网访问不了,域名不加端口号访问
背景:我买的阿里云服务器是香港的CentOS 7.3(便宜)已成功安装了nodejs操作:1.新建项目文件example.jscd ~touch example.js2.编辑example.js文件vi example.js2.1.输入i,进入编辑模式,将下面代码(简单的nodejs创建服务代码)粘贴到文件中。使用Esc按钮,退出编辑模式,输入:wq,回车,保存文件内容并退出...原创 2018-12-17 13:44:10 · 4521 阅读 · 0 评论 -
nodejs egg多静态文件入口配置
由于egg多静态资源入口在一开始的时候是没有的,是后来增加的;但是文档写得不是太清楚所以小白不容易弄懂。在config.default.js文件中增加这个,将项目根目录下的public、publicData这两个文件夹作为静态资源入口;运行的时候egg会将这两个文件夹的资源放到prefix: '/public/'配置的/public路径下。 exports.static = { pr...原创 2018-12-19 08:03:08 · 5957 阅读 · 3 评论 -
全栈式开发,前端工程化,以nodejs,eggjs为服务器语言,mysql为数据库,vue,vuex,wangeditor,i18n,webpack前端架构服务器端渲染ssr支持seo的博客网站
前言下面介绍本人开发的个人博客,希望通过开源的方式一起学习和进步!1. 背景该项目为一个学习型的博客网站案例,毕竟每个it工程师都想有一个自己的博客嘛,适合初中级前端工程师;项目已经部署在阿里云上,已经比较完整了,本地下载代码和安装好对应的环境,运行即可以获得线上的效果。由于项目涉及到服务器端而且用了数据库作为存储工具,架构用了eggjs和easywebpack所以首次运行的步骤比较繁琐,还...原创 2019-05-29 19:35:20 · 818 阅读 · 3 评论 -
浏览器同源政策之ajax请求不能发送
同源政策(same-origin policy)是浏览器安全的基石同源指的是三个相同 限制范围(1) Cookie、LocalStorage 和 IndexDB 无法读取。(2) DOM 无法获得。(3) AJAX 请求不能发送。下面重点讲解AJAX 请求不能发送: 同源政策规定,AJAX请求只能发给同源的网址,否则就报错。 有4种方法规避这个限制:1.JSO...原创 2018-05-06 10:01:22 · 2096 阅读 · 1 评论 -
简要掌握CommonJS的规范和使用方法
前言:CommonJs规范的出发点:后台JS没有模块系统、标准库较少、缺乏包管理工具;为了让JS可以在任何地方运行,以达到Java、C#、PHP这些后台语言具备开发大型应用的能力;事实上ES6已经出现了模块规范,如果使用ES6的模块规范是无需node.js环境的。因此,需要将commonJS规范和ES6的模块规范区分开来。 1.CommonJS模块规范主要分为三部分:模块定义、模块标识、模块引用...原创 2018-05-04 16:23:06 · 5276 阅读 · 1 评论 -
node中的express框架,nodemon设置修改代码后服务自动重启
原始node中的express框架,每次修改js代码后,都要重新npm start 才能看到改动后的效果,调试起来十分不方便。所以我引入了nodemon模块了弥补这样缺点。 安装nodemon:npm install -g nodemon或者安装到本地npm install nodemon --save在项目目录下创建 nodemon.json 文件{ "restartable": "rs原创 2017-12-18 12:50:44 · 28113 阅读 · 0 评论 -
grunt中的autoprefixer,自动一键补充css3兼容前缀
先检查一下你的grunt版本。 没有的话就要装(请自行百度安装,本文主要讲配置文件和运用)。 安装autoprefixernpm install grunt-autoprefixer --save-dev这是我安装成功的文件目录: newcss和oldcss这里个文件夹是我手动建的,方便以后放新旧css文件。 先看看gruntfile.js这文件的配置(比较重要):module.ex原创 2017-12-20 17:34:08 · 11758 阅读 · 0 评论 -
node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹
node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹。 1.要用到multer的话,那就先安装咯。cnpm install --save multer2.对应js的代码var express = require('express');var router = express.Router();//获取时间function getNowFormatDate原创 2017-12-18 18:23:28 · 5137 阅读 · 3 评论 -
nodejs express 服务器端允许跨域访问设置
nodejs express 服务器端允许跨域访问设置 问题就是这样的: 处理成功后是这样的: 处理代码是这样的://给前端提供数据router.get('/getInfoByOrder',function(req,res,next){ /*处理浏览器同源策略问题*/ res.header("Access-Control-Allow-Origin", "*");原创 2017-12-28 14:37:54 · 3682 阅读 · 0 评论 -
node express中使用static托管静态文件(访问项目中的图片或者文件)
利用 Express 托管静态文件 通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。 将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以在app.js中设置:app原创 2017-12-28 14:48:23 · 10728 阅读 · 4 评论 -
nodejs Express路由传参数据交互express.Router() router.get
路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback…], callback), app 是 express 对象的一个实例, METHOD 是一个 HTTP 请求方法, path 是服务器上的路径, callback 是当路由匹配时要执行...原创 2018-02-26 15:04:13 · 20250 阅读 · 2 评论 -
nodejs 利用对mysql数据库进行查询和插入数据
nodejs对数据库的操作是比较简单的。下面看一个对laughter库操作: 这是项目文件结构图: config.js的配置如下://数据库配置文件module.exports = { mysql: { host : 'localhost', user : ...原创 2018-02-26 16:31:30 · 8973 阅读 · 0 评论 -
基于nodejs的网络图片爬虫
这是我研究nodejs爬虫后写的一个图片爬虫小例子。不过功能还是挺强大的可以将你喜欢的图片下载下来。 主要的爬虫代码://var http = require('https');var http = require('http');var fs = require('fs');var cheerio = require('cheerio');var request = require...原创 2018-04-20 15:50:47 · 6315 阅读 · 7 评论 -
gitlab-ci前端在阿里云实现nodejs可持续化集成部署
前言不甘心当一个切图仔,所以什么都要学一下;可持续化集成是一个项目工程架构的问题;但在这篇文章中我将它缩小到了前端的领域内。必要条件一台阿里云服务器-2核4G以上(我的心好痛800大洋)技术栈linux操作基础git/github/gitlabnodejs环境基础步骤...原创 2019-07-04 15:47:07 · 2763 阅读 · 3 评论