排序
解决扫码枪因输入法中文导致的问题
问题 最近公司项目上遇到了扫码枪因搜狗/微软/百度/QQ等输入法在中文状态下,使用扫码枪扫码会丢失字符的问题 思考 这种情况是由于扫码枪的硬件设备,在输入的时候,是模拟用户键盘的按键来实现...
弄懂js的原型和原型链
一直以来,js的原型和原型链这个概念性的问题一直讲不清,今天看了一篇较好的文章跟着走一遍之后发现有那么点明白了,下面是根据自己的理解再结合网上的文章做出的一些总结,有问题的地方随时纠正:s...
前端创意探索:速览「50projects50days」项目精华 – 第三部分(16-20 天)
前言 主打:快速获取完善开发思想。 您是否在众多文章中看到过「50projects50days」项目的详细描述?垂涎三尺了?没有时间?如果您时间有限,或者只想快速领略其中的亮点,那么您来对地方了。 5...
你还在傻傻的打开页面输用户名和密码?来我教你实现自动化
背景 Hello~,大家好! 本文和各位分享一个有趣的事情! 我司主要的客户是银行,随着银行对信息安全越来越重视,我司积极配合银行防范信息安全,因此我司产品都从之前的外网开发引入了深信服的...
2023年前端面试高频八股文(一)
△ 338 次 手写题库 高频手写 JS(一) 高频手写 JS(二) ? LeetCode 热题 HOT 100 △ 200 次 Vue 中双向数据绑定的实现原理是怎样的? Vue2 new Vue() 首先执行初始化,对 data 执行响应化处...
关于React初始化加载组件会渲染两次的问题
React组件在初始加载时渲染两次: import React from 'react' export default function App() { console.log('被加载') return <div>App</div> } 如上在控制台我们会看到输出了两次...
几行代码就能实现上传接口,白嫖Github做为在线图床
事情是这样的,某天我在项目里临时需要一个图片上传接口来测试功能,简单来说就是从前端上传图片到服务器然后返回一个可访问的静态资源链接,如果为了这个而去开发一个服务端接口实在是麻烦,而...
神奇的 http-modular 魔法,让前端不用封装接口
最近突发奇想,研究出了一个神奇的“编程魔法”,我把这个思想封装成了一个 Node.js 库,叫做 http-modular。 这个想法的核心是,将服务端的 HTTP 接口转换成符合 ESM 规范的 JavaScript 代码,...
消除无用代码!让前端代码根据环境巧妙加载的小技巧
前言 一般在项目开发中,代码部署都会有多种环境(比如测试环境、预发布环境、正式环境等),而一些代码需要根据环境不同来加载。举个实际例子,在项目的 index.html 中需要引入第三方的前端监...
手写和应用 call/apply/bind 的文章参差不齐,总结分享个全面的
本文你能学到什么 欢迎关注公众号《前端界》,文章会同步更新,也可快速加入前端交流群! 前言 最近在复习 JavaScript 手写代码。想搜一下 call/apply/bind实现,发现搜的结果参差不齐,有的是...
图解 history api 和 React Router 实现原理
Router 是开发 React 应用的必备功能,那 React Router 是怎么实现的呢? 今天我们就来读一下 React Router 的源码吧! 首先,我们来学一下 History API,这是基础。 什么是 history 呢? 就是...
CSS 绘制任意角度扇形–遮盖/旋转
前几天写了一篇实现进度条的文章 环(圆)形进度条 其实他的本质是实现一个扇形, 今天尝试做一个扇形 如果要做一个 90 度, 180 度 和 270 度的扇形还是相对简单的 如果我们想实现任意角度的扇形那...
Chrome插件实战开发
在上一篇文章中,我们介绍了Chrome插件的页面如何写,以及各个组件之间是如何来通信的,得到了不少朋友的积极反馈,大家对Chrome插件的相关内容也都比较感兴趣,也存在着相当大的应用市场;本文...
Leafer 插件开发教程
前言 Leafer 是新开源的一个 2D 图形绘制库,目前已经有了 1.1k 的 Star 数,成长趋势非常不错,本篇不对 Leafer 过多介绍,不了解的同学可以直接阅读官网介绍,或者阅读我在之前写的 LeaferJS ...
万字长文带你学习esbuild在项目中的实际应用???
esbuild 是一个快速的捆绑工具,可以优化 JavaScript、TypeScript、JSX 和 CSS 代码。本文将帮助你快速了解 esbuild,并向你展示如何在不依赖其他库的情况下创建自己的构建系统。 esbuild 是如...
JS 原型和原型链详解
前言 原型和原型链是JavaScript语言重要的概念,理解了这个重要的概念,有助于我们更好地开发和阅读优秀框架源码。 原型 为什么需要原型呢? 我们先来看一个简单的例子: function Student(name...
Cesium 中的后期处理(Post Processing)
为了让CesiumJS中的场景更加自然、美观,添加后期处理(Post Processing)是必不可少的,它能对渲染的场景进行进一步的处理和增强,以改善视觉效果或实现特定的效果。 通过该篇笔记来介绍回顾一...
详解如何计算字符中的字节数
字符概念 关于字符编码,有三个核心概念: 字符集(Character Set),可以说是一个抽象概念,字符的合集。 码位(Code Point),也叫码点,将抽象的字符集中的每一个字符映射到一个整数。Unicode(即U...
this指向哪?
谁调用就指向谁 this 指向哪?先记住一句话:谁调用就指向谁,记住这句话就成功一大半了。 var userName = '张三' function fn() { var userName = '李四' console.log(this.userName) // 张三 ...
JavaScript之类型检测
面试题 类型检测的方法有哪些,平时一般都是怎么使用的? typeof null 的结果是什么,为什么? typeof NaN 的结果是什么? instanceof 操作符的实现原理及实现 今天,我们来讲一讲 JavaScriipt...