20200521 前端开发日报

10天重学vue（第二天）；前端一键部署(jenkins)；简版在线聊天Websocket；全新的JavaScript runtime —— Deno 初体验；新手必看的前端项目去中心化和模块化思想；fetch学习总结；剖析 webpack 4 模块解析；Vue-cli3.0读取外部化配置文件来修改公共路径

1. 10天重学vue（第二天）

   前情提要 今天的工作主要是看了一下 vue-admin-elementui的权限管理和路由设计，在这个基础上，正好可以把昨天所学习的充足进行了解一番 我们这里主要来解析一下登陆、和路由管理主流程 1、启动登陆流程 src/views/login/index.vue 在登陆中使用 this.$store.dispatch(‘user/login’) vuex 和 js-cookie 来保…

2. 前端一键部署(jenkins)

   大家好，我是肥羊羊，今天给大家介绍下jenkins一键部署。说来惭愧，之前说要写一篇jenkins的文章，这让大家一等就是半年，罪过罪过….

3. 简版在线聊天Websocket

   序言 What is Webscoket ? websocket 应用场景 简版群聊实现 代码例子 小结 Webscoket Websokcet 是一种单个TCP连接上进行全双工通信的协议，通过HTTP/1.1 协议的101状态码进行握手。 [链接] Websocket 应用场景 …

4. 全新的JavaScript runtime —— Deno 初体验

   2020年5月13日，Deno终于正式发布了。Deno是基于V8 JavaScript引擎和Rust编程语言的JavaScript和TypeScript运行时。它是由Node.js之父Ryan Dahl创建的，专注于安全性和生产力。

5. 新手必看的前端项目去中心化和模块化思想

   大家好呀，我是你们的老倒霉蛋wangly。 最近项目的积量越来越大，项目的架构也变得非常的糟糕。中心化严重，模块化不明确，导致后续开发变得非常杂乱。所写成一篇文章给自己对中心化概念发发电。还有我也注意到有的前端工作了一年，甚至一年以上都不知道 中心化 ，和 去中心化 的概念。这种情况是非常不好的，一开始对…

6. fetch学习总结

   最近，react 项目，使用 fetch 来进行 http 请求。遇到的问题是 fetch 超时 需要做额外处理；为此，特意查询了 fetch 相关的资料，整理了下；

7. 剖析 webpack 4 模块解析

   webpack tapable「看看git仓库的README基本就差不多了」. 简单会用webpack. 解析原理 webpack使用的是enhanced-resolve这个模块在进行解析，解析的原理可以简单理解成是一个管道「pipeline」 进行解析，从最初的地方传入要解析的路径，并且也要传回调函数，经过一个个插件解析，最终有了结果后返回 or 报错. 哈哈…

8. Vue-cli3.0读取外部化配置文件来修改公共路径

   之前我写过一篇通过vue-cli3.0打包发布到nginx配置代理转发的博客，链接在此： https://www.cnblogs.com/jdWu-d/p/12197156.html ，正常来说也是正确的，但不正常之处在了甲方还用了F5负载均衡和gateway来代理转发。所以之前我认为的请求->nginx转发代理->后端服务，实际上是请求->nginx代理转发->F5->ga…

9. Nodejs实现WebSocket代码实例

   一、环境配置 1.下载安装nodejs https://nodejs.org/en/download/ 2.安装完成后打开cmd命令，执行node –version,看看是否安装成功，如果提示没有此命令，去配置下环境变量，正常情况下安装后自动设置环境变量 二、配置nodejs模块 1.安装express模块 模块介绍：Express 是一个简洁而灵活的 node.js Web…

更多内容请关注公众号【前端开发博客】每日更新