Web开发

0

火爆全网的 Evil.js 源码解读 IT大前端

马师傅发表了文章 • 1120 次浏览 • 2022-08-19 18:58 • 来自相关话题

2022年8月18日，一个名叫Evil.js的项目突然走红，README介绍如下：什么？黑心996公司要让你提桶跑路了？想在离开前给你们的项目留点小礼物？偷偷地把本项目引入你们的项目吧，你们的项目会有但不仅限于如下的神奇效果：当数组长度可以被7整除时，Ar... ...查看全部

0

HttpClient 在vivo内销浏览器的高并发实践优化 web

上帝之眼发表了文章 • 529 次浏览 • 2022-08-19 09:14 • 来自相关话题

HttpClient作为Java程序员最常用的Http工具，其对Http连接的管理能简化开发，并且提升连接重用效率；在正常情况下，HttpClient能帮助我们高效管理连接，但在一些并发高，报文体较大的情况下，如果再遇到网络波动，如何保证连接被高效利用，有哪些... ...查看全部

0

【Node】深入浅出 Koa 的洋葱模型 IT大前端

马师傅发表了文章 • 533 次浏览 • 2022-08-18 17:23 • 来自相关话题

本文将讲解 koa 的洋葱模型，我们为什么要使用洋葱模型，以及它的原理实现。掌握洋葱模型对于理解 koa 至关重要，希望本文对你有所帮助~什么是洋葱模型先来看一个 democonst Koa = require... ...查看全部

0

写这么骚的代码，不怕被揍么？ web

Hc. 发表了文章 • 596 次浏览 • 2022-08-18 10:21 • 来自相关话题

曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。这世上，“只有魔法才能对抗魔法”，于是后来，翻阅各种“黑魔法”的秘籍，总结了一些比较实用的“骚操作”，让我们装X的同时，提升代码运行的效率（请配合健身房一起使... ...查看全部

0

记录一次React程序死循环 IT大前端 react

马师傅发表了文章 • 889 次浏览 • 2022-08-15 18:42 • 来自相关话题

一、错误复现开发环境报如下错误。Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpda... ...查看全部

0

从 React 原理来看 ahooks 是怎么解决 React 的闭包问题的？ Javascript IT大前端 react

马师傅发表了文章 • 694 次浏览 • 2022-08-12 09:30 • 来自相关话题

本文是深入浅出 ahooks 源码系列文章的第三篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。本文来探索一下 ahooks 是怎么解决 React 的闭包问题的？。React 的闭包问题先来看一个例子：... ...查看全部

0

我用vue3和egg开发了一个早报学习平台，带领群友走向技术大佬 web

上帝之眼发表了文章 • 647 次浏览 • 2022-08-11 09:45 • 来自相关话题

该项目的出发点是获取最新最值得推荐的文章以及面经，供群友们学习使用。带领前端阳光的群友们一起成为技术大佬。当点击掘金的时候，就会获取掘金当前推荐的前端文章当点击牛客网的时候，就会获取到最新的前端面经点击【查看】就会跳到文章详情页勾选后点击确认，就会把文章标题拼... ...查看全部

0

React 官网为什么那么快？ web

上帝之眼发表了文章 • 647 次浏览 • 2022-08-09 20:33 • 来自相关话题

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极短，而且在页面中点击链接切换路由的操作非常顺滑，几乎页面可以达到“秒切”的效果，根本不会有卡顿等待的情况发生，于是带着“react官网到底是怎么做的”疑问开始了本... ...查看全部

0

多行文本下的文字渐隐消失术 web

上帝之眼发表了文章 • 635 次浏览 • 2022-08-07 23:11 • 来自相关话题

本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐首先，我们来看这样一个例子，我们要实现这样一个单行文本的渐隐：使... ...查看全部

0

巧用摩斯密码作为调试工具的入口｜vConsole 在线上的2种使用方式 web

上帝之眼发表了文章 • 800 次浏览 • 2022-08-01 08:55 • 来自相关话题

前言在做手机端项目的时候，我们经常在测试环境使用 vConsole 作为调试工具，它大概可以做这么多事情：查看 console 日志查看网络请求查看页面 element 结构查看 Cookies、localStorage 和 SessionStorage手动执... ...查看全部

0

