如何使用华为云服务一键构建部署发布前端和Node.js服务

2020-08-18
阅读 4 分钟
15.3k
例如你有10个项目,前后端都要同时发布,那么就需要多次合并代码、构建,重复很多动作..而且还要去关心构建机器环境是不是变了?配置是否能扛住同时构建多个应用,人为的操作次数多了,就很难保证万无一失

金九银十冲刺大厂,你需要知道的性能优化和手写源码

2020-08-17
阅读 17 分钟
2.9k
今天这些只是基础知识,面试时候如果面试很高级的岗位,只靠背面试题是很容易被识破,建议大家只是作为一个学习的点,不断去深入、实践在项目中。有一些同学说前端很难,很多东西,学不完,我想你可能是走错了方向,毕竟人不是万能,不要太深入那些对你目前来说没有意义的东西,如果你有对现状不是很满意,可以在下面评论留...

使用Node.js实现一个express框架

2020-08-05
阅读 5 分钟
6.8k
手写一个express系列express的基本用法 {代码...} 当我访问localhost:8888/test时候,返回了:2,服务端打印了 {代码...} 从上面可以看到什么?express默认引入调用后返回一个app对象app.listen 会启动进程监听端口每次收到请求,对应的url和method会触发相应挂载在app上对应的回调函数调用 next 方法,会触发下一个一起来实现...

特皮技术团队:一年经验菜鸟前端眼中的异步编程

2020-08-03
阅读 6 分钟
2.3k
由于javascript语言是一门“单线程”的语言,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。

强烈推荐:2020年15道优秀的TypeScript练习题 (上集)

2020-07-20
阅读 10 分钟
6.4k
TypeScript是目前不得不学的内容 Ts的东西其实非常非常的多,上到tsconfig的配置,下到写法,内容。 Ts正在疯狂的迭代,进入4.0版本即将,里面的内容非常非常的多,可以说,入门很简单,但是要写精通,真的还是要花很多功夫。 本文一共分上、下集,欢迎你关注我的公众号:【前端巅峰】,前端、后端、源码、架构、算法、面...

在React中实现和Vue一样舒适的keep-alive

2020-07-16
阅读 5 分钟
15.9k
在vue中有天然的keep-alive这个功能实现,react也有一个库,react-keep-alive,但是这个库是直接进行dom操作,会导致数据驱动失效,断层

实现微前端的十种方式 【第二种】

2020-07-08
阅读 5 分钟
7.7k
实现微前端的十种方式 【二】 实现微前端,我想了一想,大概有十种方式 想学习微前端的小伙伴,可以看我之前对微前端源码解析、加载方式、以及我开源的微前端框架chunchao源码 简单的文章,通俗易懂,感觉不错记得点个在看和关注哦 目前主流的微前端实现方式(基座加载式) 以基座为入口,配置不同的子应用入口地址,达...

实现微前端的十种方式 【第一种】

2020-07-06
阅读 2 分钟
6.8k
实现微前端的十种方式 【一】 实现微前端,我想了一想,大概有十种方式 想学习微前端的小伙伴,可以看我之前对微前端源码解析、加载方式、以及我开源的微前端框架chunchao源码 今天讲一种最简单的微前端实现方式 Vue和React、Jquery共同开发,通信 {代码...} Jquery兼容性最好,vue和react不相上下,需要一些特定的babel...

Node.js结合ProtoBuffer,从零实现一个redis! [一万字]

2020-06-29
阅读 16 分钟
4.4k
想学习造轮子技术,可以看我之前的原创文章大集合: https://mp.weixin.qq.com/s/RsvI5AFzbp3rm6sOlTmiYQ

5000字的React-native源码解析

2020-06-22
阅读 17 分钟
8.8k
近期公众号主攻下React-native,顺便我也复习下React-native,后续写作计划应该是主攻Node.js和跨平台方向、架构、Debug为主

使用Node.js驱动Redis,实现一个消息队列!

2020-06-17
阅读 3 分钟
7k
写在开头 最近的Devops和微前端已经写得差不多,开始复习下后端相关知识,之前想写的这篇文章,终于落地 如果你想加入前端交流群,可以文末联系我加入 正式开始 电脑环境 推荐Mac|Linux 安装redis,并且启动redis {代码...} 启动成功后会如下所示: redis默认端口6379 开始写Node.js代码 下载redis这个库 {代码...} 使用No...

