node.js工程模块中的本地配置环境安装使用 在Node.js工程模块中常常用到本地配置信息,该配置信息还会涉及到不同的运行环境会有不同的配置点,常用的有开发环境设置,生产环境设置,测试环境设置等等,现总结一组方法。 该方法使用包 configure-local 安装yarn add configure-local使用配置文件放置
配置文件使用格式.json格式1必须放置在本项目的c
1.项目结构 2.创建 app / App.js 文件,这是一个组件 3.使用 App 组件,所以我们来到 app / main.js 文件: 4.主页面 index.html 5.效果图
转载
2018-01-30 21:33:00
135阅读
2评论
node test.js
test.jsvar http = require('http');var url = require("url");var querystring = require("querystring");server = http.createServer(function (req, res) { //获取返回的url对象的query属性值 v
原创
2021-08-13 19:20:25
450阅读
前言再不学nodeJs,我们就老了......在HTML5大浪袭来的时候,很多先辈就开始了NodeJs之旅,而那时我还在做服务器端的程序后来转成前端,和梯队的距离已经很大了,因为我会服务器端语言,还干了很久,所以至今才开始学习NodeJs,向完整的前端前进这次学习NodeJs的计划是:① 1-2周学习基础知识② 1周左右开发一个简单项目③ 利用NodeJs开发一套用于移动端调试的工具④ 打包相关(
useMemo介绍useMemo用于性能优化,通过记忆值来避免在每个渲染上执行高开销的计算。const memoizedValue = useMemo(callbanck, array)返回一个memoized 值callback是一个函数用于处理逻辑array 控制 useMemo 重新执行的数组,array 改变时才会 重新执行useMemo不传数组,每次更新都会重新计算空数组,只会计算一次依
用react渲染一段文字:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="
第一步,开发环境的检查在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录/example 或/workspace 以避免需要解决一些无意义的错误。
检查你的 nodejs 的版本号
检查你的 npm 的镜像地址(最好使用淘宝镜像模式)node -v
npm config list
// 如果显示 metrics-regist
Node.js的基本概念Node.js是编写高性能网络服务器的Javascript工具包(用JS开发服务端程序)。特点:单线程、异步、事件驱动;举个Apache服务器运行方式的例子,比如线程池里面有150个线程,当有大量的并发产生的时候(有大量的访问者涌入去访问服务器),会去线程池里面去取线程,其中线程操作有可能是读库或者写入等,线程执行完毕返回给客户端结果之后,线程会继续放回线程池,此时,线程又
app.js helloworld.js
转载
2017-06-14 23:41:00
109阅读
React中模态框的搭建和使用
前一阵遇到过一个需求,要求在App中点击某个按钮会弹出一个对话框(即模态框Modal)。第一件事自然是看看公司内部的组件库有没有已经实现的功能,结果这一看把我看得云里雾里的,这是神马?这又是神马?算了,还是自己写(抄)一个吧。实现很简洁,却又非常好用。稍加改动,啊,真香~ 这个模态框一共由3部分组成:其中Moda
转载
2024-03-19 14:03:09
99阅读
如果只是想试试 React,那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样,create-react-app将webpack的相关配置直接封装好了,所以自定制化程度不高,所以考虑手动构建一个 React项目代码下载 准备工作安装node环境。配置cnpm(看个人需求)。准
1.server.jsconst express = require('express'),
bodyparser = require('body-parser'),
fs = require('fs').promises,
path = require('path');
const pathdb = path.resolve(__dirname, 'database'),
config
原创
精选
2023-06-25 13:54:10
275阅读
React从入门到精通教程React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述:特点:使用`state`复写之前的时间组件不要直接修改stateState 的更新可能是异步的State 的更新会被合并数据是从上而下流动的(单向的) React从入门到精通教程组件和Props概述组件是React中一个非常重
转载
2024-03-18 11:31:58
137阅读
Similar to Storybook, react-styleguidist is used to show the custom UI elements. It is easy to setup and use, it uses markdown file as example page: i
转载
2020-08-20 22:55:00
114阅读
2评论
背景1.1 行业现状与问题很多技术同学都知道,移动端往往比较侧重业务开发,这会导致人员规模不断扩大,项目复杂度也会持续增长。而为了满足业务的快速上线,很难去落实统一的设计规范,在开发过程中由于UI缺乏标准导致的问题不断凸显,具体体现在以下4个层面:设计层面:由于UI缺乏标准化设计规范,在不同App及不同开发语言平台上设计风格不统一,用户体验不一致;设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
import React from 'react' const Release = React.createClass({ render() { const { title, artist, outOfPrint } = this.props.release; const className = outOfPrint? 'release outOfPri...
转载
2017-04-14 22:35:00
154阅读
2评论
前言前段时间发在朋友圈的一句话:各种自主搭建的平台,想起好多年各种DIY博客,行业门户网站,本质不变,变的是实现的手段了。正文从这开始~~本文主要介绍了基于 React 构建可视化编辑平台的实践,包括对可视化拖拽布局、在线编辑、同构直出的实现。背景目前,HRG 的英才校园在线招聘业务有大量的企业定制化需求,企业在英才校园做招聘,同时也希望有自己的招聘主页,每年都会招聘一部分兼职同学来开发这类的招聘
转载
2023-07-10 14:23:41
423阅读
目录一、基础配置二、安装Nginx方法二:brew安装nginx三、配置Nginx一、基础配置如果你的服务器是全新的,那么首先更新源: 输入apt-get update回车安装curl,用来下载资源: 输入apt-get install -y curl回车下载node安装脚本: 输入curl -sL https://deb.nodesource.com/setup_8.x | sudo -E ba
转载
2024-04-07 14:05:22
149阅读
Node.js常见面试题1、NodeJS中的this为什么是一个空对象?2、NodeJS中为什么可以直接使用exports、require、module、__filename、__dirname?3、NodeJS中为什么不能直接exports赋值,而可以给module.exports赋值?4、通过require导入包的时候应该使用var/let还是const?5、require和import的区
转载
2024-04-20 10:09:23
95阅读
React简介react是什么?为什么学?React入门React 基础案例JSX基础语法两种创建虚拟DOM的方式1.使用JSX创建虚拟DOM2.使用JS创建虚拟DOMjsx语法规则模块与组件、模块化与组件化的理解模块组件模块化组件化函数式组件类式组件 react是什么?React用于构建用户界面的JS库。是一个将数据渲染为HTML视图的开源JS库。为什么学?原生JS操作DOM繁琐,效率低使用J
转载
2024-08-07 20:33:39
116阅读