Web开发

0

让弹窗更易于使用~ web

上帝之眼发表了文章 • 534 次浏览 • 2023-06-06 10:43 • 来自相关话题

标题又名：简单弹窗、多弹窗、复杂弹窗怎么做代码和状态的解耦。关键字：react / modal 问题实际业务中，不乏弹窗组件中包含大量复杂的业务逻辑。如： function Order() { // 省略上百行方法状态 const [vis... ...查看全部

0

为什么需要PNPM ? web

上帝之眼发表了文章 • 583 次浏览 • 2023-06-06 10:42 • 来自相关话题

PNPM是什么？在日常工作里面，总是有同事让我将npm替换成pnpm，理由是这玩意速度更快，效率更高。那到底pnpm是什么呢？他为什么比npm/yarn有着更大的优势？首先，毫不疑问，pnpm是作为一个前端包管理器工具被提出的，作者的初衷是为了能够开发出一款... ...查看全部

0

前端自动部署：从手动到自动的进化 web

上帝之眼发表了文章 • 532 次浏览 • 2023-06-06 10:42 • 来自相关话题

在现代 Web 开发中，前端自动化已经成为了必不可少的一部分。随着项目规模的增加和开发人员的增多，手动部署已经无法满足需求，因为手动部署容易出错，而且需要大量的时间和精力。因此，自动化部署已经成为了前端开发的趋势。在本文中，我们将介绍前端自动化部署的基本原理和... ...查看全部

0

vue3项目打包时We're sorry but XXX doesn't work properly without JavaScript vue

阿花君霸占路人发表了文章 • 1285 次浏览 • 2023-06-05 14:56 • 来自相关话题

题引：这周末公司突然分配了一个任务，让我搞一个混合代码的平板项目：vue3+安卓原生来配合实现。看了一眼，问题不大，那边只要求把做好的页面打包成 dist 文件发给组长即可。开干。正文：当界面做完之后且打包完成，就打开了 dist 文件夹里的 inde... ...查看全部

0

箭头函数函数是否有原型 web

上帝之眼发表了文章 • 504 次浏览 • 2023-06-05 08:39 • 来自相关话题

问题:箭头函数是否有原型今天在博客重构之余，看到某个前端群有群友这样问：面试被问到了一个题，箭头函数是否有原型大家觉得有吗？首先不说它是不是，我们来回顾一下箭头函数是什么，原型又是什么。箭头函数是什么箭头函数表达式的语法比函数表达式更简... ...查看全部

0

不用递归也能实现深拷贝 web

上帝之眼发表了文章 • 590 次浏览 • 2023-06-05 08:36 • 来自相关话题

前言在现代化的 Web 开发中，深拷贝是一个常见的数据处理需求，它允许我们复制并操作数据，而不影响原始数据。然而，使用递归实现深拷贝的方法可能对性能产生负面影响，特别是在处理大规模数据时。因此，越来越多的前端开发者开始关注另一种不用递归的方式实现深拷贝。深... ...查看全部

0

Vue 为什么要禁用 undefined？ web

上帝之眼发表了文章 • 517 次浏览 • 2023-06-05 08:32 • 来自相关话题

Halo Word！大家好，我是大家的林语冰（挨踢版）~ 今天我们来伪科普一下——Vue 等开源项目为什么要禁用/限用 undefined？敏感话题我们会讨论几个敏感话题，包括但不限于—— 测不准的 undefined 如何引发复合 BUG？薛定谔的... ...查看全部

0

Vue3 除了keep-alive，还有哪些页面缓存的实现方案 web

上帝之眼发表了文章 • 547 次浏览 • 2023-06-02 18:23 • 来自相关话题

引言有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。对于这个需求，我的第一个想法就是使用keep-alive来缓存列表页，列表和详情页切换时，列表页会被缓存；从首页进入列表页时，就重置列表页... ...查看全部

0

用proxy改造你的console web

上帝之眼发表了文章 • 611 次浏览 • 2023-06-02 18:22 • 来自相关话题

前言在前端平常的开发中,最长使用的调试手段应该就是console大法。console很好用，但有时候打印变量多了，看起来就比较懵。 let name1 = 'kk'; name2 = 'kkk'; name3 = 'kk1k'; name4= 'k1kk';... ...查看全部

0

前端小白的几个坏习惯 web

上帝之眼发表了文章 • 523 次浏览 • 2023-06-02 18:22 • 来自相关话题

最近在教授前端小白学员编写一些简单的网页。在这个过程中发现了小白们比较容易遇到的一些问题或者坏习惯，在这里对它们进行一一解释。文件名命名有些学员的文件命名是这样的：除了网页的内容外，所有的东西都应该用英文，而不是拼音。原因有如下几点：编程不是一个... ...查看全部

0

卸下if-else 侠的皮衣！ web

上帝之眼发表了文章 • 583 次浏览 • 2023-06-02 18:18 • 来自相关话题

🤭当我是if-else侠的时候 😶怕出错给我一个功能，我总是要写很多if-else,虽然能跑，但是维护起来确实很难受，每次都要在一个方法里面增加逻辑，生怕搞错，要是涉及到支付功能，分分钟炸锅 😑难调试我总是不知道之前写的逻辑在哪里，一个方法几百行逻辑，而且... ...查看全部

0

前端路由访问权限控制方案 web

上帝之眼发表了文章 • 535 次浏览 • 2023-06-01 09:16 • 来自相关话题

本篇所讲的路由控制方案是由前端实现的，根据具体的业务做的设计，可能不具备一般性，仅供参考！项目背景及路由初步设计目前在做的一个项目，目标是为了解决互联网行业里面关于资金清分业务的一些痛点。虽然目前只成功对接并上线了一个第三方企业，随着产品功能的不断完善，... ...查看全部

0

一文搞清楚Node.js的本质 web

上帝之眼发表了文章 • 560 次浏览 • 2023-06-01 09:15 • 来自相关话题

学习Node.js已有很长的时间了，但一直学的懵懵懂懂，不得要领，现决定跟网上的大佬从头开始理一下其中的底层逻辑，为早日成为全栈工程师打下基础。 Node.js 是什么？ Node.js 是一个基于 V8 引擎的 JS 运行时，它由 Ryan Dahl 在 ... ...查看全部

0

如何使用localStorage判断设置值是否过期 web

上帝之眼发表了文章 • 521 次浏览 • 2023-06-01 09:10 • 来自相关话题

简介：本文介绍了使用 localStorage 判断设置值是否过期的方法。通过设置过期时间，我们可以使用 setItemWithExpiration 函数将数据存储到 localStorage 中，并使用 getItemWithExpiration 函数获取数... ...查看全部

0

CSS样式穿透？你准备好了吗！ web

上帝之眼发表了文章 • 535 次浏览 • 2023-06-01 09:06 • 来自相关话题

你是否遇到过这样的情况：想要修改子元素的样式却发现使用父元素选择器无法生效。这时，你就需要了解一下CSS样式穿透的概念。简单介绍一般来说，我们可以通过父级选择器来选中它下面的子元素。例如： .parent .child { color: red; } ... ...查看全部

0

为什么面试官这么爱问性能优化？ web

上帝之眼发表了文章 • 540 次浏览 • 2023-06-01 09:05 • 来自相关话题

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致：平时的工作中你有做过什么性能优化？对于这个问题其实我的内心os是（... ...查看全部

0

项目很大，得忍一下 web

上帝之眼发表了文章 • 507 次浏览 • 2023-05-31 10:25 • 来自相关话题

背景常和我们的客户端厮混，也经常陪他们发版，每次发版编译打包都可以在那边玩一局游戏了。一边幸灾乐祸，一边庆幸h5编译还好挺快的，直到我们的项目也发展成了*山，巨石项目。由于线上要给用户查看历史的推广活动，所以很多老的业务项目都还是留在项目中，导致我们的rou... ...查看全部

0

你还在凭感觉来优化性能？ web

上帝之眼发表了文章 • 583 次浏览 • 2023-05-31 10:22 • 来自相关话题

前言大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。众所周知，感觉是最不靠谱的东西，这完全取决于主观意识。我们做性能优化一定要取决于一些指标，而Performance API向我们提供了访问和测量浏览器性能相关信息的方式。通... ...查看全部

0

能把队友气死的8种屎山代码(React版) web

上帝之眼发表了文章 • 590 次浏览 • 2023-05-31 10:20 • 来自相关话题

前几天在前端技术群里聊起Code Review的事，大伙儿似乎都憋了一肚子气：我觉得这份难言之隐应该要让更多人看到，就跟Henry约了个稿：于是Henry赶在周末，一边带娃，一边给我抹眼泪整理（脱敏）出了这篇小小的屎山合集，供大家品鉴。以下是正文。... ...查看全部

0

关于“凌晨服务器告警！我被动把性能优化了2000%”这件事~ web

上帝之眼发表了文章 • 531 次浏览 • 2023-05-31 10:19 • 来自相关话题

前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。大早上被叫醒！前几天周末，大早上的时候，太阳才刚出来，我突然被老大电话叫醒了，并通知我速速进入飞书会议，说是服务器发生了警报，出现了严重事故。进到会议才... ...查看全部

0

让整个网站界面无滚动条 web

上帝之眼发表了文章 • 615 次浏览 • 2023-05-31 10:17 • 来自相关话题

界面无滚动条滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。那种更好呢？没有更好只有更合适像默认的滚动条的话，他能让你方便摁着往下滑动（他比较宽）特别省劲，不用担心美化过后变细摁不到问题。美化... ...查看全部

0

跟我一起探索 HTTP-HTTP缓存 web

上帝之眼发表了文章 • 586 次浏览 • 2023-05-30 08:53 • 来自相关话题

概览 HTTP 缓存会存储与请求关联的响应，并将存储的响应复用于后续请求。可复用性有几个优点。首先，由于不需要将请求传递到源服务器，因此客户端和缓存越近，响应速度就越快。最典型的例子是浏览器本身为浏览器请求存储缓存。此外，当响应可复用时，源服务器不需要处理... ...查看全部

0

Vue+Element-UI 中 el-table 动态合并单元格 :span-method 方法 web

上帝之眼发表了文章 • 856 次浏览 • 2023-05-30 08:51 • 来自相关话题

合并单元格记录一下工作时遇到的 el-table 合并单元格的需求，超详细😊 el-table官方提供了合并单元格的方法与返回格式如下: 根据叙述有了如下思路: 因为后端返回的数据非统一, 可能不是按照类别排好的😨, 所以官网的例子满足不了所有的需求... ...查看全部

0

改写el-table表格排序, 支持多列排序远程排序!!! web

上帝之眼发表了文章 • 588 次浏览 • 2023-05-30 08:50 • 来自相关话题

改写el-table的默认排序提示：在el-table封装的表格基础上改写排序方法前言我们在做表格的时候经常会遇到表头有一个排序的icon 用来对数据进行, el-table有自己的排序方法, 如下: 在列中设置sortable属性即可实现以该列为基... ...查看全部

0

2023了，该用一下pnpm了 web

上帝之眼发表了文章 • 553 次浏览 • 2023-05-29 08:46 • 来自相关话题

前言大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。 performant npm ，意味高性能的 npm。pnpm由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的bug，极大的优化了性能，扩展了使用场景。... ...查看全部

0

身为Ikun，我想用console.log输出giegie打球的视频~ web

上帝之眼发表了文章 • 530 次浏览 • 2023-05-29 08:38 • 来自相关话题

前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。事情是这样的，这天我醒来，觉得身为一个 “ikun”，我得向我的giegie看齐，早点把篮球水平练上去，早点追上我的giegie，于是我便开始了我的打球(打铁)... ...查看全部

0

根据高德地图，画个心给你对象吧 web

上帝之眼发表了文章 • 515 次浏览 • 2023-05-26 08:52 • 来自相关话题

文章来源因为逛掘金的时候，看到了这篇文章，但是文章写的没头没尾，于是我就按照他给的思路自己实现了一下，感觉效果来不错，就在这里分享给大家一下。高德地图接入用这个申请的应用的key可以进行sdk的接入。可以通过高德地图的文档API来查询具体的API如何使... ...查看全部

0

前端 markdown 到 pdf 生成方案 web

上帝之眼发表了文章 • 561 次浏览 • 2023-05-24 09:02 • 来自相关话题

前端 markdown 到 pdf 生成方案 (检查修订中...) 接到需求，需要把数据同学生成的 markdown 格式的 ChatGPT 日报在平台上进行展示，并提供可下载的 PDF 文件。这里简单记录下使用到的技术和遇到的问题。 1. 方案对比这个是... ...查看全部

0

一行代码就能完成的事情，为什么要写两行 web

上帝之眼发表了文章 • 516 次浏览 • 2023-05-24 08:51 • 来自相关话题

今天休息休息，复习一下使用的简洁运算方式以及常用的单行代码三元运算符用三元运算符代替简单的if else if (age < 18) { me = '小姐姐'; } else { me = '老阿姨'; } 改用三元运算符,一行就能搞定 m... ...查看全部

0

写出干净的 JavaScript 5 个小技巧 web

上帝之眼发表了文章 • 518 次浏览 • 2023-05-24 08:50 • 来自相关话题

降低阅读负担，启发创作心智，轻松学习 JavaScript 技巧，日拱一卒，jym，冲~ 1. 将数字定义为常量我们常常会用到数字，比如以下代码： const isOldEnough = (person) => { return person.g... ...查看全部

0

前端如何实现同时发送多个相同请求时只发送一个？ web

上帝之眼发表了文章 • 563 次浏览 • 2023-05-24 08:48 • 来自相关话题

原生实现为了控制并发请求，可以使用以下两种常见的方式：防抖防抖是指在一段时间内多次触发同一事件，只执行最后一次触发的操作。在前端中，可以利用定时器来实现防抖的效果。具体实现方法如下： function debounce(func, delay) { ... ...查看全部

0

偏爱console.log的你，肯定会觉得这个插件泰裤辣！ web

上帝之眼发表了文章 • 564 次浏览 • 2023-05-24 08:47 • 来自相关话题

前言毋庸置疑，要说前端调试代码用的最多的，肯定是console.log，虽然我现在 debugger 用的比较多，但对于生产环境、小程序真机调试，还是需要用到 log 来查看变量值，比如我下午遇到个场景：选择完客户后返回页面，根据条件判断是否弹窗： if (... ...查看全部

0

我是这样实现并发任务控制的 web

上帝之眼发表了文章 • 550 次浏览 • 2023-05-23 09:05 • 来自相关话题

尽管js是一门单线程的脚本语言，其同步代码我们是自上而下读取执行的，我们无法干涉其执行顺序，但是我们可以借助异步代码中的微任务队列来实现任务的并发任务控制。那我们用一个例子来带入一下。如何使下面的代码按照我所想的效果来输出 function timeout(... ...查看全部

0

内存的清道夫——函数的尾调用 web

上帝之眼发表了文章 • 514 次浏览 • 2023-05-23 09:04 • 来自相关话题

函数的尾调用尾调用是什么，它能解决什么问题，他的存在意味着什么，为什么我叫他内存的清道夫，下面我将带读者通过概念，作用，尾巴递归三个方面来学习使用函数的尾调用。尾调用概念尾调用指的是在函数的最后一步通过return调用另一个函数 function fn(... ...查看全部

0

深度介绍瀑布流布局 web

上帝之眼发表了文章 • 510 次浏览 • 2023-05-23 09:03 • 来自相关话题

瀑布流布局瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。多行等宽元素排列，后面的元素依次添加到后面，接下来，要开始介绍这种布局如何实现 Html代码以及效果展示：代码：先使用一个container容器作为父容器，里面分别装了十个子容器b... ...查看全部

0

Vuex状态更新流程你都会了,面试官敢不给你发offer? web

上帝之眼发表了文章 • 489 次浏览 • 2023-05-23 09:02 • 来自相关话题

什么是Vuex？Vuex官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说到Vuex其实很多小伙伴的项目中基本都引入了，对Vuex... ...查看全部

0

能把队友气死的8种屎山代码(React版) web

上帝之眼发表了文章 • 564 次浏览 • 2023-05-23 09:01 • 来自相关话题

前几天在前端技术群里聊起Code Review的事，大伙儿似乎都憋了一肚子气：我觉得这份难言之隐应该要让更多人看到，就跟Henry约了个稿：于是Henry赶在周末，一边带娃，一边给我抹眼泪整理（脱敏）出了这篇小小的屎山合集，供大家品鉴。以下是正文。... ...查看全部

0

原来JS可以这么实现继承 web

上帝之眼发表了文章 • 509 次浏览 • 2023-05-23 09:00 • 来自相关话题

当我们在编写代码的时候，有一些对象内部会有一些方法（函数），如果将这些函数在构造函数内部声明会导致内存的浪费，因为实例化构造函数得到不同的实例对象，其内部都有同一个方法，但是占据了不同的内存，就存在内存浪费问题。于是乎我们就需要用到继承。什么是继承？通过某... ...查看全部

0

从JS执行过程彻底讲清楚闭包、作用域链、变量提升等 web

上帝之眼发表了文章 • 579 次浏览 • 2023-05-22 08:46 • 来自相关话题

前言今天和大家一起来弄清楚一段 JavaScript 代码，它是如何执行的呢？进而彻底讲明白闭包和作用于链的含义。 JavaScript 是一门高级语言，需要转化成机器指令，才能在电脑的 CPU 中运行。使 JavaScript 代码转换成机器指令，是... ...查看全部

0

前端开发：关于diff算法详解 web

上帝之眼发表了文章 • 518 次浏览 • 2023-05-22 08:45 • 来自相关话题

前言前端开发中，关于JS原生的内容和前端算法相关的内容一直都是前端工作中的核心，不管是在实际的前端业务开发还是前端求职面试，都是非常重要且必备的内容。那么本篇博文来分享一个关于前端开发中必备内容：diff算法，diff算法在前端实战中和前端求职面试中都是必... ...查看全部

0

我给我的博客加了个在线运行代码功能 web

上帝之眼发表了文章 • 526 次浏览 • 2023-05-19 08:24 • 来自相关话题

获取更多信息，可以康康我的博客，所有文章会在博客上先发布随记 - 记录指间流逝的美好 (xiaoyustudent.github.io) 前言新的一年还没过去，我又开始搞事情了，偶尔一次用到了在线编辑网页代码的网站，顿时想到，能不能自己实现一个呢？（PS：反... ...查看全部

0

判断数组成员的几种方法 web

上帝之眼发表了文章 • 509 次浏览 • 2023-05-19 08:24 • 来自相关话题

在开发中经常需要我们在数组中查找元素又或者是判断元素是否存在，所以我列举了几种常用的方法供掘友参考学习。 indexOf() 首先想到的就是indexOf()方法，查找元素，并返回第一个找到的位置索引 [1,2,3,2].indexOf(2) // 1 ... ...查看全部

0

JS实现继承的几种方式 web

上帝之眼发表了文章 • 536 次浏览 • 2023-05-19 08:22 • 来自相关话题

继承作为面向对象语言的三大特性之一，可以在不影响父类对象实现的情况下，使得子类对象具有父类对象的特性；同时还能再不影响父类对象行为的情况下扩展子类对象独有的特性，为编码带来了极大的便利。下面我们就来看看 JavaScript 中都有哪些实现继承的方法。原... ...查看全部

0

我们在搜索一个问题的时候浏览器究竟做了什么 web

上帝之眼发表了文章 • 577 次浏览 • 2023-05-19 08:22 • 来自相关话题

1+1=？，这个问题一直困扰着我，这天摸鱼的时间，我打开浏览器，在地址栏中输入http://www.baidu.com，按下回车，从这时起，我的疑虑从1+1=？变成了打开百度时浏览器到底做了什么工作？这算是一个面试常见题，反正我被提问了无数次 TuT 为什... ...查看全部

0

十分钟，让你学会Vue的这些巧妙冷技巧 web

上帝之眼发表了文章 • 585 次浏览 • 2023-05-18 09:30 • 来自相关话题

前言写了两年的Vue，期间学习到好几个提高开发效率和性能的技巧，现在把这些技巧用文章的形式总结下来。 1. 巧用$attrs和$listeners $attrs用于记录从父组件传入子组件的所有不被props捕获以及不是class与style的参数，而$lis... ...查看全部

0

一点点Vue性能优化方案分享 web

上帝之眼发表了文章 • 595 次浏览 • 2023-05-18 09:26 • 来自相关话题

我们在开发Vue项目时候都知道，在vue开发中某些问题如果前期忽略掉，当时不会出现明显的效果，但是越向后开发越难做，而且项目做久了就会出现问题，这就是所说的蝴蝶效应，这样后期的维护成本会非常高，并且项目上线后还会影响用户体验，也会出现加载慢等一系列的性能问题，... ...查看全部

0

10 个超棒的 JavaScript 简写技巧 web

上帝之眼发表了文章 • 513 次浏览 • 2023-05-18 09:25 • 来自相关话题

今天我要分享的是10个超棒的JavaScript简写方法，可以加快开发速度，让你的开发工作事半功倍哦。开始吧！ 1.合并数组普通写法：我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组，不会更改现有的数... ...查看全部

0

每个前端都应该掌握的7个代码优化的小技巧 web

上帝之眼发表了文章 • 543 次浏览 • 2023-05-17 09:11 • 来自相关话题

本文将介绍7种JavaScript的优化技巧，这些技巧可以帮助你更好的写出简洁优雅的代码。 1. 字符串的自动匹配（Array.includes）在写代码时我们经常会遇到这样的需求，我们需要检查某个字符串是否是符合我们的规定的字符串之一。最常见的方法就是使用... ...查看全部

0

使用Vue3 + AR撸猫，才叫好玩 web

上帝之眼发表了文章 • 568 次浏览 • 2023-05-17 09:05 • 来自相关话题

先来个预告效果图开场：前言：浏览苹果官网时，你会看到发现每个设备在介绍页底部有这么一行文字：“用增强现实看看***”。使用苹果设备点击之后就能将该设备投放于用户所在场景视界，在手机摄像头转动的时候，也能看到物体对象不同的角度，感觉就像真的有一台手机放在你... ...查看全部

0

Kindle 可旋转桌面时钟 web

上帝之眼发表了文章 • 1170 次浏览 • 2023-05-17 09:01 • 来自相关话题

前言自己的 Kindle 吃灰很久了，想做个时钟用，但是网上可选的时钟网站比较少，这些时钟网站里面，要么太简单界面也比较丑陋，要么内容太多有些本末倒置了，要么网址特别长输入网址的时候太麻烦。干脆自己写一个，没多少代码。（我的 Kindle 差不多十... ...查看全部

通知设置 新通知

热门话题

通知设置新通知