微前端框架chunchao(春潮)开源啦

2020-06-15
阅读 8 分钟
5.8k
乞丐版微前端框架chunchao源码开源,仅仅为了让大家学习微前端的工作模式而已,实际项目中,我们有使用Paas模式,web components,git submodule等模式都可以实现微前端,当然业内肯定有独特的、优于这些模式的微前端实现

前端性能:股票交易APP频繁更新怎么破

2020-06-11
阅读 3 分钟
7.6k
一个正常的股票交易APP,是很复杂的,大都用原生写,但是有的公司没钱啊,只能做一套web app或者用RN这些写,也有用Flutter的(这就是没钱又要玩,那怎么办呢?那就玩乞丐版呀)

如何让用户选择是否离开当前页面?

2020-06-08
阅读 4 分钟
7.1k
写在开头 为什么要写这个文章,因为每个礼拜都有人问我这个问题... 抄一个微信公众号的编辑器的类似功能场景来实现 为什么要让用户选择是否离开页面 如果用户填写了很多数据此时 不小心点了其他a标签或者关闭了浏览器,不做判断,那么用户数据直接丢了 梳理需求 离开页面方式,被location.href,a标签,关闭浏览器或者当前...

Mysql写入频繁,怎么破?

2020-06-03
阅读 4 分钟
4k
Mysql在写入压力很大,怎么办? 高并发下的性能最大的问题,大都在数据库,以前我们做二十万超级群,mongodb每个月都会出事故. 我们聊聊,高并发下如何缓解mysql的压力 ⚠️:mysql是锁锁表不锁库,sqlite是锁库不锁表 环境准备 Mac mysql navicat wrk压测工具 node.js环境 下载wrk brew install wrk 如果这里卡住,可以调...

你想要的WebAssembly入门与实践

2020-06-01
阅读 5 分钟
5.8k
写在开头 不为了追寻潮流而学习某个技术,本人仅做最基础的入门与实践讲解 欢迎收藏前端生活社区:https://qianduan.life 想要加入资源群和前端交流群可以看文末 WebAssembly是什么,可以吃吗? 官网介绍: WebAssembly是由主流浏览器厂商组成的 W3C 社区团体 制定的一个新的规范 WebAssembly/wasm WebAssembly 或者 wasm ...

脱离切图仔,教你智能生成前端代码 [必学]

2020-05-17
阅读 8 分钟
4.2k
写在开头 什么是Sketch? 什么场景会需要智能生成代码? 智能化开发,生成代码的原理是什么? 什么是Sketch插件,如何开发?(请看公众号第二条,京东凹凸实验室的文章,开发Sketch插件的实践) 带着这些问题,来阅读本文吧 环境准备 MAC系统、Skecth软件、Skecth插件、imgcook网站 {代码...} Skecth推荐使用破解版,这个...

深度:从零编写一个微前端框架

2020-05-11
阅读 9 分钟
8.9k
写在开头: 手写框架体系文章,缺手写vue和微前端框架文章,今日补上微前端框架,觉得写得不错,记得点个关注+在看,转发更好 对源码有兴趣的,可以看我之前的系列手写源码文章 微前端框架是怎么导入加载子应用的  【3000字精读】 原创:带你从零看清Node源码createServer和负载均衡整个过程 原创:从零实现一个简单版Re...

深度:手写一个WebSocket协议 [7000字]

2020-04-27
阅读 13 分钟
5.9k
我之前是做IM相关桌面端软件的开发,基于TCP长链接自己封装的一套私有协议,目前公司也有项目用到了ws协议,好像无论什么行业,都会遇到这个ws协议。

精读:10个案例让你彻底理解React hooks的渲染逻辑

2020-04-24
阅读 12 分钟
6.3k
写在开头: 由于项目全面技术转型,项目里会大量启用到hooks,于是有了这次写作 作为一个class组件的重度爱好者,被迫走向了hooks,阅读hook的源码(惨) 原创:从零实现一个简单版React (附源码) 如何优化你的超大型React应用 【原创精读】 这些都是我之前的文章 正式开始,今天要写什么呢,原本我对react原理非常清...

微前端框架是怎么导入加载子应用的 【3000字精读】

