摘要:
原文地址:What Does Webpack Do, and How Do I Use It for My Website? Webpack是一个实用插件,它可以将Javascript文件打包在一起。这样可以使你的应用程序更具有组织性和生产力,这也允许你使用预处理语言,像SASS和TypeScrip 阅读全文
摘要:
原文地址:Getting Started with NestJS 介绍 如果您使用的是Node.js应用程序,则可能已经注意到,随着时间的推移,它变得越来越难以维护。 您向应用程序添加新功能的次数越多,代码库就越大。 Nest.js是用于构建高效,可靠和可扩展的应用程序的服务端Node.js框架。 阅读全文
摘要:
原文地址:How Reactivity works in Vue.js 在前端开发人员的世界中,“响应式”是每个人都使用的东西,但很少有人能理解。 确实,这不是谁的错,因为每个人在编程中对响应式的定义不同。 因此,在开始之前,我只给您一个有关前端框架的定义。 “ JavaScript框架之间的响应式 阅读全文
摘要:
最近面试有被问到如何实现一个三角形,借此机会总结一下,将常用的几种方法梳理一遍。 源文件地址:创建一个三角形 绘制三角形的几种方法汇总 方法1. transform rotateZ(45deg) + 父子divoverflow:hidden HTML <div class='triangle1-wr 阅读全文
摘要:
浏览器自定义事件通信示例 window.addEventListener('hello',(e)=>{ console.log(e.detail) }); window.dispatchEvent(new CustomEvent('hello', {detail:{name:'张三'}})) Nod 阅读全文
摘要:
通过location.search可以获取到url拼接的参数(前面带有?号) function getUrlParams(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let param = window.l 阅读全文
摘要:
//法一 const isArray1=function(value){ return Object.prototype.toString.apply(value) '[object Array]' } //法二 const isArray2=function(value){ return Arra 阅读全文
摘要:
原文地址:Understanding the Event Loop, Callbacks, Promises, and Async Await in JavaScript 作者选择了COVID-19救济基金来接受捐赠,这是Write for DOnations计划的一部分。 介绍 在互联网的早期,网 阅读全文
摘要:
github仓库地址:JS 判断当前终端是Android还是IOS // IOS const isIOS = () => { if (typeof window.navigator.userAgent !== 'string') return false; const u = window.navi 阅读全文
摘要:
原文地址:Web Caching Basics: Terminology, HTTP Headers, and Caching Strategies 介绍 智能的内容缓存是改善网站访问体验的最有效方法之一。 缓存或临时存储来自先前请求的内容,是HTTP协议中实现的核心内容交付策略的一部分。 整个传递 阅读全文
摘要:
原文地址:What Is a CDN and How Does It Work? CDN –您会不断看到这个缩写单词。 也许在URL中,也许在登录页面中,但从未被关注过-什么是内容交付网络,它们的作用是什么? 我们将在这篇概述文章中进行说明,并在后续帖子中演示两个受欢迎的文章。 CDN基础 CDN是 阅读全文
摘要:
原文地址:What is React Fiber ? 在过去的几个月中,社区对最新版本的React的兴趣迅速增长,尤其是在2017年的Conf中, ConfLin Clark所做的出色工作解释了React Fiber如何与cartoons一起使用之后 。 那么,简而言之,React Fiber是什么 阅读全文
摘要:
Promise基本使用 new Promise((resolve,reject)=>{ resolve() }).then(res=>{ }).catch(err=>{ }).finally(()=>{ }) then和catch方法 Promise 的状态一经改变就不能再修改。 .then 和 . 阅读全文
摘要:
原文地址:How the useEffect Hook Works (with Examples) 想象一下:你有一个足够好的函数组件,并且有一天,你需要加一个生命周期函数到里头。 啊。 “也许我可以用某种方式解决它?” 最终变成“糟糕,我要将它转化成一个类组件”。 类组件继承自React.Comp 阅读全文
摘要:
原文地址:Promises in JavaScript 现实生活中的承诺只是对“一些事情”的保证。因此,当有人向您承诺时会发生什么? 他们为您提供保证,您可以以此为基础进行提规划。 现在,诺言可以兑现也可以违背。 因此,当您信守诺言时,您会期望从诺言中得到一些东西。 您可以将promise的输出用于 阅读全文
摘要:
原文地址:Avoiding React setState() Pitfalls 我经常会阅读到setState()是React中容易让人误解方面之一的相关的内容 考虑到管理组件状态是React的一个基础能力,我想了解一下有关使用setState()的常见陷阱和解决方案。 首先,快速概览setStat 阅读全文
摘要:
原文地址:Why I love TypeScript 💕 距离我刚开始写JavaScript应用程序已经2年了,而JavaScript成为我的首选语言.一年前我在一家名为InVideo的令人疯狂的创业公司实习。有人告诉我要学习Angular,这使我学习了Typescript。 它是由Microso 阅读全文
摘要:
仓库地址:rax-longlist 介绍一下 本节来扩展一下列表组件,我们知道和列表相似的组件有很多,我们来挑几个来实现一下。 需求 跑马灯 轮播 tab瀑布流 解决方案 跑马灯:列表自动向上滚。实现难点在于最后一个和第一个如何无缝切换,我们可以把第一个元素追加到数组最后一项,然后跑马灯滚动到最后一 阅读全文
摘要:
仓库地址:rax-longlist 介绍一下 性能优化完成之后,我们的开发工作仍然未完成,每次小的需求改动还是需要我们开发来改代码,有没有一种方式能够让运营他们来分担开发的工作量呢!当然有,我们只需要把系统的通用配置吐出去,使得外界可以灵活修改,这也是我们开发的终极目的,一次开发,多处使用,当然系统 阅读全文
摘要:
仓库地址:rax-longlist 介绍一下 前一节我们可以看到,数据量一上来就出现了很多问题。本节我们就来讲讲这些bug的解决办法。首先我们要知道为什么会出现这个问题,我们的长列表在大量数据(上千条,这个量级并不多)的情况下会出现拖动卡顿甚至拖不动,控制台也报错了。我们可以分析一下出现问题的原因, 阅读全文