5G前端时代会迎来什么改变?

2020-10-19
阅读 2 分钟
3.9k
这里科普下,什么是serverless: 现在如果是普通的发布构建流程,那么你先要去买个服务器,然后配置nginx,然后启动你的后端服务器,如果是前后端分离项目,还要把前端构建后的静态资源产物同步到对应文件夹提供给用户访问(也有容器化的,这里不做过多阐述),这一系列的操作,很难让一个人完全实现,或者即使能实现那么对这个...

我对JS延迟异步脚本的思考

2020-10-09
阅读 3 分钟
5.4k
async和defer属性的脚本,相信大家都听说过,但是他的真正执行细节是什么样子的?很少有文章认真研究它,可能不太有人注重细节,但其实真正有技术含量的工作和项目,对于性能要求极高,那么细节就很重要了.需要不断的实验自我尝试

我是如何开发维护8千多行代码组件的

2020-09-27
阅读 1 分钟
3.1k
我是如何开发维护8千多行代码组件的背景我在明源云,我们是国内最大的地产Saas平台任何系统都会有遗留项目,越大的公司就会有越多这样的项目组件行数多,原生事件多,技术栈刚从React0.14版本升上来,UI组件库也是大量使用了老旧的组件库业务极度复杂,极度复杂!为什么会大量出现8K多行甚至1W行的代码单个页面的业务逻辑...

一行代码实现display"过渡动画"原理

2020-09-07
阅读 4 分钟
5.1k
写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔细介绍原理。为了更好的让想学习的人深入理解于是加班加点写下了这篇“短文”,我想以后还是以短文为主,不然大家看起来太累正式开始初始化界面 {代码...} 此时我将app的display初始化为none,并且写入脚本文件 {代码...} 初始化界面变成了这样:此时,我点击...

60亿次for循环,原来这么多东西

2020-08-31
阅读 7 分钟
9.9k
起因有人在思否论坛上向我付费提问当时觉得,这个人问的有问题吧。仔细一看,还是有点东西的问题重现编写一段Node.js代码 {代码...} 使用nodemon启动服务,用time curl调用这个接口首次需要7.xxs耗时多次调用后,问题重现为什么这个耗时突然变高,由于我是调用的是本机服务,我看CPU使用当时很高,差不多打到100%了.但是...

趣味算法:JS实现红绳算法(匹配合适的另一半)

2020-08-26
阅读 8 分钟
2.9k
今天主题为什么要发明红绳算法?因为我在朋友圈发起了一个活动那么看看大家都留言了些什么数据呢?意味着,两个关键数据: 城市 + 数字(特殊字符)分析这个数据的意义城市:留下数据者的所在城市,但是现在车、马、书信都很快,所以这并不是我们用来界定男女是否匹配的依据,只能说是有特殊需求,例如不接受异地恋的这种...

特皮团队:一年菜鸟实现Promise所有方法

2020-08-20
阅读 19 分钟
2.4k
随着前端技术的不断发展,用户对界面的要求也在不断提高,现在的前端不再是之前的html+css, 而是html+css+js,但是想学好js首先要知道js的核心在于异步,说到异步大部分人第一时间会想到Promise。

特皮技术团队:一年前端手写Promise

2020-08-18
阅读 11 分钟
2.9k
从零手写Promise在这个前端快速发展的时代,今天不努力,明天变垃圾,虽然这是一个表情包上看到的,相信大家一定都看过,说实在的,这话是粗,但是事实就是如此。言归正传我们看看今天的内容把。上次我们看了js的重点也是难点 “异步”,趁热打铁,今天看看从零手写Promise我们先看看代码首先我们先来回顾一下Promise的用...

如何使用华为云服务一键构建部署发布前端和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.5k
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.5k
想学习造轮子技术,可以看我之前的原创文章大集合: 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 分钟
6k
我之前是做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 是一种软件系统架构思想和方法,它的核心思想是用户无须关注支撑应用服务运行的底层主机。...