动手实现类似Vue的极简前端框架
当然,常规的前端框架不只做到这一步,它们有专门的语法,如 Vue 中的模板语法和 React 中的 JSX,这些语法使得编写复杂的前端页面相对于其他方式更加简洁。
JavaScript之观察者模式
在日常开发中,开发人员经常使用设计模式来解决软件设计中的问题。其中,观察者模式是一种常用的模式,它可以帮助开发人员更好地处理对象之间的通信。
团队把图标方案从iconfont换成iconify了,说说我们的思考
iconfont 的方案其实是在 2016 年公开,到现在也已经有 6 年之久,它确实在这一段时期的设计领域中,独树一帜的解决了图标的问题,这么多年也有了丰富的积累沉淀。但是前端的发展是日新月异的,图标领域其实这些年也出现了很多新起之秀。
解锁 PDF 文件:使用 JavaScript 和 Canvas 渲染 PDF 内容
最近研究了 `Web` 的 `FileSystemAccess` Api,它弥补了 Web 长期以来缺少的能力:操作用户设备中的文件;而如今通过这个 Api 我们能够实现常见的文件操作:创建、删除、修改、移动等。
美团面试官:那你讲一讲Vuex吧
周一接到了美团的一面,面试官人很好,基本都是围绕着简历来问,下面就是我重新整理了一下怎么实现Vuex的min简单版本,可以看到Vuex的大致原理。
ECMAScript 2023 正式发布,有哪些新特性?
2023 年 6 月 27 日,第 125 届 ECMA 大会正式批准了 ECMAScript 2023 语言规范,这意味着它现在正式成为最新 ECMAScript 标准。下面就来看看 ECMAScript 2023 都有哪些新特性吧!
浅谈前后端交互的基本原理
了解前后端交互的基本原理对于从事与Web开发相关的角色的人群是非常重要的。这包括前端开发工程师、后端开发工程师、全栈开发工程师、Web应用程序设计师、项目经理和产品经理等。无论你在开发、设计还是管理层面工作,了解前后端交互的基本原理将帮助你更好地理解和推动Web应用程序的开发和交付。
Node.js 项目调试指南
`Node.js` 是一种流行的 `JavaScript` 运行时,与谷歌 `Chrome` 浏览器使用相同的 V8 引擎。它是跨平台的,在创建 Web 服务器、构建工具、命令行工具等方面越来越受欢迎。
深入了解CSS颜色架构:提升你的网页设计技巧
这篇文章深入探讨了CSS颜色架构的重要性和实践方法,以帮助开发人员和设计师创建更具吸引力和一致性的网页设计。作者首先介绍了CSS颜色的基础知识,包括颜色表示法、颜色值和颜色选择工具。接着,他强调了良好的颜色架构对于网页的视觉吸引力和用户体验的重要性。
图片加载错误的捕获及处理
前端开发中,图片是我们在网页中加载最多的静态资源类型之一,但是图片加载过程中也有可能出现加载失败的情况,这是十分影响用户体验的。那么如何正确的判断图片是否成功加载,以及图片加载失败的时候,如何处理,就是本篇文章所要讲解的主要内容。
5分钟看懂的WebAssembly入门指南
本文是一篇WebAssembly的入门文章,从理论介绍到实战方面有全面的讲述。
小程序实现 ChatGPT 聊天打字兼自动滚动效果
在 ChatGPT 的背景下,我们今天来聊聊在小程序中怎么实现类似 chatGPT 的聊天打字效果,并且实现滚动效果。
前端构建工具的未来
前端构建工具对现代前端开发者的工作流程至关重要,原因有很多,包括改善开发者和用户体验。从开发者的角度来看,前端工具为我们提供了:编写模块的能力、用于本地开发的开发服务器、在开发模式下缩短反馈循环的热模块替换(HMR)、使用polyfills针对传统浏览器的能力、处理除JavaScript以外的一系列文件类型,等等。
项目规范:让你的代码更上一层楼
详细讲解如何配置前端项目的代码规范。
前端加载超大图片(100M以上)实现秒开解决方案
对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下面介绍下如何对大图进行分割,在前端进行拼接实现秒开。
React:我们的用法习惯可能是错误的
在我们React的日常开发中一些常用的写法,看似运行的很好,实际可能并不优雅。学习React并不是如何如何使用它,而是如何写出优雅,干净的代码。下面举一些例子,总结了一些React开发中不好的写法及相应更好的写法。
CSS粘性定位 - 它的真正工作原理!
CSS中的`sticky`定位有很好的浏览器支持,但许多开发者并没有使用它。原因有两方面:一是等待浏览器支持的时间太长,导致这个特性被遗忘;二是大部分开发者并不完全理解它的工作原理。
React Fiber技术解读:你需要知道面试官最关心的话题!
关于 React Fiber 出来也有几年了,可最近面试多了才发现,还是有很多人一知半解,所以本文梳理了一下有关 Fiber、以及这个话题环环相扣,可以延伸的点,给大家面试复习、查缺补漏,如果你是面试官也可直接拿去提问。
WDC2023 — Web 开发者划重点
即 `Google I/O 2023` 之后,又迎来了 `Apple` 举办的当世最令人瞩目的另一大科技大会:`WDC2023`。这两场大会无疑都会为大家带来近一年内最热门最前沿的技术,而作为 Web 开发者我们也应该紧跟时代的潮流,及时了解技术的进步,从这些大会上我们也能学习到很多有用的内容。
6 个 TypeScript 的高级技巧,帮你写出更清晰的代码
在本文中,我们将介绍六个 TypeScript 的高级技巧,每个技巧都有例子展示其如何实现和使用。使用这些技巧,您不仅可以提高您的代码质量,也可以提高您作为一名 TypeScript 程序员的技能水平。
十个超级好用的Javascript技巧
在实际的开发工作过程中,积累了一些常见又超级好用的Javascript技巧和代码片段,包括整理的其他大神的JS使用技巧,今天筛选了10个,以供大家参考。
JavaScript的事件
使用事件代理的好处不仅在于将多个事件处理函数减为一个,而且对于不同的元素可以有不同的处理方法。假如上述列表元素当中添加了其他的元素节点(如:a、span等),我们不必再一次循环给每一个元素绑定事件,直接修改事件代理的事件处理函数即可。
vue-router 怎么传参
Vue传参的四种方式。
什么是Vuex
Vuex 是一个专为 Vue 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store(仓库)。
v-for中key的作用
Vue在patch过程中判断两个节点是否是相同节点,key是一个必要条件,渲染一组列表时,key往往是唯一标识,所以如果不定义key的话,Vue只能认为比较的两个节点是同一个,哪怕它们实际上不是,这导致了频繁更新元素,使得整个patch过程比较低效,影响性能.
$nextTick
nextTick是Vue提供的一个全局API,是在下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM
Web Audio API实现简单变声效果
想在网页中实现实时音频变声效果该如何实现呢,之前遇到这种处理音视频的需求,可能会想到需要借助C代码实现。但是现在随着浏览器性能的提升、web API的丰富,通过浏览器原生的API也可以操作音频数据实现很多复杂的效果,为web音频开发提供了更多的选择。下面介绍几种采用原生**Web Audio API**实现变声效果的过程中尝试的几种方案,感兴趣的同学一起来了解下吧。
vue 的生命周期
Vue生命周期的主要4个阶段。
ES6常用的新特新
var/let/const
var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。 let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。 const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,且不能修改。
script标签中defer和async的区别
多个带async属性的标签,不能保证加载的顺序;多个带defer属性的标签,按照加载顺序执行。
常见的语义化标签
语义化机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,有利于SEO。
浏览器渲染机制、重绘、重排
输入一个URL到页面过程中发生了什么
cookie、sessionStorage、localStorage的区别
cookie、sessionStorage、localStorage都是在开发中用到的临时存储客户端会话信息或者数据的方法,存储的时间有效期及数据量大小不同。
适合每个人的热门CSS工具
文章中列举了几个流行的CSS工具,包括Sizzy、Grid Generator、Clippy、CSS Gradient Animator以及Flexy Boxes等。对于每个工具,作者提供了简要的介绍和示例,以展示它们如何帮助开发人员更高效地创建和处理CSS样式。
table元素超出父级div的问题及解决方案
用到div包裹table的布局,想要的效果是table的宽度等于div宽度。听着似乎很简单,使用100%即可,用起来发现不对。查资料后发现原来table有不一样的默认样式table-layout
从零开发——微前端框架实践
对微前端框架的内容做了一个详细的介绍,并从零开始用Typescript实现了微前端的基本功能。
Vue3 如何实现一个全局搜索框
如何写出不可维护的 Vue 代码
在Vue3这样子写页面更快更高效
Nginx静态压缩和代码压缩,提高访问速度!
60个Vue常见问题汇总及解决方案
如何在 Vue.js 中将字符串的第一个字母大写
【Vue】1535- Vue3 如何实现一个全局搜索框
我相信这是 Vue3 复用代码的正确姿势!
保证你不知道的Vue 3技巧
从 0 搭建 Vite 3 + Vue 3 前端工程化项目
我相信这是 Vue3 复用代码的正确姿势!