2020-04-19
阅读 23 分钟
14.3k
写在开头: 微前端似乎是最近一个很火的话题,我们也即将使用在生产环境中,接下来会更新一系列微前端源码分析、手写微前端文章 废话不多说,直接参考目前的微前端框架注册子应用模块代码 下面代码,我指定的entry,就是子应用的访问入口地址 {代码...} 微前端到底是怎么回事呢? 我画了一张图 我们今天不谈其他的实现技...

使用Serverless模式开发部署前端和Node.js

2020-04-15
阅读 3 分钟
4.5k
写在开头: 什么是Server模式?前端、后端现在都可以使用Serverless模式进行开发和部署吗? 先回答第一个问题: Serverless 圈内俗称为“无服务器架构”,Serverless 不是具体的一个编程框架、类库或者工具。简单来说,Serverless 是一种软件系统架构思想和方法,它的核心思想是用户无须关注支撑应用服务运行的底层主机。...

通过webpack的require.context,去路由中心化管理

2020-04-11
阅读 3 分钟
4.3k
什么是webpack的require.context? 官网解释: 您可以使用require.context()函数创建自己的上下文。 它允许您传入一个目录进行搜索,一个标志表示是否也应该搜索子目录,以及一个正则表达式来匹配文件。 在构建时,webpack解析代码中的require.context()。 直接在项目中使用,我的webpack4+react的一个开源项目,很早之...

无情面试官:Node.js源码里的console.log怎么实现的?

2020-04-10
阅读 4 分钟
6.2k
最近一直在研究微前端、devops,写这篇文章仅是一个玩笑+简单的源码探究,面试时候不要拿我的文章出来问面试者,不然我怕你会被人身攻击(这个月我会出一篇硬核到头皮发麻的文章)

热乎乎的寒“春”前端面试题来了

2020-04-01
阅读 2 分钟
3.7k
坐标:深圳 目的:为了提高技术 题目可能偏向技术管理、架构师方向 手写源码(纸上写完,扫描生成代码直接运行) 这一关,我觉得是很有必要的,人眼可以判断出JS代码运行是否错误,这点判断排除BUG能力很关键。 手写lodash的merge、isEqual、cloneDeep函数源码 redux中间件redux-logger、redux-thunk和中间件实现 面试基...

解析:今日淘宝S1级别故障

2020-03-25
阅读 2 分钟
4.8k
今天在很多头条里出现了这张图,小编自己也是百分比必现,IOS版本,而且是现在还会百分百出现,目前3月25日7.52分已经修改了提示语(发现新版本xxxx)

5000字解析:前端五种跨平台技术

2020-03-22
阅读 6 分钟
20.9k
写在开头: 本文不涉及到任何代码,只讲概念层面的,结合本人在实际开发过程中的各种体验,对这几种跨平台技术进行一个点评 跨平台技术的由来: 传统的纯原生开发已经不能满足日益增长的业务需求。主要表现在如下两个方面。 1)动态化内容需求增大。当需求发生变化时,纯原生应用需要通过版本升级来更新内容,但应用上架...

笔记:记一次解决V8使用内存超过默认限制

2020-03-15
阅读 3 分钟
4.7k
起因: 混合TypeScript和javaScript开发,完美升级老项目,这个老项目是一个巨无霸项目,非常庞大,是集团公司的最核心项目 遇到问题: webpack打包时候遇到 对于曾经开发过C++,addon的我,熟悉的味道,下面有一些v8的字符出现,感觉应该是v8层面出现了问题 报错解决: 任何报错,先看第一个报错,解决顶部的报错。 问题...

原创干货:前端单元测试Jest零基础入门教学

2020-02-18
阅读 5 分钟
12.3k
写在开头: 单元测试对于很多人比较模式,它是一种推动开发,或者提高产品质量的手段, 我画一张图,大家就能理解 其实单元测试,就是先编写单元测试代码,然后使用单元测试框架,去模拟环境(例如浏览器),然后运行你的代码,看代码是否按预期运行 这里为了降低文章篇幅,对于初学者更友好,于是这里使用我开源的通用...

原创精读:带你从零看清Node源码createServer和负载均衡整个过程

2020-02-17
阅读 15 分钟
3.7k
作为一名曾经重度使用Node.js作为即时通讯客户端接入层的开发人员,无法避免调试V8,配合开发addon。于是对Node.js源码产生了很大的兴趣~