鸿蒙开发者社区

[toc](目录)性能优化1.代码层面写代码的时候，厉害的人写出来的代码往往性能会更好，因为他们考虑的会更加地完善更加完美，我举个简单的例子吧，请看下面这段代码：javascript查询出users数组constusers:IUser[]query(conditions)查出names数组constnamesusers.map(({name})name)names.forEach((name,index){dosomething...})returnnames这段代码看着好像也没啥问题吧？但是其实加一步，会不会更好呢？当users是空数组的时候，...

以下文章来源于前端阳光，作者事业有成的张啦啦原文https:mp.weixin.qq.comsRSHiX8xRPYSbgrn9ehRsZw事情是这样的，直接开讲面试官：npmrunxxx的时候，发生了什么？讲的越详细越好。我（心想，简单啊）：首先，DNS解析,将域名解析成IP地址，然后TCP连接,TCP三次握手...面试官：停停，我问的不是从URL输入到页面展现到底发生什么？，是npmrunxxx的时候，发生了什么。我（尴尬，条件反射地以为是问的八股文）：emmmm，我记得npmrun...

说起前端构建，大家一定首先想到Webpack，确实它是前端构建的老大哥了，大而全，什么场景都能满足，社区生态爆炸。但是也有许多其他优秀的构建工具，他们或许不如Webpack那样“包治百病”，但他们都有一些独特的优势，如果在一些特定的场景你觉得使用Webpack太臃肿了，那你或许可以考虑下面的一些工具。Parcel一个号称「「0配置」」的打包工具，开箱即用，同时默认使用Worker进程充分发挥多核cpu优势来提升构建速度，因此在打包...

执行栈和执行上下文1.什么是作用域，什么是作用域链？⭐⭐⭐⭐规定变量和函数的可使用范围称作作用域每个函数都有一个作用域链，查找变量或者函数时，需要从局部作用域到全局作用域依次查找，这些作用域的集合称作作用域链。2.什么是执行栈，什么是执行上下文？⭐⭐⭐⭐执行上下文分为：全局执行上下文创建一个全局的window对象，并规定this指向window，执行js的时候就压入栈底，关闭浏览器的时候才弹出函数执行上下文每次函数...

[toc](目录)两个阶段三种状态1.两个阶段未决unsettled,已决settled。2.三种状态pending挂起状态,resolved成功，rejected失败通常把从未决推向已决的resolved状态的过程叫做resolve,从未决推向已决的rejected状态的过程,叫做reject任务已决状态后可能需要后续处理，若任务成功了(resolved),有后续处理,如果任务失败了(rejected),仍然有后续处理,针对resolved的后续处理,称为thenable针对rejected的后续处理,称为catchable针对res...

HTML1.HTML规范1.1元素及标签闭合为了能让浏览器更好的解析代码以及能让代码具有更好的可读性，有如下约定：1）所有具有开始标签和结束标签的元素都要写上起止标签，某些允许省略开始标签或和束标签的元素亦都要写上。2）空元素标签都不加“”字符。推荐：js我是h1标题我是一段文字，我有始有终，浏览器能正确解析不推荐：js我是h1标题我是一段文字，我有始无终，浏览器亦能正确解析1.2代码大小写HTML标签名、类名、标签属性和...

学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,gitpush的时候自动化直接部署到服务器上,以下是整个大致流程:本地代码push到gitlab1.gitlab通过webhook通知到jenkins2.jenkins拉取gitlab仓库代码,并执行shell脚本3.shell脚本执行docker命令,打包项目4.安装nginx,并把打包好的dist目录映射到nginx代理目录下5.部署成功,访问服务器ip+端口号访问你的项目++你所需要准备的:++1.docker最基本的知识,...

1、什么是HTTP缓存？2、Vue和React的区别？3、Vue3和React的hook有什么区别？4、HTTP2的新特性？5、HTTP2快在哪里？哪个阶段快了？6、LastModified和ETag是怎么配合使用的？7、Vue的响应式原理？（Vue2、Vue3）8、大文件上传，可以做哪些优化？9、优化打包做了哪些措施？10、代码的规范怎么做的？

[TOC](文章目录)一、滚动条通用样式CSS一般很难改变滚动条的高度，它是根据内容自适应计算高度。我们能做的是优化滚动条的宽度、颜色、风格等，使得其与系统风格一致。c::webkitscrollbar{width:9px;height:1px;}::webkitscrollbarthumb{borderradius:10px;background:rgba(106,172,246,.3);}::webkitscrollbartrack{borderradius:10px;background:f0f0f0;}隐藏滚动条。c::webkitscrollbar{谷歌display:none;}div{msoverflowsty...

[TOC](文章目录)一、利用display：flex原理就是定位中心点是盒子的左上顶点，所以定位之后我们需要回退盒子一半的距离。c.parent{display:flex;justifycontent:center;alignitems:center;}二、利用定位（常用方法,推荐）原理就是定位中心点是盒子的左上顶点，所以定位之后我们需要回退盒子一半的距离。计算方法：父盒子高度或者宽度的一半减去子盒子高度或者宽的的一半。c.parent{position:relative;border:1pxsolidf00;width:1...

[TOC](文章目录)前言因为工作网络的特殊性，服务器是不连互联网的，所以整个安装过程都是采用离线包安装的方式来安装。

​原文前端开发规范（实验室版）简书前言一、HTML命名规范二、HTML引号、缩进和注释三、CSS一般规范四、Javascript的命名空间规范原文前端开发规范（实验室版）前言在团队协作开发中，若个人的编码习惯不规范，会造成后期代码维护成本很高，一段规范、可读性很高的代码，会让开发者心情愉悦。一、HTML命名规范文件名称命名统一用小写的英文字母，数字和下划线的组合，不得包含汉字空格和特殊符号。不推荐产品.htmlindex%.htmlab...

[TOC](文章目录)一、滚动条通用样式CSS一般很难改变滚动条的高度，它是根据内容自适应计算高度。我们能做的是优化滚动条的宽度、颜色、风格等，使得其与系统风格一致。c::webkitscrollbar{width:9px;height:1px;}::webkitscrollbarthumb{borderradius:10px;background:rgba(106,172,246,.3);}::webkitscrollbartrack{borderradius:10px;background:f0f0f0;}隐藏滚动条。c::webkitscrollbar{谷歌display:none;}div{msoverflowsty...