前端基础
文章平均质量分 69
做为前端的基础技能介绍
云上锦书
解决问题、学会记录、不断学习!
吾爱有三:攀岩、羽球、游泳。
Interests: history, debate and code.
展开
-
推荐的 Web 性能计时:多长时间才算太长?
虽然慢于 100 毫秒的反应可能会在用户交互和响应之间造成脱节,但响应的 100 到 200 毫秒过渡可以帮助用户注意到他们的交互启动的响应,例如菜单打开。虽然慢于 100 毫秒的反应可能会在用户交互和响应之间造成脱节,但响应的 100 到 200 毫秒过渡可以帮助用户注意到他们的交互启动的响应,例如菜单打开。在优化性能时,请务必设定雄心勃勃的首次加载目标,例如通过移动 3G 网络 5 秒,在办公室 T1 线路上 1.5 秒,并为后续页面加载设定更雄心勃勃的页面加载目标,利用服务工作人员和缓存。原创 2023-12-27 17:07:28 · 926 阅读 · 1 评论 -
性能基础知识(持续更新)
此外,转换还为您提供了原本可能不具备的功能。translate()不过,一般来说,您可以获得与使用 CSS 动画相同的好处:您可以使用正确的工具来完成工作,并将优化留给浏览器。理想的系统将始终保持 100% 的用户状态:系统中的所有应用程序将同时运行,并且所有应用程序将保留用户上次与应用程序交互时创建的状态(应用程序状态存储在计算机中)内存,这就是近似值接近的原因)。CSS 动画使您可以使用关键帧对效果进行非常精细的控制,您甚至可以观看动画过程中触发的事件,以便处理需要在动画过程中的设定点执行的其他任务。原创 2023-12-26 15:19:01 · 1450 阅读 · 0 评论 -
npm 抽取 解析(持续更新中)
Egg.js 是一个基于 Node.js 的后端开发框架,旨在帮助开发者更高效地构建企业级应用。所以,当文档提到 "ne-senv" 只在 Egg.js 后端工程中有效时,意思是在使用 Egg.js 框架构建的后端应用中,可以通过该方式注入环境变量。是一个强大且灵活的工具,可用于创建具有交互性和易用性的命令行界面,适用于构建各种类型的命令行工具和实用程序。command 是run 后面的命令,例如 dev、build、lint。文件中,可以添加特定的键来配置环境变量,这些配置会在运行。原创 2023-12-30 15:00:00 · 504 阅读 · 0 评论 -
输入url后回车发生了什么(持续更新)
快速的网站提供更好的用户体验。用户希望并期待内容加载速度快、交互流畅的网络体验。Web 性能的两个主要问题是与延迟有关的问题和与大多数浏览器是单线程的事实有关的问题。延迟是对我们确保快速加载页面的能力的最大威胁。开发人员的目标是使网站加载尽可能快——或者至少看起来加载速度超快——以便用户尽快获得所请求的信息。网络延迟是通过空中传输字节到计算机所需的时间。Web性能是我们要做的就是让页面加载得尽可能快。在大多数情况下,浏览器被认为是单线程的。也就是说,他们从头到尾执行一项任务,然后再开始另一项任务。原创 2023-12-25 17:21:35 · 1180 阅读 · 0 评论 -
Three.js 详细解析(持续更新)
而正交投影摄像机,不具有透视效果,即物体的大小不受远近距离的影响。透视相机用来模拟人眼所看到的景象,物体的大小会受远近距离的影响,它是3D场景的渲染中使用得最普遍的投影模式。透视相机用来模拟人眼所看到的景象,物体的大小会受远近距离的影响,它是3D场景的渲染中使用得最普遍的投影模式。Three.js依赖一些要素,第一是scene,第二是render,第三是carmea。而正交投影摄像机,不具有透视效果,即物体的大小不受远近距离的影响。scene可以理解为我们将要渲染的环境、背景。原创 2023-12-24 15:00:00 · 876 阅读 · 0 评论 -
电脑组件整理(持续更新...)
内存的选择,其实内存的话主要是根据主板支持的代数来的,现在市场主流的主板大部分支持的是DDR4代内存,也有支持DDR3 的主板,但是DDR2 DDR 这两种内存基本上已经销声匿迹了,估计在很老很老的电脑上说不准可以找到,现在大部分人使用的是DDR3/DDR4,使用DDR3加上固态硬盘可以使得一些老古董电脑重新焕发青春,也就导致了使用三代内存的人依旧是不少人,至于四代内存咱们就不用多说了,有更高的频率,处理速度也更快,缓存空间更大。8核16线 7 nm -- 1500元;原创 2023-12-23 15:19:43 · 1414 阅读 · 0 评论 -
微信小程序开发从零到壹(持续更新)
A: 因为没有按照流程构建, 先是npm init, 再是npm i,下载好之后需要点击工具中的构建npm,这才是完整的流程。走的服务商代开发模式,服务商是翌擎,小程序属于翌擎,翌擎帮吉驾开发小程序,关联翌擎帮吉驾代开发的企业应用。将 access_token 返回给前端,需要开发者保存在后台,所有访问企业微信api的请求由后台发起。Q:T-upload组件在微信小程序和电脑中可以正常上传图片,但是企业微信中无法完成调用!上不再维护,但是仍旧可以使用,在组件中替换API成功解决问题。原创 2023-12-20 10:42:16 · 1650 阅读 · 0 评论 -
软件的 六边形战士 详解
与客户的沟通及交流:您需要与内部和外部的利益相关者进行良好的沟通和交流,例如客户、供应商和承包商。培训和团队建设:作为一名项目经理,您需要开发您的团队成员,使他们在未来的项目中更具生产力。决定产品定位与发展方向:根据市场与用户需求,制定产品的定位、特色与发展路线图,为产品的设计与开发指明方向。检查产品质量:通过黑盒与灰盒测试,检查产品的性能、安全性、稳定性等质量要素,发现产品存在的各类缺陷与问题。2. 搭建产品技术架构:选择产品所需的技术栈,搭建服务器端程序的运行环境,并实现核心的接口与框架结构。原创 2023-12-19 11:53:09 · 1415 阅读 · 0 评论 -
Reduce应用 (持续更新中)
【代码】Reduce应用 (持续更新中)原创 2023-12-18 18:25:20 · 427 阅读 · 0 评论 -
ESlint代码规范
如果团队对代码要求严格,也不想花费时间去每条的去看ESLint规则,可以使用大公司开源的ESLint规则,比如Airbnb、Facebook的规则,拿过来进行简单的修改即可。我团队目前在用的就是Airbnb的规则。在现实项目中,我们一般会使用Husky和ESLint来搭配使用,在团队成员用Git提交代码的时候,进行lint检查,防止错误的代码被提交到版本库。如果您的团队对代码要求宽松,不想花费时间去每条的去看ESLint规则,可以使用eslint:recommended,ESLint推荐的配置。原创 2023-12-17 13:00:00 · 641 阅读 · 0 评论 -
企业微信 H5 从零到壹
周五:解决方案: 因为主域名是一样的,所以请求路径需要加上/h5,用来区分后台还是当前项目的请求。第二步、在项目启动后代理到 可信任域名中, 拿 企业ID、应用ID 换取code。周一: 拿到code, 但是无法换取token,原因:新建的企业与应用。第一步、获取 企业ID、应用ID、配置可信域名、设置企业微信开发者。appid: 新建应用后可以看到,如图 ---> 应用ID。,本地联调完成,发到测试环境401,原因:不详;,但是无法获取code, 原因:企业ID。: 点击我的企业,---> 企业ID。原创 2023-12-16 13:00:00 · 1043 阅读 · 0 评论 -
Git 命令一览
接下来,输入ssh-keygen -t rsa命令,表示我们指定 RSA 算法生成密钥,然后敲三次回车键,期间不需要输入密码,之后就就会生成两个文件,分别为>id_rsa和id_rsa.pub,即密钥id_rsa和公钥id_rsa.pub. 对于这两个文件,其都为隐藏文件。很多git服务器都是用ssh认证方式,你需要把你生成的公钥发送给代码仓库管理员,让他给你添加到服务器上,你就可以通过ssh自由地拉取和提交代码了。需要你在本地把master合到你的发布分支,解决完冲突之后,再push到远端。原创 2023-12-15 13:56:22 · 1309 阅读 · 0 评论 -
HTML5结构规范
创建文档片段后,可以将多个节点先添加到文档片段中,然后一次性将文档片段添加到实际的 DOM 结构中,这样可以减少 DOM 操作次数,提高性能。文档片段是一种特殊的节点类型,它类似于一个轻量级的虚拟文档,可以用来临时存储一系列节点,而不需要将它们直接添加到 DOM 树中。两者的区别在于更加通用和广泛,而更加具体和特定,用于表示具有独立意义的内容块。进行动画时,回调函数应该尽量简洁,避免执行过多的计算和 DOM 操作,以保证动画的流畅性和高性能。原创 2023-12-14 18:52:00 · 1591 阅读 · 0 评论 -
JS基础之BOM | DOM(持续更新...)
在DOM的世界中,我们掌握了这些操作,就仿佛拥有了一把打开文档奇妙世界的钥匙。DOM的力量在于它的灵活性和丰富性,为我们提供了构建更加交互和动态的网页的无限可能。因此,在前端的道路上,深刻理解和熟练运用DOM,将为我们打开更广阔的发展空间。原创 2023-12-13 13:00:00 · 458 阅读 · 0 评论 -
前端技能之JS 数据操作(持续更新...)
Array.of() 和 Array 构造函数之间的区别在于处理整数参数:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个长度为7的空数组(注意:这是指一个有7个空位(empty)的数组,而不是由7个 undefined 组成的数组)。使用 new 命令调用函数时,返回的是对象,而不是 return 的返回值。reduceRight() 方法的功能和 reduce() 功能是一样的,不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。原创 2023-12-08 16:51:41 · 922 阅读 · 0 评论