首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我不知道的 Event Loop

通俗的讲 同步就是我强依赖你(对方),我必须等到你的回复,才能做出下一步响应。...即我的操作(行程)是顺序执行的,中间少了哪一步都不可以,或者说中间哪一步出错都不可以,类似于编程中程序被解释器顺序执行一样;同时如果我没有收到你的回复,我就一直处于等待、也就是阻塞的状态。...异步则相反,我并不强依赖你,我对你响应的时间也不敏感,无论你返回还是不返回,我都能继续运行;你响应并返回了,我就继续做之前的事情,你没有响应,我就做其他的事情。...也就是说我不存在等待对方的概念,我就是非阻塞的。...5.3 执行顺序 1.首先执行同步代码,这属于宏任务 2.当执行完所有同步代码后,执行栈为空,查询是否有异步代码需要执行 a 3.执行所有微任务 4.当执行完所有微任务后,如有必要会渲染页面 5

51310

我不知道的前端(二)

记录下我的学习笔记 标签模板化字面量 啊c这是什么东西听起来好厉害 不说都不知道,这是通过``定义的字符串带有的特性,我们光知道 `${}` 这种用法,却很少有人知道下边这种用法 `\n`....出于好奇,我试着如下调用了这个标签函数: String.raw(`\n`) String.raw("\n") raw()函数只接收无括号调用的方式 ---- LHS查询和RHS查询* JavaScript...是一个赋值操作的左侧和右侧 LHS查询和RHS查询的作用场景是编译器在编译过程的第二部产生了代码,引擎执行它时,会通过查找变量来判断它是否已声明过; 而LHS和RHS查询的区别在哪,按照我的理解:...其实还是有区别的,不知道有没有老哥踩过类似下边这种代码的坑: let max = maxWidth || preferences.maxWidth || 500 当我们认为maxWidth为0是有效的情况下...在JavaScript中Date、Array这些内置类(然而往底下纠的话,原来这些都是构造函数,震撼我一整年)你也肯定耳熟能详。如果你还不知道什么的原型,往下走看一下"什么的原型链"然后回来看看。

