SF
前端学习路-郭盖
前端学习路-郭盖
注册登录
关注博客
注册登录
主页
关于
RSS
React Hook 系列(三):记一次中台项目的Hook沉淀
ling
2020-11-18
阅读 6 分钟
4.5k
200 bytes to never think about React state management libraries ever again.永远不必再考虑 React 状态管理了,仅仅 200 字节的状态管理解决方案。
记一次得心应手的前端代理落地方案
ling
2020-08-17
阅读 3 分钟
1.8k
前端开发在调试 api 阶段,或者在 fix bug 时, 经常会遇到需要不断切换代理环境的问题, 很让人头大。所以一个灵活的代理逻辑能让你省去好几支烟的功夫。
前端初识视频原理和ffmpeg
ling
2020-08-14
阅读 10 分钟
5.1k
阅读本文你将获得一下知识:了解视频的基本原理。了解FFmpeg是什么,和一些常用的用法。用FFmpeg搭建简单的视频直播推流。FFmpeg在nodeJs中的一些用法。
熟悉requestidlecallback到了解react ric polyfill实现
ling
2020-06-22
阅读 9 分钟
4.3k
前言 阅读本文你将收获: 全面熟悉requestidlecallback用法和存在的价值。 明确requestidlecallback的使用场景。 了解react requestidlecallback polyfill的实现。 背景知识 屏幕刷新率和FPS的关系? 当前大多数的屏幕刷新率都是60hz,也就是每秒屏幕刷新60次,低于60hz人眼就会感知卡顿掉帧等情况,同样我们前端浏览器...
JavaScript ES2020必知必会新特性
ling
2020-04-22
阅读 5 分钟
2.6k
该方法接收一个可迭代的对象,例如Array,其中每个成员都是Promise。仅在所有这些Promise状态都改变为rejected或resolved时,返回的promise的处理程序作为输入传递一个数组,每个promise的结果包含status字符创,当status为fulfilled, 且返回一个value,反之,当status为rejected返回会包含一个reason。
利用CSS变量进行黑暗模式切换
ling
2020-04-11
阅读 4 分钟
5.1k
利用CSS变量进行黑暗模式切换 本文以react为例。 用css变量来切换黑暗模式,易于维护和扩展。 css变量的用法: {代码...} 方案一 设置主题对应的CSS变量,切换主题只需切换css属性的变量值。例如:切换APP元素的主题只需切换App的color和background-color对应CSS变量的变量值即可。 {代码...} 那么如何切换:root 下--cur...
浏览器storage你真的会用吗
ling
2020-04-08
阅读 2 分钟
6.8k
前言 html5标准localstorage和sessionStorage 为现代浏览器提供用户会话级别的数据存取。 它们允许你访问一个Document 源(origin)的对象 Storage,也就是在遵守同源策略情况下存取数据。 本文重点不是localstorage和sessionStorageAPI的基本用法,而是列举storage在一些常用库中的用法,促使你对浏览器storage存取数据...
textarea高度自适应的两种方案
ling
2020-04-05
阅读 4 分钟
19.5k
阅读全文你将获得以下解决方案。 点击长文本编辑textarea,自动获得焦点 随着输入值自动伸缩高度 可复制添加信息 可粘贴文本 可粘贴图片 以下实例代码执行环境为Chrome80 方案一 HTML5 Textarea 元素 1. 自动获得焦点 点击编辑自动获得焦点后光标跳转到了最前面,why? 查文档 MDN,textarea元素存在selectionEnd和select...
React Hook 系列(二):自定义hook的一些实践
ling
2019-12-16
阅读 12 分钟
16.2k
从React 16.8 稳定版hook发布近一年多,使用hook并不普遍,原因可能有两方面: 一、官方并没有完全取代class;二、迭代项目完全hook话需要成本,官方也不推荐。恰巧新项目伊始,就全面采用hook,这也是写这篇文章的原由,接上一篇全面认识hook,这篇主要是自定义hook的一些实践, 不一定是最佳,希望我的一点分享总结,能...
React Hook 系列(一):彻底搞懂react-hooks 用法(万字慎点)
ling
2019-12-11
阅读 18 分钟
23.6k
用心阅读,跟随codesandbox demo或运行源码,你将熟悉react各种组件的优缺点及用法,彻底熟悉react hook的用法,收益应该不小😀😀😀
亲历,创业公司如何死掉的
ling
2019-05-09
阅读 1 分钟
8.3k
虽然目前尚未离职,但期限迫在眉睫。失望过后还得整顿自己再出发,新开始之前老感觉缺点东西,还是回顾一下东家是如何在这条创业路上死掉的,顺便记录下,已警示后来的自己。
跨域,拒绝说概念,上demo
ling
2019-04-27
阅读 15 分钟
3.8k
文章列出解决方案以及对应的demo, 拒绝说概念,不在稀里糊涂。 什么情况出现跨域? 协议不同 域名不同 端口不同 跨域解决方案 1.同一个主域下不同子域之间的跨域请求 - document.domain+iframe 同一个 origin 下,父页面可以通过 iframe.contentWindow 直接访问 iframe 的全局变量、DOM 树等,iframe 可以也通过 parent...
react-redux用法及源码解读
ling
2018-12-11
阅读 4 分钟
2.6k
下面让我们带着问题学习一下react-redux:1. react-redux如何将store分发到不同组件中?2. react-redux如何做到store发生变化, 对应的组件重新render, 也就是说如何subscribe store?
react-native启动开发常见错误(持续更新)
ling
2018-11-18
阅读 3 分钟
4.7k
解决方案:`Build Phases--->>Copy Bundle Resources,删除多余的文件即可 .`, 类似的缺少打包后存放目录的文件件等, 新建文件夹即可。
react-native页面间传递数据的几种方式
ling
2018-11-06
阅读 3 分钟
5k
1. 利用react-native 事件DeviceEventEmitter 监听广播 应用场景: {代码...} 代码如下:A页面 {代码...} B页面 {代码...} 2. 用react-navigation提供的路由之间 A页面 {代码...} B页面 {代码...} 3. 利用react-navigation 提供的路由事件监听触发事件 在A页面路由失去焦点的时候触发该事件 {代码...} 那么问题来了, 为...
教你构建强大的Mac工作流
ling
2018-11-01
阅读 3 分钟
6.1k
⌘ + Q 真正退出软件⌘ + option + esc 强制退出某个软件。通常在软件无响应时使用。⌘ + delete 删除⌘ + tab 切换 app⌘ + shift+ 3:对整个屏幕进行截图⌘ + shift + 4:对自行选择的区域进行截图⌘ + shift + 5:更多方式截图和录屏(新版本系统)
js 函数节流和防抖
ling
2018-10-19
阅读 2 分钟
3.5k
防抖和节流的作用都是防止函数多次调用。区别在于,假设一个用户一直触发这个函数,且每次触发函数的间隔小于wait,防抖的情况下只会调用一次,而节流的 情况会每隔一定时间(参数wait)调用函数。
js中reduce的神奇用法
ling
2018-09-04
阅读 4 分钟
6.7k
最近经常在项目中经常看到别人用reduce处理数据,很是牛掰,很梦幻, 不如自己琢磨琢磨。 先看w3c语法 {代码...} 常见用法 数组求和 {代码...} 数组最大值 {代码...} 进阶用法 数组对象中的用法 {代码...} 求字符串中字母出现的次数 {代码...} 数组转数组 {代码...} 数组转对象 {代码...} 高级用法 多维的叠加执行操作 {...