皮皮网

1.前端自动生成mock数据
2.Web前端开发主要学哪些课程？
3.C++开源http服务框架WHttpServer

前端自动生成mock数据

       在当前的源码前后端分离开发模式中，为了提高工作效率，源码我们可以在后端开发完成之前，源码使用mock数据来进行前端的源码交互开发和bug排查。以下是源码一些常用的mock数据方式：

       1. 创建一个json文件，例如使用json-server等工具。源码源码的近义词

       2. 使用mock.js配合koa等node服务器框架。源码

       今天，源码我要向大家推荐一个开源框架——easy-mock。源码它可以根据swagger文档自动生成前端mock数据，源码内置了mock.js（前提是源码后端引入swagger）。使用它非常方便，源码无需再手动编写mock代码。源码

       1. 工作环境

       node -..3

       easy-mock -last

       mongodb -4.2.8

       redis 源码-6.0.6

       2. 项目构建

       在使用easy-mock之前，需要安装mongodb和redis。源码这里我们使用homebrew工具安装（适用于mac或Linux的安装包管理器）。官网链接。发号源码

       安装homebrew的指令如下：

       1. 安装redis（macOS为例），执行以下指令：

       安装完成后，执行redis-server指令，另起一个终端，执行redis-cli，出现如下画面代表安装完成。

       2. 安装mongodb，由于mongodb已不再开源，直接运行brew install mongodb会报错，找不到，所以执行以下指令。

       执行指令mongod，运行mongodb，新建一个终端执行指令mongo链接，能连接成功即可。

       3. 从github上clone easy-mock。源码哥论坛

       打开config/default.json，将你的mongodb地址配置进去。查看代码得知，项目使用的是mongoose，如果指定用户请将db选项按照如下配置：（user:password替换为你自己mongodb的账户密码，@后面为MongoDB链接地址）

       （请先启动mongodb和redis哦）然后执行指令，就可以运行起来了。

       到这里，你的easy-mock就简单地搭建好了，更多配置请见官网。

       3. 使用指南

       启动服务后，注册账号并登录，然后点击我的项目，新建项目，填写项目信息，点击创建即可创建一个项目。武神坛源码

       创建完项目后，去获取更新。

       官网有详细的使用教程，地址。

       到这里，基本上已经大功告成了。在你的项目中，将路由转发到上图中的baseurl就可以使用了。

       4. 源码改进

       easy-mock内置了mock.js，但是mock.js内置的一些数据仓库，会和世纪项目中的不匹配（比如：省市区数据，我们项目中是使用code来进行前后端数据传输的。），这里就需要对mock.js源码进行一些修改：

       1. 把mock.js从github上clone下来，

       2. 找到src/mock/random目录，将里面的网站源码加密address_customer.js内容替换为你们自己的省市区数据。

       3. 修改同目录下的address.js修改生成部分实现。

       4. 执行打包指令。生成mock.min.js

       5. 打开easy-mock的plugin目录，将生成的mock.min.js复制进去。

       6. 打开easy-mock的controllers目录，修改里面的mock.js文件，将Mock的引入修改为本地，（还有utils/swagger.js文件也要修改）重启easy-mock即可。

       easy-mock的swagger解析器，因为官方考虑到对象交叉引用，可能会陷入死循环。所以部分接口可能同步不出来。文档地址

       1. clone解析器swagger-parser-mock项目的lib目录，放到easy-mock的plugin目录下。

       2. 修改解析器的index.js如下：

       修改easy-mock的util/swagger.js将swaggerParserMock的引入改为本地

       增加swagger文档的标签筛选功能，查看接口更加便利，项目视图部分的实现使用的是vue和ivew，

       1. 打开util/swagger.js，添加tags的存储。

       2. 修改models/fields_table.js，添加tags

       3. 修改models/mock.js，添加tags

       4. 修改proxy/mock.js，添加tags

       5. 最后在views/pages/project-detail/index.vue中，给表格添加一列tags展示，并且提供筛选。这里就不再展示了。

       5. 参考文章

       1. brew安装mongodb报错

       2. easy-mock官网

       3. mock.js官网

       4. swagger规范

Web前端开发主要学哪些课程？

       è€å®žè¯´ï¼Œå‰ç«¯ç»è¿‡è¿™å‡ å¹´çš„快速发展，网上的文章和教程还是蛮多的，有经验的人能够根据资料制定出属于自己的学习方法和路径，但对于小白来说，还是有些难度。知了姐来给大家分享前端学习路径。针对0基础，非科班，没有编程经验，想学前端，但是不知道如何入门的人群。

基础部分：

       1、HTML + CSS 这部分学习，可以模仿一些网站做些页面，在实践中积累经验。做到能与UI对接，能%重构网站静态页面的开发，为后期编写页面逻辑、动态效果打基础。

       2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，这个阶段需要掌握编程基础概念，培养逻辑思维能力。能够独立完成网站的页面开发（包括合理布局，JavaScript操作DOM）

