Hello 小伙伴们,如果觉得本文还不错,记得给个 star , 小伙伴们的 star 是我持续更新的动力!GitHub 地址 React 系列文章代码地址 一 目录 不折腾的前端,和咸鱼有什么区别 目录 一 目录 二 前言 三 安装及初始目录 四 默认支持特性 五 配合 VS Code 调试 六 分析包大小 七 模块引入 CSS 八 Sass 安装及使用 九 添加图片.背景.SVG 十 public 文件夹  10.1 引用静态资源  10.2 Mock 数据 十一 代码打包分割 十二 引用…

In this lesson I demonstrate how to use the library MDXC to create and import React components with Markdown. MDXC converts markdown into JavaScript and supports JSX. Additional Resources: https://github.com/jamesknelson/mdxc   Create a React app by…

server{ listen 80; server_name www.domain.com domain.com; location ~* \.js$ { root /home/hard/Project/game/web-client/build/js; } location / { root /home/hard/Project/game/web-client/build/html/; } location ~* html { rewrite .* /index.html break; roo…

$ npm i -g create-react-native-app $ create-react-native-app my-project $ cd my-project $ npm start…

现在各种前端框架, 库文件基本都托管到npm上, 我们平常下载到别人的项目文件, 也基本是用npm 构建的, 不了解点node和npm那是寸步难行. 下面介绍的代码示例不敢说是最佳实践, 但都是我亲自在自己机器上测试有效的. 测试环境: win10, node v8.4, npm v5.3. package.json package.json文件非常重要, 我们拿到别人的项目第1眼便是看package.json里有什么, 我们自己 创建个新项目, 首先就要创建好package.json文件. 假…

前面讨论过手动建立jsp的项目,jsp是tomcat服务器负责编译执行,所以配置相对简单,而Servlet需要先把java源文件编译成字节码class文件,然后再执行,所以需要servlet-api.jar这个包的支持,使用集成的开发环境时,IDE帮助我们做了一些事情,所以手动配置和IDE的原理是一样的,xml文件的编写方式也是一样的,下面就从头开始建立一个servlet的项目 首先在tomcat服务器目录下的webapps目录下新建一个目录作为项目目录,我建立的是MyFirstServlet,…

1.构建SpringBoot项目 大致流程 1.新建工程 2.选择环境配置.jdk版本 3.选择 依赖(可省略.后续要手动在pom文件写) 4.项目名 1.1 图解建立过程 1.2 项目结构 友情提示:建立springboot项目的前提是要安装了maven..由maven管理这些依赖 2.编写Controller控制器.实现简单的输出功能 2.1 ZyzSpringBoot.java package com.zyz.test_springboot.Controller; import org.s…

本文介绍的 Create-React-Native-App 是非常 Awesome 的工具,而其背后的 Expo 整个平台也让笔者感觉非常的不错.笔者目前公司是采用 APICloud 进行移动应用开发(人少 + 应用要求低),不过确实也有很多的性能瓶颈:今天笔者还特地邮件问了 Expo Support 有关添加微信.百度地图等成为官方预置库的计划,得到的回复是可能两三个月内会先将微信集成进来,很期待未来 Expo 在国内的发展. 利用 Create React Native App 快速创建 R…

开发一个 React 项目,通常避免不了要去配置 Webpack 和 babel 之类,以支持 commonjs 或 es 模块及各种 es 新语法,及及进行 jsx 语法的转义.当然也可以用 create-react-appp 脚手架快速创建一个 react 项目,但与此同时 create-react-app 常常又显的不太自由. 在配置 webpack 时,看着上百行的 webpack.config.js 是不是很闹心?为了重用是不是在多个项目间各种 ctrl-c -> ctrl-v,整个配…

前言 下面是我们使用到技术栈: webpack + react + redux + react-router + react-thunk + ES6 + .... 注意事项: 建议使用npm5.X 或者 yarn 包管理工具(最好不要使用cnpm,虽然安装包速度上很快,但是在文件关联上会有坑,之前用的时候被坑过) 一.新建项目目录 config : webpack 配置文件 dist: 打包后代码 src: 源码目录 二.基础配置 安装基础的包 // 生成默认package.josn 文件 np…