App.js

Linux下安装有两种方式，一个是下载源码make编译安装。 另外一种是比较推荐的，直接下载编译好的二进制，官方比较推荐后者。 //Linux 64bit version wget --no-check-certificate https: //nodejs .org/xxx-linux-x64 .tar .xz 下载之后，由于是tar.xz格式的压缩文件，所以需要用下面的命令解压： xz -d **. tar .xz tar -xv -f **. tar // 或者 tar -Jxv -f **. tar .xz(大写的J） 解压成功之后即是可以运行的二进制文件，只需要为node何npm建立两个软连接，使之可以全局运行即可： // 前面地址为实际地址 ln -s /path_to(*****)/bin/node /usr/local/bin/ node ln -s /path_to(****)/bin/npm /usr/local/bin/npm pm2 是一个带有负载均衡功能的Node应用的进程管理器. npm install - g pm2 #建立系统命令 ln -s /path_to{****}l/node/bin/pm2 /usr/local/bin/ pm2 #启动node项目 pm2 start xxx / app.js #重启程序 pm2 restart xxx /

❝ 自从Node.js出现之后，相应的web框架就出现了，而且都是比较容易上手和搭建的，框架中都有一个很重要的概念“中间件”，今天就来扒一下其中的奥妙。 ❞ 01 前言 还记得之前面试的时候，我说用过Node搭建了一个小型的后台框架，然后面试官就问了一下你用过什么常用的中间件吗？ 我当时知道中间件就是一个类似插件一样，依次执行的东西。虽然我在项目当中也用到了类似body-parser、express.static()这些，奈何年少无知我不知道这就是中间件。现在想想要是再问我中间件原理就更不懂了。 现在的中间件是挺多的，可以满足我们很多的数据处理与请求，我们今天就来看一下中间件这个神奇的东西到底神在哪？ 02 认识Express 得益于JavaScript的发展，使得Node诞生了， 能够在服务器端运行JS代码 ，这无疑是令人激动的事情，Express其实就是一个 Node.js Web程序框架 ，简单来说就是快速构建一个“后台”。我们用很简单的代码就可以搭建一个服务器，不用费劲心思来使用其他的语言来搭建，而且其他语言在什么也没干的情况下就出现极多的代码。 Node与其他传统的Web服务器的重大区别就是它是 单线程 的，它可以简化Web程序的编写，如果要实现多线程就启动多个Node实例即可。而且 Node是跨平台的，与平台是无关的

前言 2020注定是不平凡的一年，无论是疫情的横空出世，还是世界局势的激烈动荡，抑或是股市的跌宕起伏，我相信很多国人都会有一种庆幸我是中国人的深刻感悟。作为一名技术宅，除了疫情，更多的还是雨女无瓜，随着 Vue3.0 Beta 的推出，大家都争先恐后的尝了鲜，笔者也不例外，经过一番研究，觉得 Vue3 也的确存在它独特的魅力，也应该写一篇博客方便还没有体验的朋友能够快速对其有一个大体的认知。 开始 此文默认你已熟悉 Vue2.x 相关知识 环境搭建 相关库版本 Vue-Cli 4.x Vue 3.0.0-beta.1 Vue-Router 4.0.0-alpha.7 具体步骤如下： 使用 VueCli 创建一个 Vue 基础项目： vue create project 在项目中，执行升级命令： vue add vue-next 项目目录结构如下： 进行完以上操作无误之后基本环境就已经搭建完毕。 配置路由 项目中执行 npm install vue-router@4.0.0-alpha.7 -S 按照一般规范，在 src 目录下新建 router 文件夹，并在 router 文件夹中新建 index.js 文件。 index.js内容: import { createRouter, createWebHashHistory } from 'vue-router' ; import

