深圳幻海软件技术有限公司 欢迎您!

  • 记录--vue打印插件

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助网页实现打印可以选择性的打印某一部分的vue组件1.引入把print.js下载到本地,然后放在src下面添加文件夹里.print.js?1234567891011121314151617181920212223242526272829303

  • 记录--一些看起来很叼难的前端面试题

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助1.ajax最大的缺陷「对搜索引擎不友好,并且存在跨域问题限制」搜索引擎会屏蔽掉所有baijavascript代码du,那么ajax载入的内容对于搜索引擎来说zhi也是透明的。建议重要的页面信dao息不要AJAX。用AJAX只是载入一些相关

  • 减少回流与重绘

    1|0一、前情回顾在讨论回流与重绘之前,我们要知道:浏览器使用流式布局模型(FlowBasedLayout)。浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了RenderTree。有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小

  • 什么是JavaScript?

    什么是JavaScript?前言本文内容为博主阅读“红宝书”之后的总结和个人理解,有什么错误欢迎指正!一句话概括语言的诞生1995年,网景公司一位名叫BrendanEich的工程师,开发了一个叫Mocha的脚本语言。后来改名叫JavaScript,以便蹭当时大火的Java的热度。到底啥时JavaSc

  • 理解 React 的调和器 Reconciler

    大家好,我是前端西瓜哥。今天来学习React中的调和器Reconciler。React的版本为18.2.0ReactElement、fiber和DomReactElement就是React.createElement()方法的返回结果,一种 映射真实DOM层级关系的对象,但里面可以带上组件

  • 玩转 Chrome DevTools,定制自己的调试工具

    ChromeDevTools是我们每天都用的工具,它可以查看元素、网络请求、断点调试JS、分析性能问题等,是辅助开发的利器。今天不讲怎么使用它,而是讲一个好玩的方向:定制自己的调试工具。之前讲过,ChromeDevTools和Chrome是分离的架构,两者之间通过WebSocket通信,通信协议是C

  • React:不要动,否则你会被炒鱿鱼

    大家好,我卡颂。不知道大家在用React开发时,有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:直译过来就是「内部神秘属性,不要乱用!否则你会被炒鱿鱼」。为什么会有个这么唬人的属

  • React新文档:不要滥用Ref哦!

    大家好,我卡颂。React新文档有个很有意思的细节:useRef、useEffect这两个API的介绍,在文档中所在的章节叫EscapeHatches(逃生舱)。显然,正常航行时是不需要逃生舱的,只有在遇到危险时会用到。如果开发者过多依赖这两个API,可能是误用。​​在React新文档:不要滥用ef

  • 如何避免 JavaScript 中的内存泄漏?

    大家好,我是CUGGZ。SPA(单页应用程序)的兴起,促使我们更加关注与内存相关的JavaScript编码实践。如果应用使用的内存越来越多,就会严重影响性能,甚至导致浏览器的崩溃。下面就来看看JavaScript中常见的内存泄漏以及如何避免内存泄漏。一、什么是内存泄漏?JavaScript就是所谓的

  • 深入浅出虚拟DOM、Diff算法核心原理

    什么是虚拟DOM在讲虚拟DOM前,首页要搞明白真实DOM是如何渲染的,为什么要虚拟DOM,一个网页运行到浏览器是怎么一个渲染过程?直接上图、有图有真相。构建DOM树。通过HTMLparser解析处理HTML标记,将它们构建为DOM树(DOMtree),当解析器遇到非阻塞资源(图片,css),会继续解

  • 使用 React Testing Library 的 15 个常见错误

    哈喽,大家好。以前的我(Kent)并不是很喜欢那个时候的测试环境,为此写了一个ReactTestingLibrary。它是原来DOMTestingLibrary的一个扩展,随着不断更新迭代,现在TestingLibrary的实现也能支持当下所有流行的JS框架和工具来定位组件中的DOM了。随时代发展,

  • Web 框架能解决什么问题?

    最近,我对对比框架和普通的JavaScript产生了浓厚的兴趣。这始于我在一些自由职业项目中使用React时遇到的一些挫折,以及我最近作为规范编辑,对Web标准有了更多的认识。我希望了解一下这些框架的共性和差异,Web平台作为一种更精简的选择,能提供什么,以及它是否足够。我的目标并非要抨击这些框架,

  • RxJS 之于异步,就像 JQuery 之于Dom

    记得当年我刚学JavaScript的时候,是从原生的domapi学起的,用原生的domapi完成一些增删改的功能,之后就会学习JQuery。刚接触JQuery的时候,感觉这也太爽了吧。比如这样一段逻辑:创建一个p标签包含一个文本节点,然后插入到container中。用原生domapi写是这样的:复制

  • 谈谈我这些年对前端框架的理解

    最早的时候页面是服务端渲染的,也就是PHP、JSP那些技术,服务端通过模版引擎填充数据,返回生成的html,交给浏览器渲染。那时候表单会同步提交,服务端返回结果页面的html。后来浏览器有了ajax技术,可以异步的请求,服务端返回xml或者json。ajax最早是基于xml的,这也是它名字的由来。因

  • Vue3 到底哪里好?看这一篇就够了

    之前写的关于vue3的文章,好多人吐槽:这些API每次使用都要引入一遍,感觉有点麻烦。今天我们就来看看vue3相比vue2的优点有些啥?为啥有些人说:自从写了tsvue3再也回不到vue2啦!vue3到底哪里好?有的人回不到vue2,而有的人去不了vue3!一、Vue3新增的几个亮点:Perform

  • JS 的 六种打断点的方式,你用过几种?

    Debugger是前端开发很重要的一个工具,它可以在我们关心的代码处断住,通过单步运行来理清逻辑。而Debugger用的好坏与断点打得好坏有直接的关系。ChromeDevtools和VSCode都提供了Debugger,它们支持的打断点的方式有6种。普通断点在想断住的那一行左侧单击一下就可以添加一个

  • 大概几集下饭剧时间就能懂的Vue3原理

    大概几集下饭剧时间就能懂的VUE3原理大家好,我是卡颂。最近中午没胃口,找来VUE源码相关视频来当下饭剧。几顿饭下去,人胖了,VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用「VUE的模版语法」定义:复制<div>hello</div>&nbsp

  • 强力推荐几个编写高性能的JavaScript的小建议

      前言随着计算机硬件的不断升级,开发者越发觉得JavaScript性能优化的好不好对网页的执行效率影响不明显,所以一些性能方面的知识被很多开发者忽视。但在某些情况下,不优化的JavaScript代码必然会影响用户的体验。因此,即使在当前硬件性能已经大大提升的时代,在编写Java

  • 你必须懂的前端性能优化

    从输入URL加载起看方向从输入URL到页面加载完成的过程:  1.首先做DNS查询,如果这一步做了智能DNS解析的话,会提供访问速度最快的IP地址回来  2.接下来是TCP握手,应用层会下发数据给传输层,这里TCP协议会指明两端的端口号,然后下发给网络层。网络

  • 新手可看!6个必须拥有的JavaScript库

     今天将介绍功能丰富的交互式JavaScript库,这些库为您提供了多种功能,并且可以为您构建有效和有用的Web应用程序提供多种用途。如果您知道最近发布的其他有用的javascript库,请在下面发表评论,让我们知道,我们希望将它们添加到我们的列表中。1.Ngeongeo是一个JS库,可以

推荐阅读