• 尖端Python / Django和JavaScript / React Web开发速查表
  • 最近还没找到工作,就在学校磨练下自己的...因为之前在的公司是用react在做项目,所以打算用react+django搭建一个前后分离的博客。 这样各玩各的,互相的干扰做到最小,只有之间数据的连接。 这个blog的项目在这htt

    最近还没找到工作,就在学校磨练下自己的技术,之前搭了一个django的爬虫数据展示网站,

    不过没做到前后端分离,项目在这https://github.com/Yangzhedi/spiderwebsite

    因为之前在的公司是用react在做项目,所以打算用react+django搭建一个前后分离的博客。

    这样各玩各的,互相的干扰做到最小,只有之间数据的连接。

    这个blog的项目在这https://github.com/Yangzhedi/myBlog

    安装环境,安装模块什么的这里就先不说了,

    这里默认是已经建立好了一个blog的项目,这是整个blog的目录。


    static里放css文件,一些图片,reactjs的js文件和一些package.json和webpack的配置。

    templates里放html的模版,也就是至少有一个webpack的出口文件,我的出口文件是index.html,意思就是webpack打包编译好的js都会在index.html中展示出来。

    这里的index.html是前后分离的展示,index2.html是前后为分离的展示,也可以正常使用。




    未完待续。。。

    展开全文
  • 上两个礼拜在学习PythonReact,完成了一个demo,前端使用React+Redux实现,参考并借鉴了网上代码,后端采用Python的Flask框架,在数据存储方面,简单的利用了Redis进行缓存。 项目包括以下几块内容: 登录功能,...

    上两个礼拜在学习Python和React,完成了一个demo,前端使用React+Redux实现,参考并借鉴了网上代码,后端采用Python的Flask框架,在数据存储方面,简单的利用了Redis进行缓存。
    项目包括以下几块内容:

    • 登录功能,不允许重复用户名密码
    • 对在线人数进行过滤搜索
    • 每5s更新一次在线聊天人数
    • 登录时获取近一段时间的聊天室聊天数据
    • 聊天数据以localStorage存在本地,再次刷新数据不会丢失

    技术栈:

    • Python Flask作为后端代码实现
    • Redis作为数据存储
    • 基于React+Redux前端框架作为实现

    下面是效果图:

    这里写图片描述

    下面是前端的代码结构:

    这里写图片描述

    Python端代码结构:

    这里写图片描述

    有需要的同学可以从我的github上clone:
    Python_Websocket_flask_chat

    运行本项目

    安装Node.js

    安装Nodejs:

    sudo apt-get install nodejs
    

    安装npm:

    sudo apt-get install npm
    

    配置cnpm:

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    npm config set registry https://registry.npm.taobao.org
    

    安装Python

    安装python:

    sudo apt-get install python2.7 python2.7-dev
    

    安装pip:

    sudo apt-get install python-pip
    

    安装Redis

    下载redis:

    wget http://download.redis.io/releases/redis-4.0.2.tar.gz
    tar xzf redis-4.0.2.tar.gz
    cd redis-4.0.2
    make
    

    ###运行前端代码
    进入**/Python_Websocket_flask_chat/app/static**
    分别执行:

    npm install
    

    运行开发环境:

    npm run dev
    

    接着访问:http://localhost:8085/
    即可看到主页。

    运行Redis

    进入Redis根目录
    执行:

    ./redis-server
    

    运行python服务器

    下载所需依赖:

    pip install -r /Python_Websocket_flask_chat/requirements/requirements.txt
    

    运行服务器:

    python /Python_Websocket_flask_chat/manage.py
    

    觉得博主写的有用,不妨关注博主公众号: 六点A君。
    在这里插入图片描述

    展开全文
  • flask+react1.搭建后台安装flask安装virtualenv创建后台文件2.搭建前台1.init在Flask后台中运行前台程序1.build目录2.配置到服务器 1.搭建后台 安装flask pip3 install flask 安装virtualenv virtualenv是一个...


    1.搭建后台

    安装flask

    pip3 install flask

    安装virtualenv

    virtualenv是一个用于创建虚拟环境的脚本。可以让不同的项目使用自己的一套环境,避免项目间的冲突或者与本地环境的冲突。
    使用
    pip3 install virtualenv
    然后创建虚拟环境
    cd /var/www/WebSite
    virtualenv venv #创建虚拟环境
    source venv/bin/activate #运行虚拟环境
    此时命令提示符变了,有个(venv)前缀,表示当前环境是一个名为venv的Python环境
    然后正常安装各种包,在venv环境下,用pip安装的包都被安装到venv这个环境下,系统Python环境不受任何影响。
    使用deactivate命令可以退出当前环境。
    在venv环境下,可以使用pip3 freeze > requirements.txt导出当前venv环境中所用到的python第三方库。
    在部署到服务器的过程中,在服务器端运行pip3 install -r requirements.txt,可以直接安装项目所需库。

    创建后台文件

    创建一个python文件hello.py作为项目的入口文件

    from backend import creat_app
    
    app = creat_app()
    
    if __name__ == "__main__":
        app.run(host='0.0.0.0', port=8080)
    

    然后创建一个目录为backend做为项目后台
    backend中创建一个__init__.py

    from flask import Flask,render_template,g,session
    def creat_app():
        app = Flask(__name__,template_folder="templates",static_folder="static",static_url_path="/backend/static")
        #注册蓝图
        from . import main
        app.register_blueprint(main.main)
        app.config['SECRET_KEY'] = '...自己生成的秘钥'
        app.debug = True
        db.init_app(app)
        return app
    

    然后创建templates和static目录用于存放渲染模板和其他静态文件。
    创建一个main模块
    在其__init__.py中写入

    from flask import render_template
    from flask import Blueprint
    from flask import url_for
    
    main = Blueprint('main', __name__, template_folder='templates', static_folder='static', static_url_path="/static")
    
    @main.route('/', defaults={'path': ''})
    @main.route('/<path:path>')
    def index(path):
      return render_template('index.html')
    

    此时项目的目录如下

    WebSite
    ├──hello.py
    └──backend
        ├── __init__.py
        ├── main
        │   └── __init__.py
        ├── static
        └── templates
    

    2.搭建前台

    1.init

    创建React项目时。使用Facebook 提供的 creat react app 库进行创建。这个库为我们封装好了打包还有开发时要用到的基本库。

    npm install -g create-react-app

    create-react-app frontend

    创建后目录结构如下

    frontend
    ├── README.md
    ├── node_modules
    ├── package.json
    ├── .gitignore
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   └── manifest.json
    └── src
        ├── App.css
        ├── App.js
        ├── App.test.js
        ├── index.css
        ├── index.js
        ├── logo.svg
        └── registerServiceWorker.js
    

    package.json中的内容

    {
      "name": "app",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "react": "^16.4.0",
        "react-dom": "^16.4.0",
        "react-scripts": "1.1.4"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      }
    }
    

    发现package.json中没有webpack这样的打包工具。

    其实webpack已经安装在node_modules中,打包的工作现在全都通过scripts中build来完成。webpack配置文件在 node_modules中的react-scripts库内。已经帮我们完成了封装。
    package.json中的许多应用库都已经封装在了react-scripts库中。如果要查看,可以运行npm run eject来还原到package.json中。但是注意这个步揍是不可逆的。正常条件下帮我们封装的程序就足够我们打包调试和正常的开发。

    可以通过 npm run +scripts中的指令来运行scrips中的脚本。
    npm run start会运行一个本地的server用于调试代码。

    在Flask后台中运行前台程序

    1.build目录

    npm run build会在frontend目录下创建一个build目录。然后将react程序用到的资源以及打包压缩过的js、css文件放入其中。

    build
    ├── asset-manifest.json
    ├── favicon.ico
    ├── index.html
    ├── manifest.json
    ├── service-worker.js
    └── static
        ├── css
        │   ├── main.c17080f1.css
        │   └── main.c17080f1.css.map
        ├── js
        │   ├── main.61911c33.js
        │   └── main.61911c33.js.map
        └── media
            └── logo.5d5d9eef.svg
    

    浏览器中,如果文件名不发生变化,可能会导致不更新此文件而是使用本地的缓存文件。react-script的build脚本帮助我们解决了这个问题。
    static目录下的文件后面都有一串hash值。这个值是通过对文件进行md5后取了其中一段作为文件名字的。这样做只要文件发生变化。hash值也会发生变化。这样保证了文件有所更新后。build出来的文件的名字也会变化。

    2.配置到服务器

    虽然build文件已经生成。但是生成的路径是在frontend目录下。而要Flask后台上运行,需要把build中的入口文件index.html移动到backend的template目录下。而其他的js、css、图片等则要移动到backend中的static目录下方便外部访问。
    所以我们要在npm run build的前后加入一些命令或者脚本,移动文件到backend下的目录。
    移动好后,项目结构大致如下

    WebSite
    ├──hello.py
    ├──frontend
    │   └── ...
    └──backend
        ├── __init__.py
        ├── main
        │   └── __init__.py
        ├── static
        │   └── build
        │       ├── asset-manifest.json
        │       ├── favicon.ico
        │       ├── manifest.json
        │       ├── service-worker.js
        │       └── static
        │           ├── css
        │           │   ├── main.c17080f1.css
        │           │   └── main.c17080f1.css.map
        │           ├── js
        │           │   ├── main.040641a3.js
        │           │   └── main.040641a3.js.map
        │           └── media
        │               ├── 1.0ebbf763.jpg
        │               └── logo.5d5d9eef.svg
        └── templates
            └── index.html
    

    编辑package.json,在script中加入钩子

    “prebuild”: “rm -rf …/backend/templates/index.html && rm -rf …/backend/static/build”,
    “postbuild”: “mv build/index.html …/backend/templates/ && mv build …/backend/static/”,

    在widnows下写成

    “prebuild”: “del …\backend\templates\index.html & rd /s/q …\backend\static\build”,
    “postbuild”: “move build\index.html …\backend\templates\ & move build …\backend\static\”,

    作用分别为在build前后执行一些shell命令。

    这样。我们运行npm run build后。生成的文件就已经放入到了backend中。

    但是此时运行python hello.py会发现。打开的网页是空白。查看templates下的index.html会发现,其中引用的文件的链接地址不正确

    app = Flask(__name__,template_folder="templates",static_folder="static",static_url_path="/backend/static")
    

    我们staic文件的路径应该是/backend/static/...上面的js路径应该为
    /backend/static/build/static/js/main.040641a3.js时,才能访问到此文件。
    我们可以在package.json中指定homepage参数来指定生成文件的主页路径。
    在package.json中添加

    "homepage": "/backend/static/build"
    

    此时的package.json如下

    {
      "name": "frontend",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "react": "^16.4.0",
        "react-dom": "^16.4.0",
        "react-scripts": "1.1.4",
      },
      "scripts": {
        "start": "react-scripts start",
        "prebuild":"rm -rf ../backend/templates/index.html && rm -rf ../backend/static/build",
        "build": "react-scripts build",
        "postbuild": "mv build/index.html ../backend/templates/ &&  mv build ../backend/static/", 
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      },
      "homepage": "/backend/static/build"
    }
    

    然后重新npm run build。再运行python hello.py页面就可以正常显示了。实际上我们运行npm run build的时候使用的是frontend/pubilc目录下的文件做模板的。生成的index.html也是按照public下的index.html生成的。如果我们要改后端static文件下build文件的结构。需要同时修改public中的index.html文件。使其生成的入口文件中的静态文件地址能被找到。

    修改favicon.icon 可以改变文件标签上的图标。

    而manifest.json文件是控制将站点添加至主屏幕时的一些配置的。

    展开全文
  • 本文译自React or Vue: Which Javascript UI Library Should You Be Using?,原文需翻墙。 2016年React巩固了它作为前端框架之王的地位,这一年中可以看到它在Web端和移动端的快速成长,同时稳稳领先于它的主要竞争...

                

    本文译自React or Vue: Which Javascript UI Library Should You Be Using?,原文需翻墙。

    2016年React巩固了它作为前端框架之王的地位,这一年中可以看到它在Web端和移动端的快速成长,同时稳稳领先于它的主要竞争对手Angular。

    但是2016对Vue来说也是同样令人印象深刻的一年,它发布了Vue 2.0版本并且在JavaScript社区引起了巨大反响,GitHub上多出的25000颗star就是最好的证明。

    React和Vue的适用范围无疑是很相似的:同样是基于组件的轻量级框架,同样专注于用户界面的视图层。同样可以用在简单的项目中,也同样可以使用全家桶扩展为复杂的应用程序。

    因为,很多Web开发者想知道他们应该使用哪个框架。是其中一个明显优于另一个?还是他们有各自的优点和坑?或者他们基本就是一个样?

    两个框架 两个拥护者

    在本文中,我想用一次公平,彻底的对比来回答上面的疑问。但是唯一的问题是我是一个Vue粉丝,完全不够客观。今年我在项目中重度使用Vue,在Medium上大加赞赏,甚至还发布了Udemy课程

    为了平衡我的偏见,我叫上了我的朋友Alexis Mangin,他是一个很牛的JavaScript开发者,同时也是一个React铁粉。他同样沉浸于React中,经常在Web端和移动端的项目中使用。

    有一天Alexis问我:“为什么你这么中意Vue,而不是React呢?”那时候我不太了解React, 没办法给出一个好的答案。所以我出了一个主意,找一天时间,带上笔记本电脑,互相介绍一下彼此做出选择的原因。

    经过大量的讨论和和互相学习后,我们找到了6个关键点。

    如果你喜欢用模板搭建应用(或者有这个想法),请选择Vue

    Vue应用的默认选项是把markup放在HTML文件中。数据绑定表达式采用的是和Angular相似的mustache语法,而指令(特殊的HTML属性)用来向模板添加功能。

    下面的示例是一个简单的Vue应用。它会展示message和一个用来reverse message的按钮:

    1. //HTML
    2. <divid="app">
    3. <p>{{message}}</p>
    4. <buttonv-on:click="reverseMessage">ReverseMessage</button>
    5. </div>
    6. //JS
    7. newVue({
    8. el:'#app',
    9. data:{
    10. message:'HelloVue.js!'
    11. },
    12. methods:{
    13. reverseMessage:function(){
    14. this.message=this.message.split('').reverse().join('');
    15. }
    16. }
    17. });

    相比之下,React应用不使用模板,它要求开发者借助JSX在JavaScript中创建DOM。下面是用React实现的同样的应用:

    1. //HTML
    2. <divid="app"></div>
    3. //JS(pre-transpilation)
    4. classAppextendsReact.Component{
    5. constructor(props){
    6. super足球平台出租>(props);
    7. this.state={
    8. message:'HelloReact.js!'
    9. };
    10. }
    11. reverseMessage(){
    12. this.setState({
    13. message:this.state.message.split('').reverse().join('')
    14. });
    15. }
    16. render(){
    17. return(
    18. <div>
    19. <p>{this.state.message}</p>
    20. <buttononClick={()=>this.reverseMessage()}>
    21. ReverseMessage
    22. </button>
    23. </div>
    24. )
    25. }
    26. }
    27. ReactDOM.render(App,document.getElementById('app'));

    对于来自标准Web开发方式的新开发者,模板更容易理解。但是一些资深开发者也喜欢模板,因为模板可以更好的把布局和功能分割开来,还可以使用Pug之类的模板引擎。

    但是使用模板的代价是不得不学习所有的HTML扩展语法,而渲染函数只需要会标准的HTML和JavaScript。而且比起模板,渲染函数更加容易调试和测试。当然你不应该因为这方面的原因错过Vue,因为在Vue2.0中提供了使用模板或者渲染函数的选项。

    如果你喜欢简单和“能用就行”的东西,请选择Vue

    一个简单的Vue项目可以不需要转译直接运行在浏览器中,所以使用Vue可以像使用jQuery一样简单。当然这对于React来说在技术上也是可行的,但是典型的React代码是重度依赖于JSX和诸如class之类的ES6特性的。

    Vue的简单在程序设计的时候体现更深,让我们来比较一下两个框架是怎样处理应用数据的(也就是state)。

    React中的state是不可变(immutable)的,所以不能直接改变,需要使用API中的setState方法:

    1. this.setState({
    2. message:this.state.message.split('').reverse().join('')
    3. });

    React中是通过比较当前state和前一个state来决定何时在DOM中进行重渲染以及渲染的内容,因此需要不可变(immutable)的state。

    Vue中的数据是可变(mutated)的,所以同样的操作看起来更加简洁。

    1. //Notethatdatapropertiesareavailableaspropertiesof
    2. //theVueinstance
    3. this.message=this.message.split('').reverse().join('');

    让我们来看看Vue中是如何进行状态管理的。当向state添加一个新对象的时候,Vue将遍历其中的所有属性并且转换为getter,setter方法,现在Vue的响应系统开始保持对state的跟踪了,当state中的内容发生变化的时候就会自动重新渲染DOM。令人称道的是,Vue中改变state的状态的操作不仅更加简洁,而且它的重新渲染系统也比React  的更快更有效率。Vue的响应系统还有有些坑的,例如:它不能检测属性的添加和删除和某些数组更改。这时候就要用到Vue  API中的类似于React的set方法来解决。

    如果你想要你的应用尽可能的小和快,请选择Vue

    当应用程序的状态改变时,React和Vue都将构建一个虚拟DOM并同步到真实DOM中。 两者都有各自的方法优化这个过程。

    Vue核心开发者提供了一个benchmark测试,可以看出Vue的渲染系统比React的更快。测试方法是10000个项目的列表渲染100次,结果如下图。

    blog.b<a href=金沙足球平台出租et0028.com/img/wKiom1hkfW2x7f98AAAAAAAAAAA556.png" alt=""   />

    从实用的观点来看,这种benchmark只和边缘情况有关,大部分应用程序中不会经常进行这种操作,所以这不应该被视为一个重要的比较点。但是,页面大小是与所有项目有关的,这方面Vue再次领先,它目前的版本压缩后只有25.6KB。React要实现同样的功能,你需要React  DOM(37.4KB)和React with  Addon库(11.4KB),共计44.8KB,几乎是Vue的两倍大。双倍的体积并不能带来双倍的功能。

    如果你打算构建一个大型应用程序,请选择React

    像文章开头那种同时用Vue和React实现的简单应用程序,可能会让一个开发者潜意识中更加倾向于Vue。这是因为基于模板的应用程序第一眼看上去更加好理解,而且能很快跑起来。但是这些好处引入的技术债会阻碍应用扩展到更大的规模。模板容易出现很难注意到的运行时错误,同时也很难去测试,重构和分解。

    相比之下,Javascript模板可以组织成具有很好的分解性和干(DRY)代码的组件,干代码的可重用性和可测试性更好。Vue也有组件系统和渲染函数,但是React的渲染系统可配置性更强,还有诸如浅(shallow)渲染的特性,和React的测试工具结合起来使用,使代码的可测试性和可维护性更好。

    与此同时,React的immutable应用状态可能写起来不够简洁,但它在大型应用中意义非凡,因为透明度和可测试性在大型项目中变得至关重要。

    如果你想要一个同时适用于Web端和原生APP的框架,请选择React

    React Native是一个使用Javascript构建移动端原生应用程序(iOS,Android)的库。 它与React.js相同,只是不使用Web组件,而是使用原生组件。 如果你学过React.js,很快就能上手React Native,反之亦然。

    1. //JS
    2. importReact,{Component}from'react';
    3. import{AppRegistry,Text,View}from'react-native';
    4. classHelloWorldextendsComponent{
    5. render(){
    6. return(
    7. <View>
    8. <Text>Hello,ReactNative!</Text>
    9. </View>
    10. );
    11. }
    12. }
    13. AppRegistry.registerComponent('HelloWorld',()=>HelloWorld);

    它的意义在于,开发者只需要一套知识和工具就能开发Web应用和移动端原生应用。如果你想同时做Web端开发和移动端开发,React为你准备了一份大礼。阿里的Weex也是一个跨平台UI项目,目前它以Vue为灵感,使用了许多相同的语法,同时计划在未来完全集成Vue,然而集成的时间和细节还不清楚。因为Vue将HTML模板作为它设计的核心部分,并且现有特性不支持自定义渲染,因此很难看出目前的Vue.js的跨平台能力能像React和React  Native一样强大。

    如果你想要最大的生态系统,请选择React

    毫无疑问,React是目前最受欢迎的前端框架。它在NPM上每个月的下载量超过了250万次,相比之下,Vue是22.5万次。

    人气不仅仅是一个肤浅的数字,这意味着更多的文章,教程和更多Stack Overflow的解答,还意味有着更多的工具和插件可以在项目中使用,让开发者不再孤立无援。

    这两个框架都是开源的,但是React诞生于Facebook,有Facebook背书,它的开发者和Facebook都承诺会持续维护React。相比之下,Vue是独立开发者尤雨溪的作品。尤雨溪目前在全职维护Vue,也有一些公司资助Vue,但是规模和Facebook和Google没得比。不过请对Vue的团队放心,它的小规模和独立性并没有成为劣势,Vue有着固定的发布周期,甚至更令人称道的是,Github上Vue只有54个open  issue,3456个closed issue,作为对比,React有多达530个open issue,3447个closed issue。

    如果你已经用其中一个用的很爽,就别变了

    总结一下,我们发现的,Vue的优势是:

    •     
    •     

      模板和渲染函数的弹性选择

               
    •     

      简单的语法和项目配置

               
    •     

      更快的渲染速度和更小的体积

          

    React的优势是:

    •     
    •     

      更适合大型应用和更好的可测试性

               
    •     

      Web端和移动端原生APP通吃

               
    •     

      更大的生态系统,更多的支持和好用的工具

          

    然而,React和Vue都是很优秀的框架,它们之间的相似之处多过不同之处,并且大部分的优秀功能是相通的:

    •     
    •     

      用虚拟DOM实现快速渲染

               
    •     

      轻量级

               
    •     

      响应式组件

               
    •     

      服务端渲染

               
    •     

      集成路由工具,打包工具,状态管理工具的难度低

               
    •     

      优秀的支持和社区

          

    如果你觉得我们有所遗漏的话欢迎在评论中指出。

    【编辑推荐】

    【责任编辑:wangxueyan TEL:(010)68476606】

    您可能感兴趣的文章:

    2016年11月编程语言排行榜:Haskell真可挺近前20吗-Python 程序员必知必会的开发者工具程序员必读:七款出色的GitHub功能集成工具
    展开全文
  • 点击上方“Python大本营”,选择“置顶公众号”python大本营 IT人的职业提升平台 怎样设计一个项目的文件和组件的结构、甚至是某个组件的内部结构?这个问题永远没有正确答案。作者...
  • 3.安装python 4.打开终端 执行 brew install watchman 注意:执行的时候会卡住不动,按一下control+c 5.npm config set registry https://registry.npm.taobao.org --global npm config...
  • 前言最近心血来潮,想要做一个全栈的App玩玩,在网上查阅一下现在的主流的技术栈,考虑的自身能力及开发成本,准备做一个node.js+koa2+react-native的app。目前个人的状态是node.js会一点点点点,koa2不会,react-...
  • 之前的文章都在介绍React的入门,我们从一个react项目的创建到组件的新建,再到路由的配置,最后的路由模块化。我们可以创建的都是一些简单的react页面,它的样式我们最然可以写css文件来修饰,但是工作量有点大。 ...
  • 二、安装python2环境(貌似不安装也可以运行,我选择不安装,最后也正常启动项目了) 官网说版本必须为2.x(不支持3.x) 三、安装Java的jdk环境 版本必须为1.8(不支持1.9及以上版本),我使用了...
  • 本文章只讲详细步骤不解释原因,只为记录搭建过程,以便将来使用。 1.安装node6.0以上 2.npm i -g create-react-app ...6.npm i --save jquery react-bootstrap redux react-redux react-rou...
  • 仿简书react项目

    2020-06-23 21:09:18
    仿简书react项目 本项目地址仿照简书网站,也是我使用react的第一个完整项目。对有一定react基础的同学非常友好,非常适合入门学习。零基础的同学可以参考我的另外一篇文章react_demo。可以通过git log,查看我的...
  • 学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外。React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你...
  • React Native 已死?

    2018-06-23 08:04:48
    点击上方“CSDN”,选择“置顶公众号”关键时刻,第一时间送达!最近的技术圈尤为热闹,Google 发布了首个 Flutter 预览版、Vue.js 在 GitHub 上...
  • 电脑系统: mac  安装过程如下: 1、新建文件夹用来存储需要创建的应用:(参照官网地址:... mkdir backend01 (backed01 是我创建的文件夹名称,这个名称可以自行定义)....2、创建环境:进入到刚才创建的...
  • ReactJS基础
  • React Ant Design

    2019-09-19 23:53:54
    目录 ...1.2安装react 1.3引入Ant design的组件库 2. React 表单 受控组件 标签 React.Component 装配 其他API 实例属性 3. Ant Design Component Table表格 Dropdown下拉菜单 1. ...
  • create-react-app myapp 暴露webpack 配置 cd myapp && yarn eject //按提示输入 y yarn run v1.16.0 $ react-scripts eject NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and mor.....
  • React技术栈为主分享我们在大规模企业应用建设过程中遇到的问题,对前后端分离架构的思考,前后端分离的技术方案,前后端分离过程中的实践经验,前后端分离带来的效果与价值,以及目前存在的问题与未来可能的尝试...
1 2 3 4 5 ... 20
收藏数 19,468
精华内容 7,787