进阶部分：

       æœ‰äº†ä»¥ä¸ŠåŸºç¡€ï¼Œå°±å¯ä»¥è¿›è¡Œä¸€èˆ¬çš„静态网页设计，不过对于复杂的页面还需要进一步学习。

       3、JavaScript高级与服务器基础，深入面向对象编程，具备移动端开发能力，处理浏览兼容问题，深入学习ES6/ES7语法规范，前后端分离开发思想。

       4、框架与服务器，数据库，前端安全的学习，深入了解Node，数据库操作，前后端分离技术，前后台协作开发。熟悉NPM（Yarn），Node模块fs，http，路由，处理请求，express4（koa）；掌握创建websocket服务，MongoDB/MySQL数据库CRUD（Mongoose）；掌握微信小程序开发，掌握Vue2.x基础，Vue-router，Vuex等等。

       5、React与组件化开发，深入学习组件化开发思想，了解webpack使用，掌握React开发基础，Hook，create-react-app等等。

升级部分：

       æœ‰äº†ä»¥ä¸ŠçŸ¥è¯†ï¼Œå¯¹äºŽå¤§å¤šæ•°å°åž‹ç½‘站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。

其他补充部分：

       å‰ç«¯é¡¹ç›®åŒæ ·é¢ä¸´è½¯ä»¶ç”Ÿå‘½å‘¨æœŸçš„各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。

       ä»¥ä¸Šå†…容只是简单说了前端学习的顺序。对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。

       1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。

       2、后端。应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。

       æœ€åŽï¼Œæœ‰ç»éªŒçš„程序员都知道，学习编程最有效率的方式就是把你扔到一个项目组，连滚带爬的做一两个项目下来你马上会发现所有的知识点全都连到一起了，不再是分散的，而是形成一个整体了。那种感觉是仅仅深入钻研知识点而不写真实项目的人所不能体会的。 一个项目就是一根绳子可以把大片的知识串到一起。

       å¦‚果想锻炼实际开发的能力而不仅仅是背诵或者了解一些知识点，如果想成为真正的好手，那么，还是做项目吧！

       æ•´ä½“来看的话，Web前端开发需要学习的内容还是比较多的。前端是一门涵盖面很广的学科，而且技术更新较快，优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐，所以需要不断提升自己，不断学习新技术、新模式。

C++开源http服务框架WHttpServer

       介绍

       基于mongoose 7.3版本的源码，经过二次封装和修改，WHttpServer是一个高性能的C++开源HTTP服务框架。该框架支持Linux操作系统，macOS系统下需要自行适配库，暂时未验证在Windows系统下的运行情况。用户可以通过查看示例文件（HttpExample.cpp、HttpExample.h和main.cpp）来了解如何在普通接口、大文件上传、大文件下载、chunk流文件下载等场景中使用。

       运行操作系统

       WHttpServer适用于Linux操作系统。在macOS系统上可以运行，但需要修改CMakeLists.txt文件以适配openssl库。Windows系统理论上可以运行，但因无测试支持，暂不推荐。

       安装教程

       将whttp-server-core目录下的文件复制到您的项目中即可完成安装。

       接口说明

       以下是WHttpServer提供的接口及其功能：

       bool init(int maxEventThreadNum): 初始化线程池，设置最大线程数。

       bool startHttp(int port): 开启HTTP服务，指定端口号。

       bool startHttps(int port, string certPath, string keyPath): 开启HTTPS服务，指定端口号和证书路径。

       bool stop(): 停止HTTP和HTTPS服务。

       bool run(): 服务运行的核心函数，需要外部循环调用。

       bool isRunning(): 检查服务是否正在运行。

       void addHttpApi(const string &uri, HttpCbFun fun, int httpMethods): 添加普通的HTTP回调接口，通过不同的httpMethods设置HTTP方法。

       void addChunkHttpApi(const string &uri, HttpCbFun fun, int httpMethods): 为可能超过3M大小的文件上传场景添加数据块HTTP回调接口。

       void setHttpFilter(HttpFilterFun filter): 设置HTTP接口的过滤函数，用于过滤不符合条件的请求。

       void forceCloseHttpConnection(shared_ptr httpMsg): 强制关闭与客户端的连接。

       void addSendMsgToQueue(shared_ptr httpMsg, const char* data, int len): 向客户端发送数据，先放入缓冲区，等待下次循环发送。

       void addSendMsgToQueue(shared_ptr httpMsg, string *sendMsg): 与上一个函数的字符串版本。

       void httpReplyJson(shared_ptr httpMsg, int httpCode, string head, string body): 向客户端发送JSON格式的响应。

       string formJsonBody(int code, string message): 生成JSON字符串。

       bool isClientDisconnect(shared_ptr httpMsg): 检查客户端是否主动断开连接。

       shared_ptr deQueueHttpChunk(shared_ptr httpMsg): 处理大文件上传时的块数据。

       bool addStaticWebDir(const string &dir, const string &header = ""): 添加静态网页目录接口。

       mg_http_status_code_str(int status_code): 返回HTTP状态码对应的字符串。

       重要数据类型

       提供以下两个数据类型：

       using HttpCbFun = std::function &);: HTTP接口回调函数的类型。

       using HttpFilterFun = std::function &): HTTP接口过滤函数的类型。

       注意事项

       所有HTTP回调函数在子线程中运行，同一回调可能在不同线程中运行，注意线程安全。

       run函数内部未加锁，非线程安全，初始化和启动服务的函数调用应在run之前。

       添加HTTP接口时，uri应避免重复匹配，否则只执行最后一个匹配的接口。建议直接使用'/'作为uri开头。

       示例代码

       初始化代码示例。

       在main函数中启动服务的示例代码。

       HTTP接口回调的示例代码。