暂时未有相关云产品技术能力~
暂无个人介绍
最近在重复赵轮子,用rollup搞一个react 组件库,今天就简单整理下用到的插件。 简单来说插件就是能力者,帮助你完成某事,相信大家都用过webpack构建项目,我们会用到各种plugin和loader来帮我们处理js、css、图片、压缩代码等,那么在rollup里想要完成某事,也同样需要对应的plugin来完成,而且rollup的配置会更加简单。
这是一个欲哭无泪得故事,故事从开始到结束花了我整整2个小时。 现在开始进入这个小故事,请备好垃圾桶。
大家好,今天给大家推荐几个我一直在用的 css辅助工具,可快速生成常用css代码片段,让你开效率大大提升, 同时也是非常好的学习资源。
最近收集了不少好玩接地气的工具,分享给大家。 说到面试刷题,我应该是比较有经验的,去年初本人正好换工作,也为面试做了很多准备,其中一个环节就是要复习大量的面试题,但是题目太分散,搜索引擎都要用烂了,后来那个月小度的股价涨了不少。
当然这也是我们成为全栈必须要掌握的知识。 今天推荐一个适合新手的免费node学习教程 - 《7天学会nodejs》。
国庆前刚开发完一个小需求,常规性的做了一次code review,不过这次review有所不同,我们组前端老油条竟然参会了,平时发会邀都不来的。 不过不愧是老油条,竟然分分中发现了问题,老油条的地位又在我们小前端的心里巩固了一下。 和往常一样,review前先过一遍技术方案,一让大家快速的了解需求,二来分析下技术方案是否存在问题,是否合理,一般情况下,技术方案没问题,后面的代码review感觉就没啥必要了,因为很少有人听。
我们都知道微信小程序有包体积限制,整个小程序所有分包大小不超过 20M,单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代,代码和资源会越来越多,如果不尽早规划包体积的治理,势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发环境中显得尤为重要。 代码包体积是其中的一个重要方面,本文将就此进行分析与探讨。
现在视频号非常火热,之前在做抖音和快手的人就直接把之前的视频直接搬运过来了。但是从抖音app下载的视频都是带官方水印的?这个是怎么去掉的?哦,不对,他们应该都有保 留原视频的吧。但是还有很多人是直接搬运别人的视频的,那他们是怎么去水印的呢? 其实早就有很多现成的工具,如小程序、去水印app都能直接去水印,甚至还有收费的。
现在大前端中被使用最多的布局方式非flex莫属,像h5、pc、小程序、rn、甚至native都在使用flex布局,可见掌握好flex布局是多的重要。 然而在flex布局兴起时,我们学习flex布局的方法大部分就是看一些博客文章的解析,官方文档说明,然后挨个去看各个属性的作用和示例,然后再自己手敲实践几次。这也是我当初学习flex布局的方法,常规手段,也很有效。如果愣是要说一些不足的地方,应该就是不直观,效率不太高。 那有没有一种更直观、更高效的学习方式呢? 为了能解决这个问题,flex布局可视化工具就诞生了。
本文主要来说下ES6的Iterator,目的在于理解它的概念、作用、以及现有的应用,最后学以致用。 Iterator可以说是ES6内相当重大的一个特性,也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢?
业务开发中经常用Promise,但是第一题真不一定能作对。。。。。emmm,我说的是别犹豫的、能非常肯定的给出答案的哪种... 作为前端开发,相信日常开发中Promise的使用率应该时最高的,另外面试中js基础部分考察最多的也莫过于Promise,所以Promise的重要性咱就不多说了。 说的那么重要,是不是有点夸张了,想想不就几个api吗?但是真的了解他的运行机制吗?现在不管是大厂还是小厂,promise 已经成为了面试必考知识点;可是真正掌握了多少,真正面试的时候,又能有多少把握呢? 平时大家忙于业务开发,很多基础知识时间一长就容易淡忘,所以本文根据 Promise 的一些知识点总结
webpack作为最使用最广泛的前端打包工具,已经成为前端工程化基础设施的一部分。 webpack5正式发布于2020年10月10号,距离上一个大版本Webpack4更新已经是2年前年了,每个大版本的升级都会有相当多的改变和提升,今天咱们就来看看增量编辑和长期缓存。
如果现在立刻让你回答,说下你了解的js中有哪些错误类型?能说出几个? 日常开发中,我们会碰到各种各样的js报错信息。大部分情况,我们只要看到控制台有飘红,就知道代码执行有问题。但是这些错误都有哪些类型?可能没有太关注过,如果我们知道了这些错误类型出现的场景,那是不是对我们定位问题有所帮助,甚至能提高我们以后的代码质量。
一个正在执行中的promise怎样被取消? 其实就像一个执行中的ajax要被取消一样,ajax有abort()进行取消,而且fetch api 也有了相关的规范-【AbortController】。
Promise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。 Promise.all()方法的参数可以不是数组,但必须具有 Iterator 接口(所以数组、Map、Set都可以),并且只返回一个Promise实例,输入的所有promise的resolve回调的结果会按传入的按顺序作为一个数组的其中一项返回。 当然也支持非promise对象的传入,会作为数组中的一项返回。
工作中虽然在用react技术栈做开发,但react hooks 还没有实际用到,一直都在用redux。毕竟都2021了,如果还不会hooks真有点说不过去了,会怀疑我还是前端吗? 所以最近打算学习下 hooks。今天就记录一些浅显的理解,通过具体示例来感受下hooks的魅力。
工欲善其事,必先利其器,优化出更多的时间,去做更有意义的事儿。
1995年javascript诞生,而且诞生的很快。 这货前10年迅速发展,紧接着就开始浏览器大战,都来抢占市场份额。 当时的互联网也不太发达,应用也没那么复杂,所以很多浏览器厂商还没考虑到js执行的效率问题。
紧接着上文说起,咱们这次来完成基于jenkins的自动化部署,也就是当有新的代码推送就会触发自动构建。 上一节我们已经实现了手动部署,大部分基础配置都已完成,不了解的可以先回顾下。。。。 基于jenkins实现手动拉取码云代码,实现半自动化部署 要实现自动化部署,其实这部分操作非常简单,只需要配置好构建触发器以及触发的事件即可。
本文紧接上文玩转jenkins - 在自己的服务器上安装jenkins,不熟悉的可以先回顾下。 咱们这次来完成使用jenkins手动拉取我在码云的项目,之前都是登录服务器,然后切换到具体目录,拉取完成后再部署,这种人肉操作太累,所以必须要使用工具来完成,让我有更多的时间来刷剧。
补充一下落下的3月份的面试题,关于春季面经可以看我的上文 。从出师不利、面面具挂,到拿到阿里2个offer 以下是目前还记得的面试题,希望对一些人有用。
疫情期间都是电话面试,反而效率更高了,一天可以面好多个。 不多说,直接分享具体问题,如果你正在面试,或许用的上。 面试岗位:高级
做业务开发时间久了,很多基础的知识慢慢被遗忘,但往往这些基础和原理性的知识才是最重要的,丢不得。
现在都 React Router 5 了,你是不是还在用v3呢? 不光是你在用,我们很多项目也在用,懒得升级,感觉改动太大,升级了后谁知道会出什么问题,别没事找事。 毕竟v4是两年前的了,再不升级真的就有点说不过去了,直接拿一个小项目开刀,直接3-5吧,整体来说还好,v5版完全向下兼容react15,所以如果你的 react 是15的话没啥影响。 这里就简单的总结下,这次升级的一些内容。
本文主要是了解下 react-router 新版本一些理念,为我们以后的开发注入一些感性认知。 react router 目前最新的版本是v5.1.2。
本文主要来说下ES6的Iterator,目的在于理解它的概念、作用、以及现有的应用,最后学以致用。 Iterator可以说是ES6内相当重大的一个特性,也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢?
说起这个话题要从一个面试题开始,前两天一个朋友发给我的(某团面试题),这个题简单的很,但是估计很多人不能自信的说出结果和原因。
一般在前端开发中我们上传文件大多是比较小的文件,比如图片、pdf、word 文件等,也只有一些特殊的业务和场景才会需要上传大文件,比如上传一个视频 ,最小也得500M。 那如果文件太大,比如500M 1G 2G 那么大,直接上传会造成什么后果呢? 直接上传过大文件,可能会出链接现超时的情况,而且也会超过服务端允许上传文件的大小限制,导致文件无法上传。 所以解决这个问题我们可以将文件进行分片上传,每次只上传很小的一部分 比如2M,多上传几次就可以啦。
这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第5节-《实现文件拖拽和剪贴板上传》 专题已经更新章节: 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 《大胖 • 小课》- 不用 js 实现文件无刷新上传 《大胖 • 小课》- 玩玩多文件配多进度上传
这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第4节-《玩玩多文件配多进度上传》 专题已经更新章节: 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 《大胖 • 小课》- 不用 js 实现文件无刷新上传 既然要说多文件配多进度上传,那就要看看单个进度是如何实现的。
这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第3节-《不用 js 实现文件无刷新上传》 专题已经更新章节: 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 上一节,我们实现了一个简单的文件上传接口,服务端的文件保存我们使用koa-body来完成。 从这节开始我们开始进行梳理前端各种文件上传的场景,尽量覆盖的更全面。 既然要说不用 js 实现文件无刷新上传,那就要先说说最原始的文件上传,也就是在 ie 时代是怎么处理的。
这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第二节-《写一个文件上传接口》 上一节 《大胖 • 小课》- 我是这样理解文件上传原理的,我们说到了文件上传的原理,服务端的文件保存我们使用koa-body来完成。
这是《大胖小课》栏目的专题一、《说说文件上传那些事儿》的第一节-《文件上传原理概述》 之前发过一篇长文,内容太长,阅读体验太差,很难读完,换作是我也没这个耐心,所以借此专题进行分段介绍,短小精悍,直达主题。 当然从整体上,内容会更详细一些,也会把安全问题考虑进去。
本文是第2节,紧接上1节 【实战晋级】理解跨域以及工作中跨域问题的处理 - 1。
相信大部分前端工程师在日常工作中经常使用 xhr 或者 fetch 从后端 api 里取数据然后进行二次处理,随后渲染到页面。
今天继续来聊一个面试题,平时上班太忙的同学可以活动活动脑子。 这个题目只有一行代码,但是知识点不只一个。 当然我们的目的不在于做题,而在于解题的过程。 通过一步一步的分析,得出合理的答案。
造成内存泄露的根本原因就是我们写的代码中存在某些对象长期占用内存,得不到释放,且这个对象占用的内存会逐步增加,导致 v8 无法回收,从而造成的服务的异常和不稳定,甚至是服务的中断和崩溃。
前段时间一直在研究 react ssr技术,然后写了一个完整的 ssr开发骨架。今天写文,主要是把我的研究成果的精华内容整理落地,另外通过再次梳理希望发现更多优化的地方,也希望可以让更多的人少踩一些坑,让更多的人理解和掌握这个技术。 相信看过本文(前提是能对你的胃口,也能较好的消化吸收)你一定会对 react ssr服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样,毕竟原理都是相似的。
上个月有幸研究了 react 事件机制这个知识点,并且在公司内部把自己的理解进行了分享。现在趁还算热乎赶紧的整理下来,留住这个长脸的时刻。
前段时间一直在研究react ssr 技术,也很想自己写一个 ssr开发骨架,有了自己的骨架后就不需要在用 ejs 模板了,直接用 jsx 就可以了,技术栈也就统一了,那真的很爽。
这段时间正在研究 react router4 ,发现了其中一个很特别的属性。因为没有系统的看过官方的文档,所以在这里也频繁的踩坑。在网上也看过很多文章,结果还是踩坑。现在终于把坑踩平了,今天就把这个小小的知识点记录下来。加深一下理解。
咱们从上一篇文章了解到可使用 mocha 和 node 内自带的断言库assert做 node 端的单元测试,那如果当我们使用前端框架(如 react、vue)做项目的时候,怎样做单元测试呢?
上一篇文章我们大概的了解了单元测试的理论知识以及如何配置和使用,以及针对模块、controller如何编写测试用例。
虽然是做前端的,但是有时候也会做一些和前端不太相关的事儿。 最近在工作中用到了 docker,配合运维同学为自己的node项目创建了一个 docker 镜像。
我们大家都知道 react 的 setState 是异步的(也可以理解成同步的),在react 组件声明周期内的多次 setState 会进行合并处理。
本文继续接上一篇 react 事件机制03-事件注册 来说下 react 事件机制的事件触发过程,一起研究下在这个过程中主要经过了哪些关键步骤,本文也是react 事件机制的完结篇,希望本文可以让你对 react 事件触发的原理有一定的理解。
本文来说下 react 事件机制的注册过程,在这个过程中主要经过了哪些关键步骤。 文章涉及到的源码是基于 react15.6.1版本,虽然不是最新版本但是也不会影响我们对 react 事件机制的整体把握和理解。 这里都是我自己的理解,不会说非常细节的内容,而是会把大概的流程和原理性的内容进行介绍,做到对整体有个了解。
今天继续来聊一个面试题,平时上班太忙的同学可以活动活动脑子。 这个题目只有一行代码,但是知识点不只一个。 当然我们的目的不在于做题,而在于解题的过程。 通过一步一步的分析,得出合理的答案。
写本文也算是实现19年的一个 flag,研究一个知识点并且把自己的理解整理成文分享出来。 react 事件机制一共有4篇吧,也没有太长,其实可以合成一篇文章,只是想把文章进行划分一下,稍微结构化一些。 本知识点文章如下: 1. 对事件机制的初步理解和验证 2.对于合成的理解 3. react 事件的注册 4. react 事件的执行 这篇文章是第一篇,主要内容有:表象理解,验证,意义和思考
程序员日常工作中最多的应该是接收需求、编码实现需求。但也有些时候需要做一些非代码的文字工作。