摘要 　　 在react中，大多数业务逻辑都组件化；极大的减轻了代码的冗余度，如果组件的层次比较深的话，组件的import就比较费劲，在import时使用“../../components/test”的方式，组件的import就会稍显混乱、组件代码不容易维护。为了可高效的、快速的维护组件代码，废弃“../../”的组件引入方式，配置一个组件路径重写的方式引入组件。 配置内容 　　 我在之前就介绍过在react中引入less的配置，同样的为了配置一个路径别名，使用customize-cra来覆写webpack底层配置。(配置覆写webpack需要的插件以及第三方库就不在复述，不清楚的可以去参考 Ant Design 官方的配置说明) 路径别名重写方式一 const { override } = require('customize-cra'); const path = require("path"); module.exports = override( config =>{ config.resolve.alias = { "@": path.resolve(__dirname, "src") }; return config; }, ); 路径别名重写方式二 const { override, addWebpackAlias } = require('customize-cra

摘要 　　 在react中，大多数业务逻辑都组件化；极大的减轻了代码的冗余度，如果组件的层次比较深的话，组件的import就比较费劲，在import时使用“../../components/test”的方式，组件的import就会稍显混乱、组件代码不容易维护。为了可高效的、快速的维护组件代码，废弃“../../”的组件引入方式，配置一个组件路径重写的方式引入组件。 配置内容 　　 我在之前就介绍过在react中引入less的配置，同样的为了配置一个路径别名，使用customize-cra来覆写webpack底层配置。(配置覆写webpack需要的插件以及第三方库就不在复述，不清楚的可以去参考 Ant Design 官方的配置说明) 路径别名重写方式一 const { override } = require('customize-cra'); const path = require("path"); module.exports = override( config =>{ config.resolve.alias = { "@": path.resolve(__dirname, "src") }; return config; }, ); 路径别名重写方式二 const { override, addWebpackAlias } = require('customize-cra

在这个黄道吉日，咱们将要干一件，惊天地泣鬼神，妇孺皆知的大事，那就是删掉微信开发工具自动生成的源代码。 删掉pages下的index、logs目录，啥都不留； 删掉utils下的util.js，只流空气; 删掉app.js里的代码，只留App({})； 删掉app.wxss里的内容，只留下一地鸡毛； 删掉sitemap.json, 只留下一声叹息，但这里有个前提：你确定所有页面都可被索引(搜索)，而且一直不会有例外，如果不是，那就留着，如果你已经删掉了，那就补回来。 删掉project.config.json，如果不想再接着开发的话； 删掉，哦，不，是修改。修改app.json里的pages值为："pages/home/index"，并快速按下保存。当然，慢速也是可以的。 删掉，删掉，把一切的烦恼统统删掉；删掉，删掉，把多余的代码全部删掉；删掉，删掉，我听到你在鬼哭狼叫。 删一时，一时爽，一直删除，一直爽。爽过之后，再慢慢增加回来。 3.1 增加 在app.json中的pages新增pages/home/index并进行保存时，你会发现在左边pages目录下,多了一个home目录，里面存着页面4件套。 按微信产品经理的建议，开发小程序时，先从布局文件wxml和样式文件wxss开始，紧接着实现业务逻辑(js)。至于json，不用开发，只是配置就好。 好了，这次做个乖宝宝

全局配置 1.app.js 定义全局数据和全局函数 定义内容解释： onLanuch 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） onShow 当小程序启动，或从后台进入前台显示，会触发 onShow onHide 当小程序从前台进入后台，会触发 onHide onError 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息 globalData 全局数据，用来存放一些全局的东西，比如统一的远程接口地址等，当然在使用中发现，也可以自定义数据，也能访问到 数据的访问: 　　使用getApp()访问，在需要访问的页面的js中加上 var app=getAPP()，就可以app.XX来访问数据，app.xxx()访问函数 举例： // app.js App({ cookie: {}, onLaunch: function () { }, globalData: { userInfo: null , version: "1.0" , shopName: "商店" , // sdomain:"http://192.168.0.119:8999/api", domain:"https://xx/api" , static_domain: "https://xx.cn/static/images/mina" , }, tip:

最近写了一个用node来操作MongoDB完成增、删、改、查、排序、分页功能的示例，并且已经放在了服务器上地址： http://39.105.32.180:3333 。 Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具，有人已经总结了使用方法， 传送门 项目代码地址，欢迎star; 项目一共四部分： 　　 1.MacOS下MongoDB数据库的安装配置。 　　2.MongoDB在MacOS上的客户端Robo 3T 的使用。 　　 3.Centos 下MongoDB数据库的安装配置。 　　 4.node-express项目的搭建并通过mongoose操作 MongoDB数据库详细示例，完成增删改查分页排序。 (本篇文章) 　　 统一声明：安装插件或执行命令的时候linux,mac 有时候需要加上 sudo 一：先安装node.js，安装express等，然后创建项目 新建express站点，express publish-system -e -c less，新建的项目名称是publish-system，选择ejs模板，使用less进行预编译， 　　　如果不知道express的这些指令，可以通过express –help查看 　2. 进入到这个项目目录 cd publish-system，安装依赖 npm install 项目目录应该是这样的： 　　　

文章系列 1-1、React环境搭建，以及初识jsx语法。 1-2、React熟悉，jsx语法以及变量绑定和三种渲染语句 1-3、React绑定属性和事件，以及事件的响应。 大家好，我是Counterrr 不忘初心，砥砺前行 本文目录 一、根据input框以及列表渲染做了小项目展示； 二、form表单input框初使用； 三、列表渲染； 四、小项目代码解读； 1、小项目介绍与展示: 1-1、项目初始的时候下面的语言是空的，语言列表是空的时候，那么选择学习语言的按钮就是不能点击的状态； 1-2、当添加语言为空时，会提示你输入语言； 1-3、当语言列表不为空的时候点击选择学习语言时会随机选择列表中的一种语言； 1-4、点击清除按钮会把语言全部清除； 完成小项目之前先来试试react中input框的使用吧。 2、form表单input框初使用: 我们把src文件夹下的app.js改成如下代码（运行的命令就不在这本赘述了，可以看这里 1、React环境搭建，以及初识jsx语法。 ）： let inputFunc = ( e ) => { e . preventDefault ( ) console . log ( e . target . elements . input . value ) ; reactRenderFunc ( ) } const reactRenderFunc = (

1,nvm git地址点击打开链接，安装命令 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash or Wget: wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 然后 source ~/.bashrc 2、通过命令 nvm --version 可查看版本，说明安装成功 3、通过 nvm ls-remote可查看node所有版本 4、通过 nvm install <version>(版本号) 例如：nvm install v10.6.0 5、安装后可通过node -v ,npm -v 查看版本，说明安装成功 nvm list #查看本地所有node版本 nvm install 4.2. 2 #安装 4.2.2 版本 nvm use 4.2. 2 #切换至 4.2.2 版本 nvm uninstall 4.2. 2 #卸载4.2.2 版本 如采pm2部署相关命令如下 npm install -g pm2 下载全局安装 pm2 pm2 start 　App.js 启动node服务项目 pm2 stop App.js 停止node服务项目 pm2