排序
VSCode 中的 format 与 lint 的自动格式化配置
VSCode 中的 format 与 lint 的自动格式化配置 在日常工作中, 经常遇到项目代码格式化与质量检测的规范配置不一致的问题, 导致在使用 VSCode 的时候,很难上来就能够做到编辑一个代码在保存的时...
分享Vue3构建电商首页小知识
Vue3简介 Vue3是Vue.js框架的最新版本,带来了许多令人兴奋的特性和优势。它经过了全面的重写和改进,提供了更好的性能和更强大的功能。一些主要的特点包括: Composition API: 提供了更灵活、...
尺寸变化的魔术师:ResizeObserver 的神奇力量
我正在参加「掘金·启航计划」 引言 在介绍完 IntersectionObserver API 之后,这次来介绍 Observer API 家族中的另一个非常好用的成员 ResizeObserver。 文章结构也依然围绕是什么,能做什么,...
?JavaScript进行数组比较的四类方法
在JavaScript中,数组本质上是一种特殊的对象,它的类型值会返回 object。 如果我们需要比较两个数组是否相等,不能像比较基本类型(String、Number、Boolean等)一样,使用 === (或 ==) 来判...
如何使用Flutter开发执行操作系统shell命令的工具
简介 Flutter是一种由Google开发的移动应用程序开发框架,它允许开发人员使用单个代码库构建高性能、高质量的移动体验。而Android终端命令行工具则允许用户在Android手机上运行类似于Linux的操...
突破自身困境:掌握CSS构建电商首页高级技巧
前言 当前就业市场竞争激烈,尤其是在中级前端开发岗位以上。本文将分享一些CSS构建电商首页的高级技巧,帮助前端开发者提升技能,增加就业竞争力。通过学习和应用这些技巧,你将能够创建出令人...
静态服务器
HTTP 模块 它是Node.js借助了libuv、httParser等一些C/C++ 语言的库,才得以实现,最终暴露给我们一些非常好用的API 配置Webstorm 一些有用的工具 esno 是一个 CLI 命令(替代node),用于在包类...
介绍一下XML
XML(可扩展标记语言)是一种用于表示和传输数据的标记语言。它使用自定义的标签来描述数据的结构和内容,并且可以根据需要定义自己的标签和属性。XML的设计目标是传输和存储数据,同时保持数据...
六年前写的旧项目,又肝了一版更新
前言 Essay新版本终于肝完了,这是我17年写的一个项目,本来都不打算更新了,只是最近在使用第三方平台写笔记的时候被恶心到了,想迁移文章发现也很费劲,就想着还是整一个自己喜欢的吧,于是就...
React | 奇妙的hooks
“我正在参加「掘金·启航计划」” 一、认识和体验Hooks 为什么需要Hook Hook 是 React 16.8 的新增特性,它可以让我们在不编写class的情况下使用****state以及其他的React特性 (比如生命周期)...
彻底搞定各种数组去重需求
前言 数组去重是面试时候常考的,我们日常工作中,也经常会遇到, 接下来就归纳总结几种数组去重的方案, 在我们开发和面试的时候可以得心应手, 分类 在实现数组去重之前我们我们简单进行一下...
Vue3 Composable最佳实践(二)
我正在参加「掘金·启航计划」 本文为翻译文章,部分内容难免理解有偏差,如有错误欢迎大家指正。原文链接见文章末尾。 在使用Vue.js中的组合式时,有时你已经有了一个想要使用的ref,而有时你...
状态管理Vuex
为什么需要状态管理? 如果一个Vue 应用的很多组件要享用同一份数据,一个数据改变,其他页面的数据也改变,且响应式的变化,那么我们就需要通过一个状态管理工具实现。 简单的父子组件数据共享...
前端时间国际化的一种解决方案
我正在参加「掘金·启航计划」 有分享才有进步,欢迎大家批评指正 最近在开发一个国际站项目,涉及到的任务流转可能会跨多个国家和地区,这就涉及到时间差的问题了。本文就来梳理一下我在实际开...
Dio网络请求框架之_RequestConfig、OptionsMixin、RequestOptions源码分析(一)
_RequestConfig _RequestConfig类描述http请求信息和配置。 class _RequestConfig { _RequestConfig({ Duration? receiveTimeout, Duration? sendTimeout, String? method, Map<String, dyna...
Hooks 时代,如何优雅地更新你的复杂状态数据
我正在参加「掘金·启航计划」 大家好,我是 Monch,今天想跟大家分享的是,如何在 React Hooks 中更优雅地更新复杂的状态数据,这里的复杂状态可能是, Objects,包含多个属性值的 Object 对象...
项目规范化:eslint+prettier+husky+commitlint+lint-staged
项目规范化记录篇 项目规范化的重要性不用多说了,直接进入正题。 EditorConfig editorconfig.org/#overview EditorConfig helps maintain consistent coding styles for multiple developers w...
Javascript 装饰器实战:用 MobX 的方式打开 Vue
去年三月份装饰器提案进入了 Stage 3 阶段,而今年三月份 Typescript 在 5.0 也正式支持了 。装饰器提案距离正式的语言标准,只差临门一脚。 这也意味着旧版的装饰器(Stage 1) 将逐渐退出历史舞...
使用 TypeScript对React开发提升代码性能的10个专业技巧
React 和 TypeScript 是构建健壮且可扩展的 Web 应用程序的强大组合。React 提供了灵活高效的 UI 开发框架,而 TypeScript 添加了静态类型并增强了开发体验。在本文中,我们将探讨十个基本技巧...
两个相见恨晚的 Chrome devtool 开发技巧(一)
前言 前段时间给公司分享前端技术, 因为部门中不光是前端,还有后端、数据。 所以选择了分享 浏览器 相关的, 这个不光前端每天在用,研发人员日常也都离不开使用浏览器。 在准备过程中,学习...