作为一名前端工程师，我浪费了时间学习了这些技术 IT大前端

马师傅发表了文章 • 657 次浏览 • 2022-07-27 19:06 • 来自相关话题

作为一名前端工程师我浪费时间学习了这些技术不要犯我曾经犯过的错误！我2015年刚刚开始学习前端开发的时候，我在文档和在线教程上了解到了许多技术，我浪费大量时间去学习这些技术。在一个技术、库和框架数量不断增长的行业中，高效地学习才是关键。不管你是新的Web... ...查看全部

0

API 请求慢？这次锅真不在后端 IT大前端

马师傅发表了文章 • 616 次浏览 • 2022-07-27 19:04 • 来自相关话题

问题我们在开发过程中，发现后端 API 请求特别慢，于是跟后端抱怨。 “怎么 API 这么慢啊，请求一个接口要十几秒”。而且这种情况是偶现的，前端开发同学表示有时候会出现，非必现。但是后端同学通过一顿操作后发现，接口没有问题，他们是通过 postman ... ...查看全部

0

请不要再下载这些vscode插件了 IT大前端

马师傅发表了文章 • 818 次浏览 • 2022-07-26 17:57 • 来自相关话题

vscode好多插件都已经内置了，但是还是有很多憨批不知道，还在傻傻的推荐这些插件来坑萌新。 Auto Rename Tag 这个插件是在写html标签的时候可以重命名标签名的，但是现在vscode已经内置了，就不需要再下载这个插件了。只不过默认是关闭的... ...查看全部

0

千万不要用JSON.stringify()去实现深拷贝！有巨坑！！ Javascript

马师傅发表了文章 • 616 次浏览 • 2022-07-25 23:41 • 来自相关话题

当对象中有时间类型的元素时候 -----时间类型会被变成字符串类型数据const obj = { date:new Date()}typeof obj.date === 'object' //trueconst objCopy = JSON.parse(... ...查看全部

0

七夕到了，还不快给你女朋友做一个专属chrome插件 web

上帝之眼发表了文章 • 686 次浏览 • 2022-07-21 18:09 • 来自相关话题

前言七夕节马上就要到了，作为拥有对象（没有的话，可以选择 new 一个出来）的程序员来说，肯定是需要有一点表示才行的。用钱能买到的东西不一定能表达咱们的心意，但是用心去写的代码，还能让对象每天看到那才是最正确的选择。除了手机之外，在电脑上使... ...查看全部

0

tinaJs 源码分析微信小程序

上帝之眼发表了文章 • 601 次浏览 • 2022-07-17 20:30 • 来自相关话题

是什么为了避免混淆 tina 和原生的一些概念，这里先说明一下一些词的含义开局先来预览一下 Page.define 的流程// tina/class/page.jsclass Page extends Basic { static mixins =... ...查看全部

0

浏览器检测之趣事 web

上帝之眼发表了文章 • 896 次浏览 • 2022-07-13 09:15 • 来自相关话题