39620
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    我不知道你知不知道我知道的伪元素小技巧

    一个父元素的所有子元素如果都是浮动的,那么这个父元素是没有高度的;父元素并没有脱离正常的文档流,仍然占据正常文档流的空间; 如果这个父元素的相邻元素是行内元素,那么这个行内元素将会在这个父元素的区域内见缝插针...,找到一块放得下它的地方 如果相邻的元素是一个块级元素,那么设置这个块级元素的margin-top将会以这个父元素的起始位置作为起点。...方法:把父容器的高度撑起来,考虑到浮动了的元素并没有脱离正常文档流,而其它元素会围绕着它环绕,所以清除浮动简单有效的办法就是让环绕的元素不可环绕,把它变成一把尺子,放在最后面,把所有浮动的元素顶起来,而这把尺子就是一个设置了...3.计数器 动态的计算商品的数量,我们经常会借用js来实现;我想告诉css也能实现这个效果,他比js用起来简单多了 ?...梯形标签页 在网页中我们经常见到梯形形状的标签页,常见的技巧都是比较杂乱,或者说难以维护的,那他们是如何实现的呢?

    98420

    我不知道的前端(三)

    记录我的学习笔记,本篇之前都是JavaScript相关的内容 prototype和proto的灵活应用 想必时间戳的各种转换需求大家见到的不算少,有时候封装一个方法非常有必要。...使用上边的方法你会发现,你可以调用一个实例化Date对象的format方法,但是Date.format()是行不通的 这是自然的,想做到Date.format这种看着很像静态方法的操作(实际应用场景中其实没有所谓...当然我们可以用bind函数硬修改this的作用域,这是我觉得非常实用的函数。...return this.apply(obj,arguments); } } 复制代码 这应该是我能想到的实现 bind 最少代码的形式; new绑定 在js中,并没有所谓的类,JavaScript...,而这样一个箭头函数的this实际上并不存在,箭头函数的this来自于它的上一层作用域

    30630

    我的Mysql查询SQL优化总结

    当我们遇到一个慢查询语句时,首先要做的是检查所编写的 SQL 语句是否合理,优化 SQL 语句从而提升查询效率。所以对 SQL 有一个整体的认识是有必要的。...清楚 SQL 的执行顺序后,接下来可以看一下在日常查询使用中,常见的拖慢查询的 SQL 使用,这些原因可以通过改写 SQL 来进行优化。 2、联表查询 过于复杂的联表查询通常是导致查询效率低下的原因。...如果确实需要多表的关联查询,可以考虑分解关联查询,在应用端进行数据的关联处理。不过分解关联查询是否提高了效率还是需要进行比较检验。...3、子查询 在 MySQL 5.6 版本后对子查询进行了优化,但是优化器的优化始终是有限的,在某些场景下子查询仍然是会称为导致查询效率低下的一个点。...而如果问题没有出在子查询上,那就是查询本身的复杂导致的,这时同样应该考虑分解关联查询。

    1.7K40

    是否适合SAP行业我是这样理解的

    我说的很多内容(SAP技术内容除外),并不是特定对于SAP来讲,而是很多行业基本都是这样,针对一个行业概括起来,就是大部分行业的规则。 对于SAP行业的待遇问题,我觉得还是有必要多说几句。...这个要我说的话,是靠缘分,两方缘分到了,你就可以进入这个行业了。我遇到过不少实习生,基本上都是实习结束就走了,因为不喜欢,一年的实习时间还根本不知道SAP是什么。...在这里多提一点就是cloud,如果你关注了我的公众号(SAP Technical),会发现我推送的关于SAP Cloud的文章及未来发展。...image.png 是否适合SAP行业 这个话题,我的理解是没有严格的什么界限,只要你觉得合适,那就是合适,没有人会对你说不合适。以下几点基本上涵盖了是否适合SAP行业。 是否感兴趣。...很少有人能为了理想活一生,我们平凡人大多数都是为了更好的生活而活一生。所以,面对现实生活,你是否觉得做SAP行业可以让你的生活更好,或者做SAP根本养不活家人。

    1.4K41

    BI为什么我的查询运行多次?

    此行为是正常的,旨在以这种方式工作。引用单个数据源的多个查询如果多个查询从该数据源拉取,则可能会出现对同一数据源的多个请求。 即使只有一个查询引用数据源,这些请求也会发生。...如果查询由一个或多个其他查询引用,则独立计算每个查询(以及它依赖的所有查询)。在桌面环境中,使用单个共享缓存运行数据模型中所有表的单个刷新。...在云环境中,每个查询都使用自己的单独缓存进行刷新,因此查询无法受益于已为其他查询缓存的相同请求。折叠有时,Power Query的折叠层可能会根据正在下游执行的操作生成对数据源的多个请求。...如果计算零行架构需要提取数据,则可能会出现重复的数据源请求。数据隐私分析数据隐私对每个查询进行自己的评估,以确定查询是否安全运行在一起。 此评估有时可能会导致对数据源发出多个请求。...隔离多个查询可以通过关闭查询过程的特定部分来隔离多个查询的实例,以隔离来自重复请求的位置。

    5.5K10

    研究三天,我找到了 tailwindcss 的正确打开姿势

    css 文件,因此,就近声明变量是我认为最好的方式,只有一些全局的、共用的可以单独提炼出来放到一个单独的文件中去 基于这个思路,按照我以前使用 css 的经验,我们可能会提取一些常用的,共性的属性与变量在全局中使用...因此,总的来说,我个人的观点非常明确,无 css 才是使用 tailwindcss 的正确方向 2、封装思维的小转变,带来极致使用体验 这个转变思维让我觉得我的组件变得非常简单。...,我获得了一个更简洁的传参思路。...因为很多时候,我们会约定默认样式,然后通过传入新的参数去覆盖默认样式。但是我们传入的只是 className,因此是否能覆盖样式我们无法控制。...除了可以不用考虑命名之外,对我来说,最大的惊喜莫过于基于媒体查询编写响应式页面比以前简单多了,我只用 10 多分钟就写了一个简单的响应式适配 Header,放到以前,我甚至都不想写这种功能,因为以前有一段时间写了一年多

    2.1K20

    静态代码分析的这些好处,我竟然都不知道?

    一、单元测试不是万无一失的单元测试在软件开发中扮演着重要的角色,它确保代码中的各个模块能够按照预期的方式工作。然而,单元测试并不能完全覆盖所有潜在的问题或错误。...然而,尽管静态分析有着诸多优点,它并不能完全替代人工验证的角色。1、一些错误和漏洞是静态分析难以捕捉的对于某些复杂的逻辑错误或者依赖于特定上下文的问题,静态分析工具往往难以给出准确的判断。...开发者可以通过运行代码、观察运行时行为、分析内存使用情况等方式,来验证静态分析的结果是否准确。三、写在最后这里有一个将静态分析与单元测试结合起来拯救的案例:加密登录屏幕的密码。...虽然通过单元测试可以验证用户输入用户名和密码的登录功能是否有效,但这并不能保证系统的安全性。因为加密或散列密码的算法可能已经遭到破解,即使功能运行正常,系统仍可能面临安全风险。...通过在编码开发过程的早期阶段识别并修复错误,我们可以确保最终产品的高质量,并在长期内实现效率的提升,因为问题在初期就被解决,从而避免了后续的延误和额外的成本。

    15310

    腾讯数智人:开启我自媒体之路的秘密武器

    大家好,我是繁依Fanyi!今天我要向大家揭开一个令人惊叹的秘密——大家可能最近发现,我开始真人出镜做视频啦!虽然你们现在看到的我看起来非常真实,但实际上,我并不是真人,而是由腾讯训练生成的数字分身!...老实说,我一直梦想成为一名自媒体博主,但拍摄视频的过程对我来说就像是攀登珠穆朗玛峰。我总是担心说话不流利,或者在镜头前显得紧张,总是会说错话、背不出稿子,这让每次拍摄都成了一场苦战。...数智人的多样化与灵活性 腾讯数智人的应用场景远不止自媒体创作一途。...例如: 教育行业:数智人可以作为虚拟讲师进行在线教学,不仅节省了教师的时间,还能保证授课内容的一致性和专业性。 传媒行业:数智人能够快速生成各种类型的新闻播报,尤其适合需要频繁更新内容的媒体平台。...如果你也对自媒体创作充满了兴趣和期待,不妨试试腾讯数智人,它可能正是你成功的秘密武器!感谢大家的阅读,期待在未来的视频中与你们见面!

    19510

    MyBatis的9种设计模式,我猜你不知道

    1、Builder 模式 Builder模式的定义是“将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。”...,它属于创建类模式,一般来说,如果一个对象的构建比较复杂,超出了构造函数所能包含的范围,就可以使用工厂模式和Builder模式,相对于工厂模式会产出一个完整的产品,Builder应用于更加复杂的对象的构建...在简单工厂模式中,可以根据参数的不同返回不同类的实例。简单工厂模式专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。 ?...configuration、Executor、是否autoCommit三个参数构建了SqlSession。...instance变量和一个获取instance变量的方法,在获取实例的方法中,先判断是否为空如果是的话就先创建,然后返回构造好的对象。

    31710

    MyBatis的9种设计模式,我猜你不知道

    1、Builder 模式 Builder模式的定义是“将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。”...,它属于创建类模式,一般来说,如果一个对象的构建比较复杂,超出了构造函数所能包含的范围,就可以使用工厂模式和Builder模式,相对于工厂模式会产出一个完整的产品,Builder应用于更加复杂的对象的构建...在简单工厂模式中,可以根据参数的不同返回不同类的实例。简单工厂模式专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。...configuration、Executor、是否autoCommit三个参数构建了SqlSession。...instance变量和一个获取instance变量的方法,在获取实例的方法中,先判断是否为空如果是的话就先创建,然后返回构造好的对象。

    36920

    我的毕业设计:基于新媒体技术的校园信息平台

    很low的名字,但跟众多的某某系统相比个人觉得还是很有新意的,这里的新媒体技术指微信公众平台的服务号和小程序。这个信息平台包括了教务新闻、成绩、课表、考试安排和一卡通、网络自助以及快递追踪等信息。...先来看看视频演示吧 再来看看最后的输出吧(开源) 完整的项目 微信服务号 小程序 开发的组件 2.1 英语四六级 xu42/mydlpu 2.2 教务新闻 dlpu-news 2.3 物流追踪...xu42/express-tracking 2.4 网络自助 xu42/dlpu-network 2.5 一卡通 xu42/dlpu-ecard 最后来说说开发过程吧 没什么好说的,很简单,核心技术就是模拟登陆和正则解析...快递追踪挺好用的,实时推送最新动态到微信,欢迎使用。小程序的测试账号密码是1305040000/00000000 ? ?

    1.1K20

    这样的API网关查询接口优化,我是被迫的

    今天的内容聊一下刚参加工作时遇到的一个查询接口优化的内容。...我想多了 需求到手开始干吧!本以我刚入行的宏观设想来说,“这种前后端分离系统的查询接口优化,也就是对各查询子接口查询使用缓存、SQL调优、代码逻辑调整优化”。当我看到祖传的原系统代码时,我涨姿势了。...是的,我翻看了几遍后端代码确认没看错,上述页面上的信息是通过API网关系统中的一个查询接口得到的,并且接口的处理逻辑使用了单线程线性处理,也就是下面这样的。 ?...于是找负责前端的大佬沟通沟通,我提供三个接口分别用于查询不同的数据,前端系统请求不同的接口查询不同的数据,这样查询结果会更快,用户体验会更好,没想到大佬一句话就把我怼回来了“项目排期都满了,没人手配合你了...是时候考虑使用多线程处理方案了,三个线程分别查询不同的子系统,最后将查询结果整合到一起返回给前端系统(不能影响原接口的返回值),前端系统一次查询请求的总耗时是由耗时最长的那个线程决定。 ?

    80910

    我看到了AI生产力工具的正确路径

    今年6月以来,AI大模型开始对我的日常工作发挥举足轻重的作用;我已经在GPT-4o上面花费了上百小时,在腾讯元宝上面花费了几十小时,它们分别是我处理英文和中文信息的最重要的生产力工具。...我有一种越来越强烈的感觉:这就是未来的工作方式,也是AI生产力工具的正确打开方式。它们会帮助我们节约无数的时间,彻底改造大部分传统业务流程,把我们的工作效率带到前所未有的高度。...几乎所有的事实列举都是正确的,论点和论据之间的结构关系明确,语言组织的方式也颇具可读性。...按照我的一位从事AI产品研发的朋友的话说:“元宝的进步相当快,我指的不是模型侧的进步,而是应用层面的‘雕花’。从单纯的技术角度看,‘雕花’好像没什么大不了的,但那是用户真正关心的。...今后还有更多、更复杂的问题需要解决,但是我们已经走在正确的道路上了。我迫不及待想看到各类AI生产力工具百花齐放、争奇斗妍的那一天——应该很快就会到来。那些最先适应这个时代的组织和个人,无疑将受益匪浅。

    14610

    我不知道你知不知道但前端NEXT知道的伪元素小技巧

    一个父元素的所有子元素如果都是浮动的,那么这个父元素是没有高度的;父元素并没有脱离正常的文档流,仍然占据正常文档流的空间; 如果这个父元素的相邻元素是行内元素,那么这个行内元素将会在这个父元素的区域内见缝插针...,找到一块放得下它的地方 如果相邻的元素是一个块级元素,那么设置这个块级元素的margin-top将会以这个父元素的起始位置作为起点。...方法:把父容器的高度撑起来,考虑到浮动了的元素并没有脱离正常文档流,而其它元素会围绕着它环绕,所以清除浮动简单有效的办法就是让环绕的元素不可环绕,把它变成一把尺子,放在最后面,把所有浮动的元素顶起来,而这把尺子就是一个设置了...3.计数器 动态的计算商品的数量,我们经常会借用js来实现;我想告诉css也能实现这个效果,他比js用起来简单多了 ?...梯形标签页 在网页中我们经常见到梯形形状的标签页,常见的技巧都是比较杂乱,或者说难以维护的,那他们是如何实现的呢?

    1K70

    因为不知道StringBuilder的这些特性,我被领导劝退了

    2 append的链式调用 ? StringBuffer.append() StringBuilder.append()或 Appendable.append() 的参数的字符串串联。...这样的调用可以有益地转换为对现有StringBuffer / Builder / Appendable的链接追加调用,从而节省了额外的StringBuffer / Builder分配的成本。...此检查将忽略编译时评估的String串联,将其转换为链接的append调用只会降低性能 改成链式调用 ? 3 读写不匹配 ?...StringBuilder 的内容被更新,但从未被查询过 检查信息:已读取但未写入或已写入但未读取的StringBuilder或StringBuffer字段或变量。...这种不匹配的读写是没有意义的,并且可能表示死的、不完整的或错误的代码。 修正,让该字符串被读起来! ?

    36510

    OpenAI联合创始人:AI的极限?我真的不知道!

    AI寒冬是否又会再次到来呢?...OpenAI的联合创始人兼CTO Greg Brockman在近日的一次演讲中发表了他的看法: 不想看视频的同学,可以阅读下面的文字哟~~~ “AI最终能达到什么样的高度,我现在还无法下一个定论。...但目前的质疑呢,我看大多是不靠谱的!” 他从“科学发展史”、“AI发展史”、“深度学习的极限”和“算力极限”四个方面阐释了他的论点。 科学发展史 有啥疑问,直接找专家呀!他们的观点大多错不了。...我认为,看看过去几年结果的具体例子是很有启发性的,然后让我们想想:人们对之前的深度学习的局限性有什么看法,对之后的又有什么看法? 在深度Q学习出现之前,我们感觉深度学习仅仅是关于静态数据集的。...所以,你甚至不需要一个完美的模拟器,你只需要一个刚好能够完成手头上任务的模拟器。 我想我们都听过这个说法,人工智能的进步有三大支柱:计算、算法和标记数据。

    47740

    这款超牛的Chrome插件,我不许你还不知道!

    记得小通读研做科研的时候,看文献那是一个折磨啊!一篇SCI文献看了就忘,忘了又得看,一天也看不了多少文献。 如果说看过的文献做好重点备注,那么下次再看就简单了! ? 安装教学 简单一学就会!...这个插件就是Multi-highlight,当你阅读文献时,需要画出文章中的关键词做记号、划重点,以便下一次阅读这篇文献时,直接找到文献重点位置,不用重新回顾、阅读、反复查找,为大家节约大量的时间,高效提速地做科研...点击“Multi-highlight”插件进行安装,安装的同时也可以看到对该款插件的详细介绍,但是这个插件的使用介绍只有英文版的,英语不太好的小伙伴们自行找个翻译工具吧,上手非常容易。 ? ?...选择一篇文献后, 点击右上角插件工具“M”图标,在输入框内输入需要标注的关键词或语句,这款插件工具就会自动使用不同的颜色标注出划重点的关键词或语句。...相信我,这也许比你看的任何视频教程更实用。

    2.5K40
    领券