精华内容
下载资源
问答
  • 前端NodeJS-Angluar的SEO优化 安装google浏览器 配置yum源 vim /etc/yum.repos.d/google-chrome.repo [google-chrome] name=google-chrome baseurl=http://dl.google.com/linux/chrome/rpm/stable/x86_64 enabled=...

    前端NodeJS-Angluar的SEO优化

    安装google浏览器

    1. 配置yum源
    vim /etc/yum.repos.d/google-chrome.repo
    [google-chrome]
    name=google-chrome
    baseurl=http://dl.google.com/linux/chrome/rpm/stable/x86_64
    enabled=1
    gpgcheck=1
    gpgkey=https://dl.google.com/linux/linux_signing_key.pub
    
    1. 安装运行
    # 国内推荐
    yum -y install google-chrome-stable --nogpgcheck
    #rpm install google-chrome
    
    1. 安装路径

    2. 创建启动用户
      root用户不能直接运行chrome,所以可以新建另一个用户如web来运行

    useradd prerender
    passwd prerender
    #请输入密码
    2019
    
    1. 安装完成

    安装prerender

    1. 安装Node环境
    2. 安装git
    yum install git
    
    1. 下载prerender
    cd /var/www/
    git clone https://github.com/prerender/prerender.git
    
    
    1. 安装npm依赖
    cd /var/www/prerender
    # Phantomjs 官方的下载地址会超时,此处重新指定其下载地址为淘宝镜像
    export PHANTOMJS_CDNURL=https://npm.taobao.org/mirrors/phantomjs
    npm install
    

    文件结构如下

    CHANGELOG.md  index.js  lib  LICENSE  node_modules  package.json  package-lock.json  README.md  server.js  test
    
    1. 启动prerender
    # 启动Server.js, 默认监听3000端口
    export PRERENDER_SERVICE_URL=http://127.0.0.1:3000
    node server.js
    # nohup node ./server.js  >/dev/null 2>&1
    

    若启动成功,输出如下

    [root@ecs-2288 conf]# curl http://127.0.0.1:3000/http://baidu.com
    <html><head></head><body></body></html>
    

    配置Nginx

    设置反向代理

    location /home {
    	proxy_pass http://127.0.0.1:3000/http://127.0.0.1:8081/index.html;
    }
    

    用于重定向到www下域名

    server {
                    listen 80;
                    server_name robintest.cn;
                    rewrite ^/(.*)$ http://www.robintest.cn/$1 permanent;
            }
    

    完成。

    展开全文
  • beego后端vue前端 nodejs前后分离

    千次阅读 2019-04-28 11:38:24
    前端nodejs + vue-cli + Vue + Element-UI vue 采用element-UI组件。记录一下体验: vue整体体验很好,通过router和router-view可以很好的提高前端布局代码的复用性。对我这种不擅长写前端,每次写前端ctrl+c,ctrl...

    beego与vue 购物网站

    源码

    一个购物网站,数据库设计如下:
    数据库

    前端nodejs + vue-cli + Vue + Element-UI

    vue

    采用element-UI组件。记录一下体验:

        vue整体体验很好,通过router和router-view可以很好的提高前端布局代码的复用性。对我这种不擅长写前端,每次写前端ctrl+c,ctrl+v的真的是非常的友好。另外,数据的绑定、一些指令也是相当的好用
        使用vue-cli工具,需要借助nodejs,可以实现前后端的分离。在vue-cli的工程上,目录结构很清晰,很容易写一个前端。不过需要一些nodejs的知识,不然学起来真的很难受。
        element-UI组件很好使用,不用懂很多css也能写出来很漂亮页面,有种纯写html最后得到带css效果的页面。
    

    笔记:

    父子组件通信

    • v-model 数据双向绑定

    • v-on (@)事件

    • v-bind (:) 数据单向绑定

    内置指令

    • v-if、v-else、v-else-if 条件

    • v-for 循环 (o, i) in objs 其中i是索引,这个顺序好像和我见过的大部分语言相反

    函数

    • created

    • watch 一直观察这个变量

    • computed 一个变量通过函数结算出来

    slot、props、scope

    • slot 插槽

    • scope

    • props

    beego

    beego体验:

        beego从入门到放弃,没有重新运行解决不了的问题,beego基于mvc三层的一个框架,只要学过其他语言的WEB,入手还是很容易的。
        学习go语言一天,入手beego,本着练习go语言的原则,写了这个项目。
        beego有个bee工具,使用起来很容易。bee generate 几乎直接把真的网站的代码都写完了,需要改一些逻辑。生成的controller中GetAll也太恨了,把整个数据库的信息可以按照任意条件都能查询到。
    

    项目中遇到的问题:

        通过注释配url,这个不知道是我的问题,还是beego的问题。配好的url,第一次不起作用,需要把进程关了,然后重新运行。第一次运行会生成一个文件,但是进入url会404,第二次运行就没问题。
        beego的orm也很用,很简单的就能和数据库映射。查询外键中的对象很可以查询到,不过一旦用了外键,外键对应的就成为了一个结构体,在发post等请求时,传外键Id时,需要多写一个{}。
    

    beego笔记:

    bee

    generate    生成代码
    new         创建
    pack        打包
    run         运行
    

    orm

    • qs.RelatedSel() 加载外键

        参数:要加载的外键名字,多层的话,可以使用__
      
    • qs.Limit(limit, offset)

    • struct

    type Address struct {
    	Id             int    `orm:"column(aid);auto"`
    	Uid            *User  `orm:"column(uid);null;rel(fk)"`
    }
    // auto自增、
    // null可以为空、默认为非空、
    // auto_now_add;type(datetime) 自动放到当时时间
    // auto_now;type(datetime) 自动放到当时时间
    // 区别auto_now_add第一次添加的时间,更新时间不变,auto_now每次更新时间改变
    

    Controller

    • router

    • ServeJSON

    展开全文
  • 类似于博客的定时发布功能模块,这是一个小项目,包括前端 nodejs后台。 这个项目可以让你简单入门nodejs,以及react的简单使用。要看懂此项目,您需要先了解一下nodejs以及reactjs。
  • 前端nodejs组件 webpack

    2020-08-13 18:04:16
    Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包 从图中我们可以看出,Webpack 可以将js、css、png等多种静态资源 进行打包,使用webpack有什么好处呢? 1、模块化开发 ...

    概念

    Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包
    在这里插入图片描述
    从图中我们可以看出,Webpack 可以将js、css、png等多种静态资源 进行打包,使用webpack有什么好处呢?
    1、模块化开发
    程序员在开发时可以分模块创建不同的js、 css等小文件方便开发,最后使用webpack将这些小文件打包成一个文
    件,减少了http的请求次数。
    webpack可以实现按需打包,为了避免出现打包文件过大可以打包成多个文件。
    2、 编译typescript、ES6等高级js语法
    随着前端技术的强大,开发中可以使用javascript的很多高级版本,比如:typescript、ES6等,方便开发,
    webpack可以将打包文件转换成浏览器可识别的js语法。
    3、CSS预编译
    webpack允许在开发中使用Sass 和 Less等原生CSS的扩展技术,通过sass-loader、less-loader将Sass 和 Less的
    语法编译成浏览器可识别的css语法。
    在这里插入图片描述

    安装

    此处以全局安装为例:

    OR.安装最新版本

    全局安装就是将webpack的js包下载到npm的包路径下。
    npm install webpack -g 或 cnpm install webpack -g

    OR.安装webpack指定的版本

    全局安装:npm install webpack@3.6.0 -g或 cnpm install webpack@3.6.0 -g

    在cmd状态输入webpack,出现如下提示说明 webpack安装成功
    在这里插入图片描述

    应用示例

    一.[目标页面] 选择要引用到WebPack技术的文件

    此处我以下列代码文件为例子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>vue.js常用指令的测试</title>
    </head>
    <body>
    <!--实现在body区域显示一个传智播客名称-->
    <div id="app">
        <!--相当于MVVM的view视图-->
        <!--{{name}}-->
        <a v-bind:href="url">
        <span v-text="name"></span>
        </a>
        <input type="text" v-model="num1"/> +
        <input type="text" v-model="num2"/>=
       <!-- <span v-text="Number.parseInt(num1)+Number.parseInt(num2)"></span>-->
        <span v-text="result"></span>
        <!--{{Number.parseInt(num1)+Number.parseInt(num2)}}-->
        <button v-on:click="change">计算</button>
        <div v-bind:style="{ fontSize: size + 'px' }">javaEE培训</div>
    </div>
    </body>
    <script src="vue.min.js"></script>
    <script>
        //编写MVVM中的model部分及VM(ViewModel)部分
        var VM = new Vue({
            el:'#app',//vm接管了app区域的管理
            data:{//model数据
                name:'黑马程序员',
                num1:0,
                num2:0,
                result:0,
                url:'http://www.itcast.cn',
                size:11
            },
            methods:{
                change:function () {
                    this.result = Number.parseInt(this.num1)+Number.parseInt(this.num2)
                    //alert("计算结果:"+this.result)
                }
            }
        });
    </script>
    </html>
    

    二.创建应用规则文件

    在这里插入图片描述

    一.根据业务逻辑定义相关函数

    例如:

    var add = function (x, y) {
        return x + y;
    };
    
    var addtwo = function (x, y) {
        return x + y + 10;
    
    };
    
    
    

    二.导出(暴露)相关函数

    OR.单个导出写法

    例如:

    //写法一:
    
    module.exports.add = add; //导出名为'add'的函数
    
    module.exports.addtwo = addtwo; //导出名为'addtwo'的函数
    
    
    

    OR.批量导出写法

    例如:

    //写法二:
    
    
    module.exports = {add,addtwo};//导出名为'add'和名为'addtwo'的函数
    
    

    三.创建应用入口文件

    在这里插入图片描述

    一.导入此前暴露的函数和相关插件

    注意:此处的’相关插件’是根据’目标页面’所使用的插件而导入的.

    例如:

    
    //导入当前目录下'modelOne.js'应用规则文件中导出(暴露)了的'add'函数.
    var {add} = require("./modelOne");
    
    //导入目标页面所需要的vue插件
    var VueObj = require("./vue.min");
    

    二.根据[目标页面]的业务需求,重写其代码

    例如:

    var VM = new Vue({
        el:'#app',//vm接管了app区域的管理
        data:{//model数据
            name:'黑马程序员',
            num1:0,
            num2:0,
            result:0,
            url:'http://www.itcast.cn',
            size:11
        },
        methods:{
            change:function () {
              this.result = add(Number.parseInt(this.num1),Number.parseInt(this.num2));
            }
        }
    });
    
    
    
    

    四.打包

    通过cmd进入应用入口文件的目录,并通过命令进行打包.
    命令格式:

    webpack 应用入口文件名.js 自定义最终合成文件名.js
    

    例如:

    webpack main.js build.js
    

    在这里插入图片描述

    五.应用

    在[目标页面]中删除原有的相关业务逻辑,并导入’自定义最终合成文件名’
    在这里插入图片描述

    整体代码

    目标页面文件(应用技术前):vue_02.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>vue.js常用指令的测试</title>
    </head>
    <body>
    <!--实现在body区域显示一个传智播客名称-->
    <div id="app">
        <!--相当于MVVM的view视图-->
        <!--{{name}}-->
        <a v-bind:href="url">
        <span v-text="name"></span>
        </a>
        <input type="text" v-model="num1"/> +
        <input type="text" v-model="num2"/>=
       <!-- <span v-text="Number.parseInt(num1)+Number.parseInt(num2)"></span>-->
        <span v-text="result"></span>
        <!--{{Number.parseInt(num1)+Number.parseInt(num2)}}-->
        <button v-on:click="change">计算</button>
        <div v-bind:style="{ fontSize: size + 'px' }">javaEE培训</div>
    </div>
    </body>
    <script src="vue.min.js"></script>
    <script>
        //编写MVVM中的model部分及VM(ViewModel)部分
        var VM = new Vue({
            el:'#app',//vm接管了app区域的管理
            data:{//model数据
                name:'黑马程序员',
                num1:0,
                num2:0,
                result:0,
                url:'http://www.itcast.cn',
                size:11
            },
            methods:{
                change:function () {
                    this.result = Number.parseInt(this.num1)+Number.parseInt(this.num2)
                    //alert("计算结果:"+this.result)
                }
            }
        });
    </script>
    </html>
    

    目标页面文件(应用技术后):vue_02.html

    <!DOCTYPE html>
    <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8">
        <title>vue.js常用指令的测试</title>
    </head>
    <body>
    <!--实现在body区域显示一个传智播客名称-->
    <div id="app">
        <!--相当于MVVM的view视图-->
        <!--{{name}}-->
        <a v-bind:href="url">
        <span v-text="name"></span>
        </a>
        <input type="text" v-model="num1"/> +
        <input type="text" v-model="num2"/>=
       <!-- <span v-text="Number.parseInt(num1)+Number.parseInt(num2)"></span>-->
        <span v-text="result"></span>
        <!--{{Number.parseInt(num1)+Number.parseInt(num2)}}-->
        <button v-on:click="change">计算</button>
        <div v-bind:style="{ fontSize: size + 'px' }">javaEE培训</div>
    </div>
    </body>
    <script src="vue.min.js"></script>
    
    <!-- 引用打包后的文件'build.js' -->
    <script src="build.js"></script>
    
    </html>
    
    
    
    

    应用规则文件:modelOne.js

    var add = function (x, y) {
        return x + y;
    };
    
    var addtwo = function (x, y) {
        return x + y + 10;
    
    };
    
    // webpack应用步骤:导出本Js文件中的函数
    
    //写法一:
    
    module.exports.add = add; //导出名为'add'的函数
    
    module.exports.addtwo = addtwo; //导出名为'addtwo'的函数
    
    //写法二:
    /*
    
    module.exports = {add,addtwo};//导出名为'add'和名为'addtwo'的函数
    
    
    */
    
    
    
    

    应用入口文件:main.js

    
    //导入当前目录下'modelOne.js'文件中的'add'函数.
    var {add} = require("./modelOne");
    
    var VueObj = require("./vue.min");
    
    var VM = new Vue({
        el:'#app',//vm接管了app区域的管理
        data:{//model数据
            name:'黑马程序员',
            num1:0,
            num2:0,
            result:0,
            url:'http://www.itcast.cn',
            size:11
        },
        methods:{
            change:function () {
              this.result = add(Number.parseInt(this.num1),Number.parseInt(this.num2));
            }
        }
    });
    
    
    
    

    补充:自动打包(webpack-dev-server技术)

    webpack-dev-server介绍

    webpack-dev-server开发服务器,它的功能可以实现热加载 并且自动刷新浏览器。

    一.安装(本地安装)

    使用 webpack-dev-server需要安装webpack、 webpack-dev-server和 html-webpack-plugin三个包。
    在这里插入图片描述
    我们需要进入存有目标页面文件(已经替换原有业务逻辑),应用规则文件,入口文件,相关插件的目录,然后执行安装命令

    命令如下:

    cnpm install webpack@3.6.0 webpack-dev-server@2.9.1 html-webpack-plugin@2.30.1 --save-dev
    

    二.配置webpack-dev-server

    在这里插入图片描述

    安装完成,会发现程序目录出现一个名为’node_modules’的目录(存放本程序依赖的包),
    还有package.json文件,此文件中记录了程序的依赖。
    我们要在package.json中配置script
    要添加如下内容:

    "scripts": {
        "dev": "webpack-dev-server --inline --hot --open --port 5008"
      },
    
    

    参数说明:

    –inline:自动刷新
    –hot:热加载
    –port:指定端口
    –open:自动在默认浏览器打开
    –host:可以指定服务器的 ip,不指定则为127.0.0.1,如果对外发布则填写公网ip地址

    devDependencies:开发人员在开发过程中所需要的依赖。 scripts:可执行的命令

    三.配置webpack.config.js

    在该目录下创建 webpack.config.js, webpack.config.js是webpack的配置文件。在此文件中可以配
    置应用的入口文件、输出配置、插件等,其中要实现热加载自动刷新功能需要配置html-webpack-plugin插件。
    html-webpack-plugin的作用是根据html模板在内存生成html文件,它的工作原理是根据模板文件在内存中生成一
    个index.html文件
    在这里插入图片描述
    并在该文件中粘贴如下模板代码:
    在这里插入图片描述

    var htmlwp = require('html-webpack-plugin');
    module.exports = {
        entry: './src/main.js', //指定打包的入口文件
        output: {
            path: __dirname + '/dist', // 注意:__dirname表示webpack.config.js所在目录的绝对路径
            filename: 'build.js' //最终自动输出的文件
        },
        plugins: [
            new htmlwp({
                title: '首页', //生成的页面标题<head><title>首页</title></head>
                filename: 'index.html', //webpack-dev-server在内存中生成的文件名称,自动将build注入到这个页面底部,才能实现自动刷新功能
                template: 'vue_02.html' //根据目标文件这个模板来生成(这个文件请程序员自己生成)
            })
        ]
    }
    

    四.运行

    在这里插入图片描述
    选择’package.json’,然后单击’Show npm Scripts’,接着就会自动运行起来,自动在内存中生成一个html文件,并打开.

    整体代码

    目标页面文件:vue_02.html

    自动打包下的目标文件不需要引入build.js和main.js入口函数文件.

    <!DOCTYPE html>
    <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8">
        <title>vue.js常用指令的测试</title>
    </head>
    <body>
    <!--实现在body区域显示一个传智播客名称-->
    <div id="app">
        <!--相当于MVVM的view视图-->
        <!--{{name}}-->
        <a v-bind:href="url">
            <span v-text="name"></span>
        </a>
        <input type="text" v-model="num1"/> +
        <input type="text" v-model="num2"/>=
        <!-- <span v-text="Number.parseInt(num1)+Number.parseInt(num2)"></span>-->
        <span v-text="result"></span>
        <!--{{Number.parseInt(num1)+Number.parseInt(num2)}}-->
        <button v-on:click="change">计算</button>
    </div>
    </body>
    <script>
        //编写MVVM中的model部分及VM(ViewModel)部分
    
    </script>
    </html>
    

    应用规则文件:modelOne.js

    /**
     * Created by Administrator on 2018/6/9.
     */
    
    var add = function (x, y) {
        return x+y;
    }
    var add2 = function (x, y) {
        return x+y+2;
    }
    module.exports.add = add;
    // module.exports ={add,add2};//如果有多个方法这样导出
    // module.exports.add2 = add2//如果有多个方法也可以这样导出
    

    应用入口文件:main.js

    /**
     * Created by Administrator on 2018/6/9.
     */
    //导入model01.js
    var {add} = require("./modelOne")
    var Vue = require("./vue.min")
    var VM = new Vue({
        el:'#app',//vm接管了app区域的管理
        data:{//model数据
            name:'黑马程序员',
            num1:0,
            num2:0,
            result:0,
            url:'http://www.itcast.cn',
            size:11
        },
        methods:{
            change:function () {
                this.result = add(Number.parseInt(this.num1),Number.parseInt(this.num2))
                // this.result = Number.parseInt(this.num1)+Number.parseInt(this.num2)
                //alert("计算结果:"+this.result)
            }
        }
    });
    

    自动化依赖文件:package.json

    {
      "scripts": {
        "dev": "webpack-dev-server --inline --hot --open --port 5008"
      },
      "devDependencies": {
        "html-webpack-plugin": "^2.30.1",
        "webpack": "^3.6.0",
        "webpack-dev-server": "^2.9.1"
      }
    }
    
    

    自动化配置文件:webpack.config.js

    //引用html-webpack-plugin插件,作用是根据html模板在内存生成html文件,它的工作原理是根据模板文件在内存中生成一个index.html文件。
    var htmlwp = require('html-webpack-plugin');
    module.exports={
        entry:'./src/main.js',  //指定打包的入口文件
        output:{
            path : __dirname+'/dist',  // 注意:__dirname表示webpack.config.js所在目录的绝对路径
            filename:'build.js'		   //输出文件
        },
        devtool: 'eval-source-map',
        plugins:[
            new htmlwp({
                title: '首页',  //生成的页面标题<head><title>首页</title></head>
                filename: 'index.html', //webpack-dev-server在内存中生成的文件名称,自动将build注入到这个页面底部,才能实现自动刷新功能
                template: 'vue_02.html' //根据vue_02.html这个模板来生成(这个文件请程序员自己生成)
            })
        ]
    }
    

    五.webpack-dev-server-程序调试

    一.修改webpack.config.js

    在这里插入图片描述

    二.在要调试的地方加debugger

    在这里插入图片描述

    展开全文
  • vue 前端nodejs环境安装

    2020-06-08 18:00:01
    window系统 安装nodejs环境

    windownodejs\color{#FF3030}{window系统 安装nodejs环境}

    window系统 安装nodejs环境

    安装nodejs方式

    1. 官网下载 :通过nodejs官网下载安装 ,但有个缺陷,不同版本的nodejs无法顺利的切换。
    2. NVM安装:NVM可以帮助我们快速切换 node.js版本。

    下面是通过nvm安装node.js的。

    一、nvm安装node.js

    1. nvm下载
      github下载地址:https://github.com/coreybutler/nvm-windows/releases
      推荐下载第三个包:nvm-setup.zip

    2. 设置镜像
      由于nvm默认的下载地址http://nodejs.org/dist/是外国外服务器,速度非常慢,建议切换到淘宝的镜像。
      node_mirror: http://npm.taobao.org/mirrors/node/
      npm_mirror: https://npm.taobao.org/mirrors/npm/
      修改安装目录下的settings文件

      node_mirror: http://npm.taobao.org/mirrors/node/
      npm_mirror: https://npm.taobao.org/mirrors/npm/
      

      或者命令设置

      nvm node_mirror https://npm.taobao.org/mirrors/node/
      nvm npm_mirror https://npm.taobao.org/mirrors/npm/
      
    3. 安装nodejs
      nvm install version (eg: nvm install 10.13.0)
      在这里插入图片描述

    4. 切换nodejs版本
      nvm list : 显示管理的 nodejs 版本
      nvm use version : 设置使用哪个nodejs版本
      在这里插入图片描述

    5. 配置环境变量
      为了全局使用nvm命令,就需要配置下环境变量。
      NVM_HOME:nvm安装目录
      path:%NVM_HOME%
      在这里插入图片描述
      npm\color{#FF3030}{ 如果npm命令无效,可以检查这个变量的路径是否正确。 }
      环境变量 NVM_SYMLINK:应该将其设置为用于标识正在运行哪个版本的node.js的路径。NVM自动创建和维护

    6. 设置全局 node_cache(缓冲目录)和 node_global(全局目录)

      npm config set prefix "D:\Program Files\nodejs\node_global"
      npm config set cache "D:\Program Files\nodejs\node_cache"
      

    二、安装 vue-cli

    npm config set registry https://registry.npm.taobao.org 修改镜像库地址(国内镜像更快)
    npm install -g vue-cli 安装vue-cli
    vue --version 查看版本号
    在这里插入图片描述

    三、安装 cnpm

    在windows系统安装完node.js和npm后,由于需要加速从而选择安装cnpm,命令如下:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    若nodejs已配置https://registry.npm.taobao.org, 则npm install -g cnpm
    cnpm -v 查看版本
    在这里插入图片描述

    四、安装 express: Express运行在Node.js中

    npm install express -g 或则 cnpm install express -g (-g 标示安装单全局目录node_global)

    展开全文
  • nodejs 下载安装nodejs: https://nodejs.org/zh-cn/ 一直点next即可,有一个“automatically install the necessary”出现的时候,勾选上然后继续next 安装完后在cmd窗口输入node检查是否安装成功 然后输入: npm ...
  • Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。 chrome浏览器就基于V8,同时打开20-30个网页都很流畅。 nodejs 实现 commonjs规范 nodejs 让 js在后端运行提供服务成为可能。nodejs优秀框架有...
  • docker技术快速实现前后端项目的集群化③renren-fast前端nodejs环境在windows下的搭建 前端项目的部署 我们下载1.1版本 https://gitee.com/renrenio/renren-fast-vue/tree/v1.1.0/ windows中安装nodejs 8.17.0 ...
  • 另一个项目的前端离职了,中途接手该项目,在本地构建启动之后,发现nodejs的服务cpu占用率高达90%多,遂寻找原因和解决办法。 我已经做好了遇到问题和困难的准备。 — 某接盘侠 原因 本地开发时,通常会使用热...
  • Windows 下 前端node环境搭建全过程 nodejs -&gt; @vue/cli  1. 先下载nodejs 安装包,下载地址:https://nodejs.org/zh-cn/download/ 点击系统对应位数版本进行下载。 2. 下载完毕进行解压 解压完毕是...
  • https://blog.csdn.net/coming_is_winter/article/details/72850511字节跳动2019.08.25笔试题第一题(NodeJS)JS代码如下 JS代码如下 var readline = require('readline'); const rl = readline.create...
  • Idea 配置前端web nodejs项目
  • 前端nodejs

    千次阅读 2019-05-06 16:19:46
    1.模块系统 ...前端 require.js define定义模块 node.js reueire.js exports定义模块 Demo: //原网页中模块化开发的写法; require("./3.2search.js").search(req,res,connection); //新网页中模...
  • 前端追梦人NodeJS教程

    2020-11-10 11:23:30
    什么是NodeJS 独立运行JS的一个解析器 NodeJS创造的目的是为了构建高性能的Web服务器 运行 node server.js 模块 在编写每个模块时,都有require、exports、module三个预先定义好的变量可供使用。 require函数用于在...
  • 微信小游戏斗地主小游戏源码,前端nodejs-服务器nodejs-server-wechat-landLordGame-master.zip
  • 导入前端项目后 在控制台输入npm run dev 运行程序 命令: 1、npm run build 进行打包,包是dist文件夹,修改src下的js文件中的ip 2、我们在windows系统安装完node.js和npm后,由于需要加速从而选择安装cnpm,命令...
  • 前端请求nodejs接口跨域

    千次阅读 2019-05-25 21:34:03
    nodejs我们可以引入cors插件,轻松解决跨域问题 //导入cors模块,该模块为跨域所用 const cors = require('cors'); app.use(cors());
  • Node.js是一个基于 Chrome V8 引擎的...前端nodejs有什么用处? Nodejs是基于JavaScript语言的,这样就不用再单独新学一门陌生的语言,从而减低了学习的门槛。 同时,JavaScript语言在Web前端开发中至关...
  • JHispter前端NodeJS)Docker化 yarn config set registry 'https://registry.npm.taobao.org'
  • vue前端+nodejs后端通讯最简单demo

    千次阅读 2020-01-12 21:31:40
    本文记录vue前端+nodejs后端通讯最简单的方法,供广大网友最快速进入全栈开发。 效果演示 本示例效果如下:前端是一个登陆表单,信息提交给后端,后端收到后给前端反馈信息。 技术架构 前端 vue + axios + wepack ...
  • 等价 多映射了一个可以访问真实网关服务的地址端口 8082, 即可以用8080 或者 8082 都是相当访问到8080 的! 注意: 真实的网关服务地址 设计的是 8080哈!!!
  • 前端nodejs(五)

    2017-10-29 17:00:22
    断点与调试nodejs本质就是js,也可以和chrome一样打断点,但断点并不是在浏览器中设置,因为nodejs 是基于V8引擎,可以直接在cmd中使用原生nodejs debug模块进行断点,还可以依赖第三方断点软件进行调试,例如mocha,...
  • 1、初始化前后端测试./node_modules/.bin/karma init 初始化生成karma.conf.js具体配置看前一篇karma前端测试的配置。./node_modules/.bin/jasmine init 初始化nodejs测试 生成spec文件夹,用来测试。2、命令配置...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,859
精华内容 3,543
关键字:

前端nodejs