怎样只使用 CSS 进行用户追踪？ 点击上方关注前端技术江湖，一起学习，天天进步译者：黄梵高 https://juejin.cn/post/6887478219662950414在浏览器里进行用户追踪会引发关于隐私和数据...
让代码更优雅：这种场景下的代码你是怎样优化的？ 点击上方关注前端技术江湖，一起学习，天天进步几个业务场景中的重构示例请求顺序依赖在这种场景中，首先还是业务的复杂度决定了代码的复杂度。首先我们来看一个在前端和node都有可能出现...
涨薪考核时，哪种人更容易脱颖而出？ 最近脉脉热搜关键词：“阿里调薪”、“蚂蚁调薪”、“百度普调”、“快手普调”...显而易见，普调它来了。号里的朋友接连发来私信，有人吐槽领了个m，有人低调凡尔赛也就涨个30%。真的是几家欢喜...
写给前端新人：从 0到1 搭建一个前端项目，都需要做什么？ 点击上方关注前端技术江湖，一起学习，天天进步不使用脚手架搭建 React 项目：https://github.com/zhuyuanmin/react-0-1-build。读者可根据提交...
关于响应式布局，你需要知道的全在这里了 点击上方关注前端技术江湖，一起学习，天天进步来源：campcchttps://juejin.cn/post/69515755910993018952011年，Google 发布了 And...
所有来自前端的数据都是“不可信”的 ： 浅谈前端代码加密 点击上方关注前端技术江湖，一起学习，天天进步作者简介：于航，PayPal Senior Software Engineer，在 PayPal 上海负责 Global GRT 平台相关的技...
基于DOM的骨架屏自动生成方案 点击上方关注前端技术江湖，一起学习，天天进步作者：花满楼https://zhuanlan.zhihu.com/p/74403911什么是骨架屏？什么是骨架屏呢？骨架屏(Skeleton ...
怎样在零JS代码情况下实现一个实时聊天功能 点击上方关注前端技术江湖，一起学习，天天进步引言前段时间在 github 上看到了一个很“trick”的项目：用纯 CSS（即不使用 JavaScript）实现一个聊天应用 —— css...
写给前端新人 - 我 JS 写的好好的，为什么要用那么复杂的TS 点击上方关注前端技术江湖，一起学习，天天进步前言我JS写的好好的，为啥要用TS写呢？本文写给那些完全没有用过TS，也没有使用过结构化语言，对TS有一定的心智负担的前端新手同学。面对铺天盖...
(硬核干货)探索类型系统的底层 - 自己实现一个 TS 点击上方关注前端技术江湖，一起学习，天天进步原文：https://indepth.dev/under-the-hood-of-type-systems/，DawnL 译这篇文章包含两个部...
前端人应该知道的 Centos/Docker/Nginx/Node/Jenkins 的基本操作 点击上方关注前端技术江湖，一起学习，天天进步来源：ask_the_skyhttps://juejin.cn/post/6951684431597797389服务器作为开发的一环，并且现在...
前端生成海报的 N 种方案和优劣对比 点击上方关注前端技术江湖，一起学习，天天进步一、背景工作中做了很多生成海报的功能，不同需求，不同场景，使用了几种方案，各有优劣。一直想要整理一下，但这个过程中的思考和遇到的问题没有记录下...
~-要-模-拟 Vue 响应式原理 点击上方关注前端技术江湖，共同学习，天天进步一、三个概念1. 数据驱动数据响应式数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM...
分享一个自由拖拽组件的实现思路 点击上方关注前端技术江湖，我们一起学习，天天进步最近的项目中遇到一个需求，在页面上添加一个可以自由拖拽、缩放、编辑颜色的 svg 图片，项目中引用了两个现有的插件，对插件进行解读之后略有...
（建议收藏）构建一个迷你版浏览器引擎 点击上方关注前端技术江湖，我们一起学习，天天进步来源：https://segmentfault.com/a/1190000038859456引言前端有一个经典的面试题：在浏览器地址栏输入...
如何只使用CSS提升页面渲染速度 点击上方关注前端技术江湖，我们一起学习，天天进步作者 | Rumesh Eranga Hapuarachchi译者 | 张健欣策划 | 田晓旭来源 |前端之巅用户喜欢快速的 Web 应...
做好这三个关键点就可以更好的实现前端业务组件库 点击上方关注前端技术江湖，我们一起学习，天天进步对于前端同学来说， 业务组件库肯定不陌生，很多前端团队都会选择建设业务组件库来解决业务组件跨项目复用的问题同时统一代码实现，统一代码质量从...
前端技术探索 - 你不知道的JS 沙箱隔离 点击上方关注前端技术江湖，我们一起学习，天天进步一些「炒冷饭」背景介绍本文并不会从头开始介绍 Web Worker 的基础知识和基本 API 的使用等（只是部分有涉及），若还未了解过 W...
一切前端概念，都是纸老虎 这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态...
代码自动化重构利器——jscodeshift 初探 背景开发维护规模较大的前端项目，难免时不时需要进行一些代码重构工作。举一个简单的 ????：有一个 npm 包an-npm-package-containing-constants，用于...
总结18个 webpack 插件，总会有你想要的！ 何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader ...
21个可以提升你的网站设计水平的网站动画工具 动画可以为你的网站提供比你想象更多的效果与功能。良好的动画效果，可以提升用户体验，同时还可以发掘更多潜在客户。今天这篇文章里，我将和大家分享21个网站动画工具，可以提升你的网站设计水平。1...
React 性能优化完全指南，将自己这几年的心血总结成篇！ 作者: MoonBall原文地址: https://juejin.cn/post/6935584878071119885本文分为三部分，首先介绍 React 的工作流，让读者对 React...
搞清楚怎样基于 Webpack5 从 0 搭建 React开发环境-超详细 出处@刘江 ，原文地址 https://juejin.cn/post/6929496472232656909初始化创建文件夹并进入：$mkdirtristana&&...
推荐几个前端大佬，真的牛逼！ 新的一年，推荐几个还在坚持输出的高质量前端公众号，你想要的：React/Vue/Node/工程化/面试经验等， 这里都有。不多说，直接看介绍。???? 程序员成长指北考拉，一个有趣且乐于分...
搞清楚业务中敏感数据的加密方案和实现 前言现在是大数据时代，需要收集大量的个人信息用于统计。一方面它给我们带来了便利，另一方面一些个人信息数据在无意间被泄露，被非法分子用于推销和黑色产业。2018 年 5 月 25 日，欧盟已...
搞清楚二维码扫码登录的原理 本文授权转载自：大古同学，https://juejin.cn/post/6940976355097985032在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解...
~零基础前端编译原理科普，有问有答 作者：神说要有光原文地址：https://zhuanlan.zhihu.com/p/356806174本文是 @神说要有光 对编译小白 ssh 的一次答疑解惑，很适合零基础的新手第一次了解...
超高频前端【基础】面试问题及答案整理 作者:雨中的羽毛来源：https://blog.csdn.net/p358278505/article/details/78718283说说你对闭包的理解使用闭包主要是为了设计私有的方法和...
Vite 入门以及从 webpack 切换到 Vite 遇到的问题总结 作者:德莱问原文地址:https://segmentfault.com/a/1190000039690206本文由作者授权转载hello，大家好，我是德莱问，今天为大家带来vite解析...
前端三大构建工具横评，谁是性能之王！ Vite一经发布就吸引了很多人的关注，NPM下载量一路攀升：而在Vite之前，还有Snowpack也同样采用了No-Bundler构建方案。那么No-Bundler模式与传统老牌构建工具W...
务实用得上的前端异常的捕获与处理 按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。一、前言什么是异常，...
陆奇最新演讲：2021年，程序员们应该如何提升自我？ 今天为大家精选了原百度CEO陆奇的最新演讲《新格局下的创业创新机会》，演讲分析了当前世界正在加速的四大核心趋势、系统地阐释新一代如何把握属于自己的机会，并提出一系列的思考模型，干货满满。以...
好的始终在后面，虾皮、快手、拼多多均失利，终拿字节 offer 题主2019年非985/211非计算机专业本科毕业（野生程序员），之前在腾讯实习了半年多+毕业后在腾讯工作了一年，一直都是前端开发。作者：flytam来源：https://juejin.c...
Vue3.0 PK React17 ，谁胜? “ Vue 太 low，只适合小项目，大项目扛不起来””React 无数个回调，无数个选择表达式，this绑定…乱！““Vue好上手，岗位多”“大厂基本都用 React，不用 Vue ”…...
前端心动职位内推 - 美团客户端基础技术团队 基本信息岗位类别：开发 - 前端开发经验要求：3年城市：北京职位描述岗位职责1.负责美团客户端基础技术团队各类技术项目的平台研发，比如客户端网关、基础组件平台、美团文档平台等；2.结合客户...
字节跳动最爱考的前端面试题：JavaScript 基础 注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 JS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。（2）问：0.1 + 0.2 === 0.3 嘛？...
长文慎入，一文总结归纳 React Hooks 常用场景 本文授权转载自：超级英雄https://juejin.cn/post/6918896729366462471前言文章虽然比较长，但是可以说是全网最全最有用的总结了，学会的记得分享、点赞...
结合 React 源码，五分钟带你掌握优先队列 最近写一个需求用到了优先队列和二叉堆的相关知识，借此机会梳理了一些二叉堆的相关知识分享给大家。什么是优先队列优先队列是数据结构中的基础概念，与队列先进先出（FIFO）的出队顺序不同的是 ，...
Vue 和 React 大厂面试通关指南.pdf 作为国内应用最广的两个框架，Vue 和 React 是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。比如虚拟dom，两个...
全网最全面的 Node.js 资源汇总推荐，4W Star！ 作者@前哨君｜地址@https://github.com/jobbole/awesome-nodejs-cn由于微信不支持外链，可文末 “阅读原文”或打开 Github 地址查看更多详细...
细说useCallback问题和隐患并给出解决方案 点上方蓝字关注公众号「前端技术江湖」本文来自作者：胡耀的投稿，原文地址：https://github.com/huyaocode/webKnowledge/issues/12官网对 use...
2021 整理的最全学习资源，送给每一个努力着的人 时间来到了 2021 年，新的一年有新的期待，而我亦有新的祝福如果说在过去的一年，经历太多，心酸、迷茫、焦虑、幸福、喜悦那么在 2021 年，希望你可以去过一种遇见自己的生活，恬淡、热情，...
伴鱼运营活动前端配置化实践 作者：伴鱼技术团队链接：https://juejin.cn/post/6906706659813359630前言波塞冬，是伴鱼活动运营解决方案的总称，包含活动规则体系、h5 可视化开发平台...
实现一个TS版，符合 Promise/A+规范的 Promise 本文授权转载自：Col0ring，http://juejin.cn/post/6886360224308035598，主旨：本文使用 typescript，根据类型定义从零开始实现了一个 ...
一套非常标准的前端代码工作流 作者：geekapehttps://juejin.cn/post/6921223155621036039工欲善其事，必先利其器。对于写代码而言，也是需要有一套完善的工作流（工具和流程）...
嘘！市面上短视频(douyin)“去水印”的工具原来是这样实现的 现在视频号非常火热，之前在做抖音和快手的人就直接把之前的视频直接搬运过来了。但是从抖音app下载的视频都是带官方水印的？这个是怎么去掉的？哦，不对，他们应该都有保留原视频的吧。但是还有很多...
关于 z-index，你可能一直存在误区 原文地址：What You May Not Know About the Z-Index Property原文作者：Steven Bradley译者：Chorz-index这个属性表面看...
初中级工程师如何快速成长和寻求突破 前言写这篇文章的初衷是因为看到很多刚入职的同学迷茫，没有目标感，看到了一些工作 1~2 年的同学疲于业务开发而没有很大的成长， 也看到了一些同学 2~3 年工作时间变成了框架熟练的“打工人...
44道比较难的 JS 面试题 来源 |https://www.jianshu.com/p/e161bd720e64国外某网站给出了44道JS难题，试着做了下，只做对了17道。这些题涉及面非常广，涵盖JS原型、函数细节...
够了 - 104道 CSS 面试题，助你查漏补缺 点击上方“前端技术江湖”，选择“设为星标”第一时间关注技术干货！作者：Eno_Yao原文：https://segmentfault.com/a/1190000022021557CSS 面试...
个人定制红包制作封面教程+微信红包封面领取时间表 和去年一样，微信红包封面又双叒叕抢手了起来，去年没领到，今年怎么也不能再错过啦。今年的红包封面怎么领呢？一个是领取红包封面，一个是还可以个人定制红包封面，但都是限时的，既然看到了就抓紧搞一...
厉害了-纯 CSS 实现波浪效果！ 一直以来，使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。当然，借助其他力量（SVG、...
3分钟精通flex布局 - flex布局可视化学习工具 写在前面现在大前端中被使用最多的布局方式非flex莫属，像h5、pc、小程序、rn、甚至native都在使用flex布局，可见掌握好flex布局是多的重要。然而在flex布局兴起时，我们学...
-Vue.js开发移动端经验总结 ---好文推荐，工作中用的上的前端技能---原文地址:blog.csdn.net/weixin_44705688/article/details/103961664移动端适配相对于PC端来...
-中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 前言不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。And...
彻底理解 for of 和 Iterator 本文主要来说下ES6的Iterator，目的在于理解它的概念、作用、以及现有的应用，最后学以致用。Iterator可以说是ES6内相当重大的一个特性，也是很多其他特性运行的基石。为什么I...
搜尽全网，整理了19道promise 面试题，你能做对几个？ 业务开发中经常用Promise，但是第一题真不一定能作对。。。。。emmm，我说的是别犹豫的、能非常肯定的给出答案的哪种...作为前端开发，相信日常开发中Promise的使用率应该时最高...
2021 阿里字节快手面经 & 个人成长经验分享 作者：洛禹 Keith链接：https://juejin.cn/post/6922290178836922381背景本人背景渣渣，较晚入行，在一家公司稳定了三年，从一个前端白纸到如今乱涂...
真香 - Webpack5 新特性之增量编译 webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。webpack5正式发布于2020年10月10号，距离上一个大版本Webpack4更新已经是2年前年了，...
10秒钟内说出js中有哪些内置错误类型 如果现在立刻让你回答，说下你了解的js中有哪些错误类型？能说出几个？日常开发中，我们会碰到各种各样的js报错信息。大部分情况，我们只要看到控制台有飘红，就知道代码执行有问题。但是这些错误...
写React Hooks前需要注意什么？ 授权转载：相学长https://zhuanlan.zhihu.com/p/113216415最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内...
如何更好的取消一个promise？ 一个正在执行中的promise怎样被取消？其实就像一个执行中的ajax要被取消一样，ajax有abort()进行取消，而且fetch api 也有了相关的规范-【AbortControl...
今日一题 - 请模拟实现一个Promise.all() 方法？ 对Promise.all 的理解Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。Promise.all()方法的参数可以不是数组，但...
整理几个被遗忘的js基础代码题，还都能答对吗？ 我们每个人面试的时候，面试官都会问一些js基础的概念。比如说说你对闭包的理解，说说你对原型和原型链的理解，作用域和作用域链的理解，var、let、const的区别、promise的理解等...
用 HTTPS 就安全了？HTTPS 会被抓包吗？ 原文：https://blog.leapmie.com/archives/418/大家都知道 HTTPS 比 HTTP 安全，也听说过与 HTTPS 协议相关的概念有 SSL 、非对称加...
你不知道的页面生命周期API 关于本文 译者：@飘飘 作者：@Viduni Wickramarachchi 原文：https://blog.bitsrc.io/page-lifecycle-api-a-browser...
本文把TCP/IP讲绝了！ 授权转载自：Ruheng链接：https://juejin.im/post/6844903490595061767一、TCP/IP模型TCP/IP协议模型（Transmission C...
面试官：数组的哪些方法有副作用，哪些是没有副作用的？ 如题，笔者之前在面试去哪时还真被问到过，由于平时只是在用，没有太注意哪些方法有无副作用，回答的略微有点尴尬，所以今天就来做个详细的总结。另外在工作中对数组的应用也是非常多的，而且es6也...
请查收 2020 全球 JS 现状调查报告 完整报告地址: https://2020.stateofjs.com/zh-Hans/润色/翻译: 蓝色的秋风(github/hua1995116)千呼万唤的全球2020的JS报告终于出...
活动可视化搭建（拖拽生成页面） 授权转载自：石头人汉考克，https://juejin.cn/post/6844904083120193543前言公司经常为了活动推广营销，拉新留存，制作临时活动页面，且组件大体相似，为...
CSRF攻击：陌生链接不要随便点 XSS 的攻击方式是黑客往用户的页面中注入恶意脚本，然后再通过恶意脚本将用户页面的数据上传到黑客的服务器上，最后黑客再利用这些数据进行一些恶意操作。XSS 攻击能够带来很大的破坏性，不过...
Javascript装饰器原理 一个以@开头的描述性词语。英语的decorator动词是decorate，装饰的意思。其中词根dek(dec发音)原始印欧语系中意思是“接受”。即，原来的某个事物接受一些新东西（而变得更...
第一个 React 项目做完了，谈谈自己对 hooks 的思考 转自：zouwowojuejin.cn/post/6907189103151087623前言本文不会有React具体应用的内容，只是一些对于hooks跟之前的类组件的比较，对于hooks...
HOC、Render props VS Hooks 工作中虽然在用react技术栈做开发，但react hooks 还没有实际用到，一直都在用redux。毕竟都2021了，如果还不会hooks真有点说不过去了，会怀疑我还是前端吗？所以最近...
如何开发一款 H5 小程序直播？ 转自：隐冬juejin.cn/post/6909479346646286343大前端这几年算是一个热词，对于前段来说如果不是大前端，技术相对来说就已经算是落后了。如果还停留在对ES6，V...
从业务案例来讲 React Hook 系列 - 一个复制按钮 作者：张立理https://zhuanlan.zhihu.com/p/337846156背景在业务中，会有一个挺常见的场景，就是要有一个按钮，点击以后能把一段文本复制到剪贴版里，大量出...
在大型项目中，如何去构建高质量的前端工程 作者：ES2049来源：https://juejin.cn/post/6907178915664986120在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关...
做前端的你有没有觉得很吃力？ 作者：邵锁https://www.zhihu.com/question/425782106/answer/1543007211前端工作两年多。大部分前端原理、框架都能完全运用。工作中几乎...
不得不说的大道理 - 代码重构的艺术 原文出自：https://juejin.cn/post/6903054491273625614什么是重构所谓重构是这样一个过程：在不改变代码外在行为的前提下，对源代码做出修改，以改进程序...
前端需要了解的泳道概念 背景微服务框架下服务个数多、调用链路较长，其中一个服务出问题会影响到整条链路。但QA提测往往需要该条链路上的多个服务配套测试，甚至是同时测试一个服务的多个演进版本。提供稳定环境 和 多服...
彻底搞懂Object.defineProperty 本文作者：听风是风本文链接：https://www.cnblogs.com/echolun/p/13121214.html前言早在大半年前，掘金某位用户分享的面试题整理中有一题，简述le...
H5基于Canvas实现电子签名并生成PDF文档 原文：https://juejin.cn/post/6901273585428463624前言电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式的签名，其作用类似于纸质合同上的...
建议收藏 - 必须知道的4个前端安全编码规范 出处：https://segmentfault.com/a/1190000037657222前言随着互联网高速的发展，信息安全已经成为企业重点关注焦点之一，而前端又是引发安全问题的高危据...
实战 - 打造实用的前端mock解决方案 写在前面，本文阅读需要一定Nodejs的相关知识，因为会扩展webpack的相关功能，并且实现需要遵守一定约定和Ajax封装。沉淀的脚手架也放到Github上供给同学参考React-St...
从DOM到虚拟DOM——前端DOM发展史、性能与产能双赢背后的思考 作者：samul原文：https://juejin.cn/post/6900887137239957512写在前面的一些话从我上大学开始正式认识前端这个岗位到现在已经整整过了六年，这六年...
细节见内功 - 如何优雅解决按钮”重复点击“问题 一、这个问题怎么解决呢？简单点，使用一个lock标记，在请求发出时上锁，上锁后就不可以再发请求，可以在请求结束后解锁：let clickButton = (function () { ...
想写好前端，先练好内功 源自：https://www.yuque.com/es2049/blog/al62bl前言封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无...
前端职业规划-写给年轻的前端韭菜们 作者：掘金泥石流原文：https://juejin.cn/post/6844904186937606152今个就不放前言了今个也没有后话直接奔主题「啥是前端韭菜?」作为资深前端老韭菜,...
分享一位同学的阿里、百度前端面经 【第一部分 面试前的准备】从决定找工作开始，我其实经历过一系列思想斗争，最开始想的是，等自己完全准备充分之后，再开始投简历面试。然而，由于惰性，我发现自己很难判断什么时候是完全准备好的时...
二胎妈妈的前端逆袭之路 正文如下认识一下 大家好，我是税友的柠一，很高兴能在早早聊和大家分享我对职业生涯的一些思考和心得，我们先来认识一下我叫赵美丹， 花名柠一。毕业后在北京做了 5 年的全栈开发，2012 年...
从破解某设计网站谈前端水印(详细教程) 前言 最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。制作呢，当然也不是拍拍脑袋就开始...
大佬心得 - 程序员如何更好的把控自己的职业？ 作者：陈皓https://coolshell.cn/articles/20977.html这篇文章的主要内容主要是我今年3月份在腾讯做的直播，主要是想让一些技术人员对世界有一个大体的认识...
程序员如何变得更优秀？从业 10 年，我总结了 7 个建议 作者：ThoughWorks洞见https://insights.thoughtworks.cn/excellent-developer/作为一个从业快10年的程序员，我想给新入行的程序...
用CSS实现一个抽奖转盘(附详细代码+思路) 原文：https://www.cnblogs.com/wenruo/p/9732704.html先上效果基本是用CSS实现的，没有用图片，加一丢丢JS。不过没有考虑太多兼容性。首先画一个...
别再写活动页了，快来撸一个页面生成器吧！ 作者：muwoo原文：https://zhuanlan.zhihu.com/p/48347377前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代...
3阅读
0评论
0点赞
3阅读 0评论 0点赞 3阅读 0评论 0点赞