排序
前端创意探索:速览「50projects50days」项目精华 – 第三部分(16-20 天)
前言 主打:快速获取完善开发思想。 您是否在众多文章中看到过「50projects50days」项目的详细描述?垂涎三尺了?没有时间?如果您时间有限,或者只想快速领略其中的亮点,那么您来对地方了。 5...
弄懂js的原型和原型链
一直以来,js的原型和原型链这个概念性的问题一直讲不清,今天看了一篇较好的文章跟着走一遍之后发现有那么点明白了,下面是根据自己的理解再结合网上的文章做出的一些总结,有问题的地方随时纠正:s...
解决扫码枪因输入法中文导致的问题
问题 最近公司项目上遇到了扫码枪因搜狗/微软/百度/QQ等输入法在中文状态下,使用扫码枪扫码会丢失字符的问题 思考 这种情况是由于扫码枪的硬件设备,在输入的时候,是模拟用户键盘的按键来实现...
Slidev-更适合程序员使用的PPT制作工具
前言 最近准备在公司内部做前端相关的技术分享,所以需要制作 PPT 来进行演示。然而作为一个习惯于编码还不习惯于汇报的普通程序员,PPT 这种东西,制作起来实在是有难度。无论是用 PowerPoint...
Rea.js 一个适合用于写原生 demo 的极简响应式 js 框架
项目地址:点击图片 隐藏 DOM 操作,简化写原生 HTML/CSS/JavaScript Demo 操作 使用了 Proxy Map 箭头函数,所以需要浏览器支持 ES2015 rea.js 代码不到100行,压缩后 rea.min.js 仅 1.36 KB ...
聊一聊我和Set,Map,Object和JSON.stringfy()的爱恨情仇
首先这些东西直白说他们都是对象,应该问题不大。 我new了一个Set对象,然后打印出来得到的是object Set 我new了一个Map对象,然后打印出来得到的是object Map But我们都知道Map和Set是es6新增...
通过这些case,我把项目LCP时间减少了1.5s
您好,如果喜欢我的文章,可以关注我的公众号「量子前端」,将不定期关注推送前端好文~ 前言 最近在做公司几个项目性能优化,整理出一些比较有用且常见的case来分享一下。 A项目优化 白屏相关 D...
你还在傻傻的打开页面输用户名和密码?来我教你实现自动化
背景 Hello~,大家好! 本文和各位分享一个有趣的事情! 我司主要的客户是银行,随着银行对信息安全越来越重视,我司积极配合银行防范信息安全,因此我司产品都从之前的外网开发引入了深信服的...
万字长文带你学习esbuild在项目中的实际应用???
esbuild 是一个快速的捆绑工具,可以优化 JavaScript、TypeScript、JSX 和 CSS 代码。本文将帮助你快速了解 esbuild,并向你展示如何在不依赖其他库的情况下创建自己的构建系统。 esbuild 是如...
CSS 绘制任意角度扇形–遮盖/旋转
前几天写了一篇实现进度条的文章 环(圆)形进度条 其实他的本质是实现一个扇形, 今天尝试做一个扇形 如果要做一个 90 度, 180 度 和 270 度的扇形还是相对简单的 如果我们想实现任意角度的扇形那...
Leafer 插件开发教程
前言 Leafer 是新开源的一个 2D 图形绘制库,目前已经有了 1.1k 的 Star 数,成长趋势非常不错,本篇不对 Leafer 过多介绍,不了解的同学可以直接阅读官网介绍,或者阅读我在之前写的 LeaferJS ...
浮点数运算精度丢失、toFixed四舍五入与预期不符问题一次性解决!
最近做了一个报表导出任务,导出的部分数据由前端进行运算。我按需求写出计算公式,并成功导出。 然而,看导出结果,本来至多只有2位小数的数据,出现了多个小数位。 一查,发现我遇上了经典的...
JavaScript之类型检测
面试题 类型检测的方法有哪些,平时一般都是怎么使用的? typeof null 的结果是什么,为什么? typeof NaN 的结果是什么? instanceof 操作符的实现原理及实现 今天,我们来讲一讲 JavaScriipt...
自定义H5音频播放组件样式
自定义H5音频播放组件样式 背景介绍 简介:audio为html5中的新属性。定义声音,比如音乐或者其他的音频流。 背景:最近在做的警情指挥项目中需要完成一个播放警情录音的功能。组内的小伙伴觉得...
类似chat-gpt的打字机效果
类似chat-gpt的打字机效果 展示效果: 实现思路:只要控制显示内容的长度就行了,每次加一点显示内容,然后一直播放闪烁动画,加载完了就停掉动画。 结论:单个字逐渐加载 + 闪烁动画 = 打字机...
Cesium 中的后期处理(Post Processing)
为了让CesiumJS中的场景更加自然、美观,添加后期处理(Post Processing)是必不可少的,它能对渲染的场景进行进一步的处理和增强,以改善视觉效果或实现特定的效果。 通过该篇笔记来介绍回顾一...
JS 原型和原型链详解
前言 原型和原型链是JavaScript语言重要的概念,理解了这个重要的概念,有助于我们更好地开发和阅读优秀框架源码。 原型 为什么需要原型呢? 我们先来看一个简单的例子: function Student(name...
2023年前端面试高频八股文(一)
△ 338 次 手写题库 高频手写 JS(一) 高频手写 JS(二) ? LeetCode 热题 HOT 100 △ 200 次 Vue 中双向数据绑定的实现原理是怎样的? Vue2 new Vue() 首先执行初始化,对 data 执行响应化处...
谈谈axios
axios为何被广泛使用,有什么优势?如何封装,从ajax谈起 简单了解ajax 为什么会出现? 传统的网页如果需要更新内容的话,必须重载整个页面,例如提交表单场景,然后在新页面告诉你操作是成功了...
详解如何计算字符中的字节数
字符概念 关于字符编码,有三个核心概念: 字符集(Character Set),可以说是一个抽象概念,字符的合集。 码位(Code Point),也叫码点,将抽象的字符集中的每一个字符映射到一个整数。Unicode(即U...