首页
学习
活动
专区
工具
TVP
发布

2014前端笔记

专栏作者
21
文章
20811
阅读量
11
订阅数
协同编辑 - OT算法
对于在线文档的难点,大部分同学的第一反应都是协同编辑,如何解决多人协作的冲突的问题。
2014v
2020-12-29
1.5K0
css3 animation && filter: blur()引发的动画性能问题排查
我们在工作中经常会遇到一些动画卡顿的问题,往往是一些性能比较差的安卓手机,笔者最近就遇到了这样的情况,这里也记录下本次排查问题的过程。
2014v
2020-04-08
2.2K0
Bump react-dom from 16.3.2 to 16.3.3 in /react-16.3
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
2014v
2020-04-01
5560
你不知道的css(二) ----content与替换元素,margin,padding
触发margin:auto的前提条件是对应方向会自动填充,所以一般高度不会自适应,可以使用writing-mode: vertical-lr改变文档流方向,而这样水平方向无法居中,所以需要设置position,将正常流宽度改变成格式化宽度和格式化高度
2014v
2019-11-20
8450
你不知道的css(三)
1.border border-width不支持百分比 2.单位ex(相对字体和字号的单位) 利用ex使图标居中 .icon{ display: inline-block; width: 20px; height: 1ex; background: url() no-repeat center } 此时调节字体大小,图标都会居中 3.line-height line-height就是内联元素的完全高度;是替换元素前一个空白幽灵节点的高度;块级元素无影响 line-heig
2014v
2019-11-20
2790
React 16.3 新的生命周期和context api
一段时间以前,我们写了一篇文章有关我们即将升级我们遗留的生命周期方法,包含着我们慢慢的迁移的策略。在React 16.3.0这个版本中,为了慢慢迁移,我们增加了一些新的生命周期。我们也推荐了一些被长期期待的一些特性:一个官方的context api,一个 forwarding ref,一个ergonomic ref。
2014v
2019-11-20
8080
精读《用160行js代码实现一个React》
现在网上有很多react原理解析这样的文章,但是往往这样的文章我看完过后却没有什么收获,因为行文思路太快,大部分就是写了几句话简单介绍下这段代码是用来干嘛的,然后就贴上源码让你自己看,有可能作者本人是真的看懂了,但是对于大部分阅读这篇文章的人来说,确是云里雾里。
2014v
2019-11-20
6550
年轻时,我不写单元测试
当我们被提出这些bug的时候,我们是二脸懵逼的,因为这不符合一个程序员的预期!!! 那么我们如何能够避免以上的问题,从而将经历投入到更多的开发(写bug)中去呢? 笔者在这里试着归纳了一下解决问题的办法
2014v
2019-11-20
8480
WEB安全---ssrf和xss
最近在做项目时,被内部的安全平台扫出了漏洞,也是之前自己早就知道的一些攻击方式,但是在写代码时并没有注意到,这里先记录下:
2014v
2019-11-20
5270
利用docker部署puppeteer
puppeteer可以使用Network.emulateNetworkConditions和Emulation.setCPUThrottlingRate轻松地模拟不同的网络请求。但是,这一个CPU节流器只是相对延缓你的CPU,在不同的机器我们会得到不同的结果,所以我们必须要统一一个环境来运行我们的程序。
2014v
2019-11-20
3.1K0
探索----面向单元测试编写React组件
继上一篇探索----面向单元测试编写React组件之后,笔者开始探索如何能保证我们播放中的落地页进行高质量的产品迭代。 先来体验一下我们的业务,目前我们的平台每天会服务于广告主制作各种各样的落地页,那么我们希望在发布新功能的同时,同时能够快速验证老的特性能够不受影响。 那么为了完成这个目标,我们可以让测试同学回归下本次修改可能涉及到的特性,来确保功能的正常,
2014v
2019-11-20
7600
Serverless+puppeteer打造云端自动化测试
继上一篇探索----面向单元测试编写React组件之后,笔者开始探索如何能保证我们播放中的落地页进行高质量的产品迭代。 先来体验一下我们的业务,目前我们的平台每天会服务于广告主制作各种各样的落地页,那么我们希望在发布新功能的同时,同时能够快速验证老的特性能够不受影响。 那么为了完成这个目标,我们可以让测试同学回归下本次修改可能涉及到的特性,来确保功能的正常,
2014v
2019-11-20
7690
记一次内存泄漏的问题排查
收到告警后,笔者先登录到告警机器中, top命令查看此时此刻的各个应用程序占用的内存大小, 这里其实有两个指标可以查看,
2014v
2019-11-20
1.3K0
学习vuex源码
昨天听完同学来我们团队做的分享之后,自己又去看了一遍源码,结合自己之前项目的一些理解,写一篇博客,这里是原文链接.
2014v
2019-11-20
4700
由重构react组件引发的函数式编程的思考
最近在重构react组件时,学习了一些高阶组件的编写思路,其实是由高阶函数沿伸而来。 一般情况我们编写一个react组件大致样子如下:
2014v
2019-11-20
8580
一篇文章告诉你React里为什么不能用index作为key
之前在写react的时候,当我们做map循环的时候,当我们没有一个唯一id来标识每一项item的时候,我们可能会选择使用index
2014v
2019-11-20
1.2K0
Tree-shaking VS dead code elimination 【翻译】
这里是原文链接Tree-shaking versus dead code elimination
2014v
2019-11-20
8990
利用Decorator(装饰器)做数据层处理
再介绍如何用Decorator做数据处理前,让我们先来看一下Decorator是什么? 从名字上看,它是用来起装饰作用的,实际上,它是一个wrapper,作用于一个函数或者是一个对象,然后经过一系列
2014v
2019-11-20
3720
用commander做一个自己的eslint脚手架
如今前端工程化,自动化已经成为了新趋势,如果我们要重新开始做一个项目,你会花费多久的时间在前期环境的搭建上呢?在我们前端的的积累中,我们需要将这些技术沉淀下来,便于我们开始一个新的项目,而不必花费过多的经历在环境搭建中。
2014v
2019-11-20
8740
你不知道的css(一)
最近在看张鑫旭老师的《css世界》,记录第二章有关宽高很有意思的东西: 1.如何用html片段实现一个凹和凸字呢?
2014v
2019-11-20
2660
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档