RAP2搭建教程(mock服务)

RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。 1.后端服务搭建 下载项目:?https://github.com/thx/rap2-delos 开发模式 # 创建数据库 mysql -e ‘CREATE DATABASE IF NOT EXISTS RAP2_DELOS_APP DEFAULT CHARSET utf8 COLLATE utf8_general_ci’ # 安装依赖初始化数据库 npm install npm run create-db # 代码检查(或可忽略) npm run …

pro.ant.design组件库搭建

国内npm较慢,安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org 使用命令行工具 你可以使用集成化的命令行工具?ant-design-pro-cli。 cnpm install ant-design-pro-cli -g pro new # 安装脚手架 选择?standard 进入安装创建的项目目录执行 cnpm install 开发模式调试 cnpm start 打包路径配置,修改 .roadhogrc?文件,追加??publicPath?属性,为 build?依赖路径前缀 打包成生产版本 cnpm r …

JSX语法入门 基于React-16.0.0

JSX语法,像是在Javascript代码里直接写XML的语法,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,React 官方推荐使用JSX, 当然你想直接使用纯Javascript代码写也是可以的,只是使用JSX,组件的结构和组件之间的关系看上去更加清晰。 //使用JSX ReactDOM.render( <div> <div> <div>content</div> </div> </div>, document.getElementById(‘example’) ); / …

Vue实例的生命周期created和mounted的区别

什么是生命周期 Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。 每个钩子函数都在什么时间触发 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创 …

Ant-Design脱构建工具使用

1.将react的相关链接引入: <script src=”https://cdn.bootcss.com/react/16.0.0/umd/react.production.min.js”></script> <script src=”https://cdn.bootcss.com/react-dom/16.0.0/umd/react-dom.production.min.js”></script> <script src=”https://cdn.bootcss.com/babel-core/5.8.38/browser.min.js” …

Angular4+学习笔记

什么是 Angular? Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。 1. 设置开发环境 如果你的机器上还没有Node.js?和npm,请先安装它们。 请先在终端/控制台窗口中运行命令?node -v?和?npm -v,?来验证一下你正在运行 node?6.9.x?和 npm?3.x.x?以上的版本。?更老的版本可能会出现错误,更新的版本则没问题。 然后全局安装?Angular CLI?。 npm inst …

nginx配置详解

#定义Nginx运行的用户和用户组 user www www; #nginx进程数,建议设置为等于CPU总核心数。 worker_processes 8; #全局错误日志定义类型,[ debug | info | notice | warn | error | crit ] error_log /var/log/nginx/error.log info; #进程文件 pid /var/run/nginx.pid; #一个nginx进程打开的最多文件描述符数目,理论值应该是最多打开文件数(系统的值ulimit -n)与nginx进程数相除,但是nginx分配请求并不均匀,所以建议与ulimit …

为什么你的前端工作经验不值钱?

工作经验往往不是以年衡量的,甚至有些时候跟时间没有关系。 今天想要分享的一点,是关于“为什么你的工作经验不值钱”,或者“怎么样才能让工作经验值钱”。庸俗,却能让每个人提起精神。 从一个小小的面试题目入手: 编写一个javscript函数 fn,该函数有一个参数 n(数字类型),其返回值是一个数组,该数组内是 n 个随机且不重复的整数,且整数取值范围是 [2, 32]。 如果愿意,请先暂停阅读,自己动手写一下这个函数。是的,很简单。等你五分钟。   华丽的五分钟过去了? 现在假设你的工作时间为 y 年,经验系数默认为 1,即工作经验是:Y = 1 * y。从现在开始,以下的错误,你要是 …