1 那段历史在开发过程中，我们通常用用户代理字符串—浏览器端 window.navigator.userAgent或者服务器端header携带的user-agent —来用于检测当前浏览器是否为移动端，比如：if(isMobile()) { // 移动端逻... ...查看全部

0

前端 PDF 水印方案 web

上帝之眼发表了文章 • 781 次浏览 • 2022-07-11 21:19 • 来自相关话题

场景：前端下载 pdf 文件的时候，需要加上水印，再反给用户下载用到的库：pdf-lib (文档) @pdf-lib/fontkit 字体：github 方案目标：logo图 + 中文 + 英文 + 数字 => 透明水印首先安装 pdf-lib: 它是... ...查看全部

0

V8系列第二篇:从执行上下文的角度看JavaScript到底是怎么运行的 v8 Javascript

环Sir 发表了文章 • 719 次浏览 • 2022-07-06 15:56 • 来自相关话题

1.前言先来说一说V8引擎和浏览器 V8引擎要想运行起来，就必须依附于浏览器，或者依附于Node.js宿主环境。因此V8引擎是被浏览器或者Node.js启动的。比如在Chrome浏览器中，你打开一个网址后，渲染进程便会初始化V8引擎，同时在V8中会初始化堆空... ...查看全部

0

V8开篇:V8是如何运行JavaScript(let a = 1)代码的？ V8引擎 Javascript

环Sir 发表了文章 • 848 次浏览 • 2022-07-06 15:56 • 来自相关话题

我们知道，机器是不能直接理解我们平常工作或者自己学习的代码的。所以，在执行程序之前，需要将代码翻译成机器能读懂的机器语言。按语言的执行流程，可以把计算机语言划分为编译型语言和解释型语言：编译型语言：在代码运行前编译器直接将对应的代码转换成机器码，运行时不需... ...查看全部

0

清除 useEffect 副作用 web

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

在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。import { useState, useEffect } f... ...查看全部

0

如何用一个插件解决 Serverless 灰度发布难题？ web

上帝之眼发表了文章 • 663 次浏览 • 2022-07-05 08:54 • 来自相关话题

Serverless 灰度发布什么是 Serverless ?Serverless 顾名思义就是无服务器，它是一种“来了就用，功能齐全，用完即走”的全新计算提供方式，用户无需预制或管理服务器即可运行代码，只需将代码从部署在服务器上，转换到部署到各厂商 Serv... ...查看全部

0

生成二维码或条形码JavaScript脚本库 web

上帝之眼发表了文章 • 593 次浏览 • 2022-07-04 09:11 • 来自相关话题

二维码或条形码在日常生活中现在应用已经非常普遍了，文章分享生成条形码和二维码的JavaScript库。条形码条形码是日常生活中比较常见的，主要用于商品。通俗的理解就是一串字符串的集合（含字母、数字及其它ASCII字符的集合应用），用来常用来标识一个货品的唯一性... ...查看全部

0

前端取消请求与取消重复请求前端 Javascript axios

环Sir 发表了文章 • 774 次浏览 • 2022-06-30 11:46 • 来自相关话题

一、前言大家好，我是大斌，一名野生的前端工程师，今天，我想跟大家分享几种前端取消请求的几种方式。相信大家在平时的开发中，肯定或多或少的会遇到需要取消重复请求的场景，比如最常见的，我们在使用tab栏时，我们都会使用一个盒子去存放内容，然后在切换tab栏时，会清... ...查看全部

0

关于 Axios 的再再再封装，总是会有所不一样架构 axios Javascript

环Sir 发表了文章 • 640 次浏览 • 2022-06-29 16:29 • 来自相关话题

特性 class 封装可以多次实例化默认全局可以共用一个实例对象可以实例化多个对象，实例化时可以配置该实例特有的 headers根据各个接口的要求不同，也可以针对该接口进行配置设置请求拦截和响应拦截，这个都是标配了拦截处理系统响应状态码对应的提示语拦截器 ... ...查看全部

1

不要滥用effect哦 IT大前端 react

马师傅发表了文章 • 595 次浏览 • 2022-06-28 16:59 • 来自相关话题

你或你的同事在使用useEffect时有没有发生过以下场景：当你希望状态a变化后发起请求，于是你使用了useEffect：useEffect(() => { fetch(xxx); }, [a])这段代码运行符合预期，上线后也没问题。随着需求不断迭代... ...查看全部

0

web前端-JavaScript中的函数（创建，参数，返回值，方法，函数作用域，立即执行函数） Javascript

环Sir 发表了文章 • 584 次浏览 • 2022-06-28 11:40 • 来自相关话题

文章目录简介函数的创建1 用构造函数创建2 用函数声明创建3 用函数表达式创建函数的参数参数特性1 调用函数时解析器不会检查实参的类型2 调用函数时解析器不会检查实参的数量3 当形参和实参过多，可以用一个对象封装函数的返回值... ...查看全部

0

JavaScript映射与集合（Map、Set）数据类型基础知识介绍与使用 Javascript

环Sir 发表了文章 • 579 次浏览 • 2022-06-28 11:30 • 来自相关话题

文章目录映射与集合（Map、Set）映射（Map）Map常用的方法不要使用map[key]访问属性对象作为Map的键Map的遍历与迭代默认的迭代方式forEach() 从数组、对象创建Map从数组、Map创建对象集合（Set）集合迭代 ... ...查看全部

0

在浏览器输入URL到页面展示发生了什么前端 网络解析

环Sir 发表了文章 • 563 次浏览 • 2022-06-28 10:31 • 来自相关话题

查询缓存其实从填写上url按下回车后，我们就进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存=》系统缓存=》路由器缓存缓存中没有则查找... ...查看全部

0

一定要优雅，高端前端程序员都应该具备的基本素养 IT大前端

马师傅发表了文章 • 648 次浏览 • 2022-06-27 22:47 • 来自相关话题

近来看到很多公司裁员，忽然惊醒，之前是站在项目角度考虑问题，却没站在咱们程序员本身看待问题，险些酿成大错，如果人人都能做到把项目维护得井井有条，无论什么人都能看明白都能快速接手，那咱们的竞争力在哪里呢？这个时候我再看项目中那些被我天天骂的代码，顿时心中就无限景... ...查看全部

0

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案前端 调试

马师傅发表了文章 • 577 次浏览 • 2022-06-21 17:19 • 来自相关话题

首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sock... ...查看全部

0

解决mpvue小程序分享到朋友圈无效问题微信小程序 微信分享

马师傅发表了文章 • 817 次浏览 • 2022-06-16 10:53 • 来自相关话题

手动修改一下mpvue这个包，在node_modules里面找到mpvue在index里面搜索下onShareAppMessage找到// 用户点击右上角分享onShareAppMessage: rootVueVM.$options.onShareAppMes... ...查看全部

0

还不知道npm私服？一篇教会你搭建私服并发布vue3组件库到nexus npm web

上帝之眼发表了文章 • 1048 次浏览 • 2022-06-15 08:50 • 来自相关话题

日常工作时，出于保密性、开发便捷性等需求，或者是还在内部测试阶段，我们可能需要将vue3组件库部署到公司的nexus中。我们可能希望部署vue3组件库的操作是CI/CD中的一环。节点：npm发布依赖包安装建木CI，参考建木快速开始安装nexus搭建npm私服，... ...查看全部

0

2022 年的 React 生态 react

上帝之眼发表了文章 • 1009 次浏览 • 2022-06-14 09:27 • 来自相关话题

今天的文章，我们将从状态管理、样式和动画、路由、代码风格等多个方面来看看 React 最新的生态，希望你以后在做技术选型的时候能够有所帮助。Next.js 可以支持你生成静态站点，而 Gatsby.js 也支持了服务端渲染。不过就我个人的使用体验而言，我会觉得... ...查看全部

1

web端接收语音下载成功资源播放不了 web端接收语音下载成功资源播放不了

贡献

此木回复了问题 • 2 人关注 • 862 次浏览 • 2022-06-13 16:21 • 来自相关话题

0

关于 async/await 你应该认真对待下 web

上帝之眼发表了文章 • 622 次浏览 • 2022-06-13 09:00 • 来自相关话题

深入理解 async/await一个语法糖是异步操作更简单返回值返回值是一个 promise 对象return 的值是 promise resolved 时候的 valueThrow 的值是 Promise rejected 时候的 reasonasync... ...查看全部

0

uniapp使用环信发送消息环信集成指南

阿花君霸占路人发起了问题 • 2 人关注 • 1238 次浏览 • 2022-06-10 14:22 • 来自相关话题

0

Mac修改hosts,域名与ip绑定,vue Invalid Host header vue 调试

马师傅发表了文章 • 1170 次浏览 • 2022-06-09 19:08 • 来自相关话题

在移动开发过程中，有时候需要使用域名进行访问（如微信网页开发）本地ip地址服务，或者使用域名访问本地ip地址服务等。这时候可以修改host进行实现。1. 修改host文件在命令终端，使用root用户修改host文件。域名使用root用户打开/etc/hosts... ...查看全部

1

商品详情的下半部分是webview渲染html 高度咋处理?延时不太求行 reactnative

贡献

马师傅回复了问题 • 2 人关注 • 669 次浏览 • 2022-06-09 14:46 • 来自相关话题

0

web网页基础知识 HTML5

环Sir 发表了文章 • 606 次浏览 • 2022-06-09 14:46 • 来自相关话题

浮动元素重叠1、行内元素与浮动元素发生重叠，边框、背景、内容都会显示在浮动元素之上2、块级元素与浮动元素发生重叠，边框、背景会显示在浮动元素之下，内容会显示在浮动元素之上3、若不浮动的是块级元素，那么浮动的元素将显示在其上方4、若不浮动的是行内元素或者行内块元... ...查看全部

0

uniapp里面可以使用的单利定时器 uniapp

环Sir 发表了文章 • 1021 次浏览 • 2022-06-09 14:25 • 来自相关话题

主要代码 var HashMap = require('../tools/HashMap') /** * 使用说明： * 1、引入 var timeTool=require("../utils/timeTool.js") ... ...查看全部

0

uniapp开发px和rpx uniapp

环Sir 发表了文章 • 695 次浏览 • 2022-06-09 14:16 • 来自相关话题

开发中难免出现单位问题，就像获取系统信息，里面的屏幕宽度什么的都是px作为单位的，因此这里说明一下uniapp的转换使用rpx转pxuni.upx2px(rpx的值)px转rpxpx的值/(uni.upx2px(10)/10)使用的时候可以 let px = ... ...查看全部

0

瞄准Web3：互联网巨头捍卫流量“王座”之争 web

上帝之眼发表了文章 • 609 次浏览 • 2022-06-09 08:55 • 来自相关话题

日前，谷歌云部门（Google Cloud）成立Web3团队的消息一出，也引起了一众Web3玩家们的关注。Web3 是什么？有人对它寄予厚望，认为这是真正可实现的下一代互联网；有人表示悲观，觉得这是一个“去中心化”的乌托邦，“就像是一场梦，醒来还是很感动”。对... ...查看全部

0

2022年前端四大框架谁值得更大的关注 web

上帝之眼发表了文章 • 2561 次浏览 • 2022-06-03 00:18 • 来自相关话题

2022 年 Angular、Vue、React 和 Svelte 四大前端框架从数据分析，谁更值得去学习呐？本文基于 Stack Overflow 和 State of JavaScript 调查以及 JavaScript 性能标准对四大框架进行客观的分析比... ...查看全部

0

WebGPU 会取代 WebGL 吗？ WebGPU

上帝之眼发表了文章 • 3662 次浏览 • 2022-06-03 00:06 • 来自相关话题

前言你知道WebGL并使用过吗？如果没有，那你也一定使用Three.js。在本文，我将向你介绍一下WebGL和其后起之秀 WebGPU。什么是 WebGL ？ WebGL 的起源说起WebGL的起源，就不得不提起OpenGL。在个人计算机的早期，使用最... ...查看全部

0

微前端乾坤使用过程中的坑微前端

马师傅发表了文章 • 1172 次浏览 • 2022-05-31 18:04 • 来自相关话题

微前端乾坤使用过程中的坑乾坤在启动子应用的时候默认开启沙箱模式{sandbox: true}，这样的情况下，乾坤节点下会生成一个 shadow dom，shadow dom 内的样式与外部样式是没有关联的，这样就会给子应用内的样式带来一系列问题。这其... ...查看全部

0

Vue + qiankun 快速实现前端微服务微前端

马师傅发表了文章 • 1002 次浏览 • 2022-05-31 17:55 • 来自相关话题

什么是微前端Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -... ...查看全部

0

使用自定义url发图片的坑 URL图片消息

环Sir 发表了文章 • 689 次浏览 • 2022-05-30 17:03 • 来自相关话题

发送URL图片消息 App端需要开发者自己实现下载，Web端需要在 WebIMConfig.js中设置 useOwnUploadFun: true。实际上还得在WEBIM里面再配置一下WebIM.conn = new WebIM.connect... ...查看全部

1

继承了EaseContactListFragment怎么设置其中的控件啊，就比如说是联系人列表的titlebar EaseIMKit UI EaseUI

贡献

AllenHao. 回复了问题 • 2 人关注 • 976 次浏览 • 2022-05-30 14:18 • 来自相关话题

0

微前端框架 qiankun 技术分析微前端 IT大前端

马师傅发表了文章 • 1119 次浏览 • 2022-05-26 16:10 • 来自相关话题

如何加载子应用single-spa 通过 js entry 的形式来加载子应用。而 qiankun 采用了 html entry 的形式。这两种方式的优缺点我们在理解微前端技术原理中已经做过分析，这里不再赘述，我们看看 qiankun 是如何实现 html e... ...查看全部

通知设置 新通知

热门话题

通知设置新通知