排序
??? 推荐一个基于 Vue3 + Varlet 的移动端 Web 模板
写在前面 掘金的同学们大家好呀,首先自我介绍一下,作者是 Vue3 Material Design 移动端组件库 Varlet 的作者。 Varlet 经历了两年多的开发和维护,现在终于有了一个官方维护的移动端项目模板...
Next.js 13 项目中的多布局使用方法,你应该要会
一、需求讲解 在项目编写过程中,有可能会遇到这样的需求,在/app/demo01中需要有侧边栏,在同级目录下/app/demo02中不需要侧边栏,或者不需要侧边栏需要头部,这样的需求,我们就不能单单的靠...
IntersectionObserver:前端性能优化的新利器
IntersectionObserver:前端性能优化的新利器 在当今网页设计中,用户体验和性能优化变得越来越重要。本文将带你深入了解一种强大的前端技术。通过使用IntersectionObserver API,那些性能上的...
MySQL——导出表,单个表单个列查询以及单个表多个条件查询
引入,导出表 右键表 获得表 遇到关键词的用'``'分割 单个表单个列查询 查询登录方式是微信的用户(字段:from) SELECT nickname,`from` from y_member WHERE `from` = 'weixin'; 查询不是'年...
自动化兼容性检查和解决方案:应用不会再白屏了
引言 对于前端开发者来说,caniuse网站是一个非常有用的工具,它可以帮助我们查询JavaScript API在不同浏览器版本中的兼容性情况。以fetch为例,我们可以在网站上查到其兼容性如下图所示: 但是...
Vue进阶(贰零壹):JS合并两个数组方法详解
一、前言 项目开发过程中,将两个数组合并成为一个的情况十分常见。比如: var a = [1,2,3]; var b = [4,5,6]; 有两个数组a、b,需求是将两个数组合并成一个。实现方法如下: 二、实现 2.1 conc...
HTML 语义化的案例分析 – 实践记录 | 青训营
? HTML 语义化的案例分析 ?在本篇文章中,我们将讨论为什么以及何时使用语义 HTML 元素,所以我会为您提供几个范例。 但首先, 为什么我们要使用语义标签而不是 div? HTML 能更容易阅读和被扫...
React源码系列(八)—— Context
前言 context作为夸组件的传参方式,大家是再熟悉不过了,它解决了我们props下钻的问题,使我们不需要一层一层传递props,今天我们就来看看他的具体原理吧。 context context原理 在讲context原...
优雅的Vue指令:让你的前端开发变得更简洁高效!
当谈到Vue.js中的指令时,指令是一种特殊的HTML属性,它们带有'v-'前缀。指令允许您在模板中添加一些特殊功能,以便更好地与Vue实例进行交互。Vue.js内置了一些常用的指令,同时也允许您自定义...
如何用puppeteer留下历史掘金热榜
前言 成为打工人后,没有那么多的时间去刷掘金了,很多时候只能在周末才有时间去优哉游哉的躺在床上刷着热榜,但这个时候我们往往会错过掘金热榜的历史记录(热榜的内容一直在变化),这种情况或...
React–JSX语法
JSX简介 let element = <h1>Hello,React</h1> 右侧赋值的标签并不是字符串,而是一段 JSX 的语法 JSX 是什么? JSX 是一种 JavaScript 的语法扩展,也称之为 JavaScript XML,因...
Flutter文字与图片
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第16天,点击查看活动详情 Text组件 DefaultTextStyle组件(统一text样式) RichText组件(行内包含不同样式时用) Icon组件...
Vue3的diff算法实现页面更新
前言 在前一篇文章学习了Vue3的createApp和h函数实现,但是只出了vnode渲染成真实dom,这里再来介绍一下dom的更新操作。 dom更新 从createApp和h函数实现的我们知道dom的挂载和更新主要是在执行...
我有个气人的同事……
我正在参加「掘金·启航计划」 曾经,我有个气人的同事,总是喜欢用 console.error() 来调试代码,搞得我和他合作,看到控制台老难受了,就为他特殊定制了一个工具库 console-custom。沉寂在个...
精读 Vuejs 设计与实现第 4 章(响应式系统)
4.1 响应式数据和副作用函数 副作用函数是指那些产生副作用的函数: function effect() { document.body.innerText = 'hello vue3' } 执行 effect 函数时,它会设置 body 的文本内容,这种更改...
聊聊我理解的CSS-in-JS(二)
我正在参加「掘金·启航计划」,这篇文章我主要想从 CSS-in-JS 讲开去,谈谈我理解的 CSS-in-JS 的理念以及当下前端工程化中的主流 CSS 方案。 在我的上一篇博客聊聊我理解的 CSS-in-JS(一) 中...
Kotlin高阶探索-Lambda
在Kotlin中,函数类型如 () -> Unit 或 (Int, String) -> Boolean 实际上是一些特殊的接口。它们定义了一个 invoke 方法。 举例来说,对于一个无参数和无返回值(Unit)的函数类型 () -&g...
vuepresss搞一个类似elememt ui那样的组件库文档
创建文件夹并初始化 新建文件 zz-vuepresss 进到 zz-vuepresss 初始化项目 npm init -y 安装 VuePress 为本地依赖 npm install vuepress -D 根目录下创建 docs 文件夹并在内部创建 README.md 文...
什么?你的简历Vue技能竟然还不是精通?
前言 付出时间和汗水, 其余交给天意。 现在笑的有多欢,未来就有多惨。 时刻保持紧张和焦虑未必是件坏事。 在这场血雨腥风的战场上,我相信会有曙光降临! 长文预警 , 建议掘友们去githubDownlo...
?这些React的核心要点你一定要懂|我从《React技术揭秘》中学到了什么
第一章 React理念 Fiber:一种将长任务分解为多个任务片段的架构 fiber 是什么 Fiber是一种架构,用于将长任务切分为多个任务片段。它在React 16中实现了异步可中断的更新。在React 15中,Recon...