田八_社区达人页

备案控制台
个人头像照片
田八
已加入开发者社区1733天

勋章 更多

个人头像照片
专家博主
专家博主
个人头像照片
星级博主
星级博主
个人头像照片
技术博主
技术博主
个人头像照片
江湖新秀
江湖新秀

成就

已发布121篇文章
3条评论
已回答2个问题
0条评论
已发布0个视频
github地址

我关注的人 更多

阿里云云原生
阿里云云原生

粉丝 更多

飞叶摘花
飞叶摘花
兮叶William
兮叶William
满口香
满口香
游客ux7mgutgebxto
游客ux7mgutgebxto
TAKA
TAKA
仲羽
仲羽
nvrcrxouoig6s
nvrcrxouoig6s

技术能力

兴趣领域
  • JavaScript
  • 前端开发
  • Web App开发
擅长领域
技术认证

暂时未有相关云产品技术能力~

前端领域专家，掘金优质创作者，多次获取掘金创作者证书，深度钻研前端领域，擅长CSS/JavaScript/nodejs等前端技术，深入了解前端框架源码实现，如Vue全家桶等。

暂无精选文章
暂无更多信息

2024年05月

2023年06月

  • 06.26 11:38:51
    回答了问题 2023-06-26 11:38:51

    跟着“小枫社长”用Redis搭建游戏排行榜

    踩0 评论0
  • 06.26 10:43:21
    回答了问题 2023-06-26 10:43:21

    你印象最深的一道SQL题目是什么？

    踩0 评论0
  • 06.25 15:33:24
    发表了文章 2023-06-25 15:33:24

    三角形用 CSS 该怎么画？那好看一点的三角形能画吗？

    用css画三角形网上一找一大堆，大多数都是使用border来画的，优点是简单，缺点是单调，那么今天我就来带大家使用css花式画三角形。
  • 06.25 15:32:24
    发表了文章 2023-06-25 15:32:24

    🫧🫧🫧ServiceWorkerGlobalScope 让你重新认识 ServiceWorker

    ServiceWorkerGlobalScope和上两章的概念基本相同，都是继承自WorkerGlobalScope，但是ServiceWorkerGlobalScope 是在ServiceWorke
  • 06.25 15:31:33
    发表了文章 2023-06-25 15:31:33

    🎈🎈🎈SharedWorkerGlobalScope 居然只是看起来复杂

    上一章介绍了Worker的全局作用域，了解到DedicatedWorkerGlobalScope是继承自WorkerGlobalScope的; 这一章介绍的SharedWorkerGlobalScop
  • 06.25 15:30:41
    发表了文章 2023-06-25 15:30:41

    🎁🎁🎁详解 Web Worker，不再止步于会用！

    前面的章节都是告诉你怎么使用Worker，并没有真正的深入Worker的原理，这一章我们就来详细的了解一下Worker的原理。
  • 06.25 15:30:02
    发表了文章 2023-06-25 15:30:02

    @property自定义CSS属性，实现不一样的动画效果

    @property是CSS的新特性，用于定义自定义CSS属性，并使这些属性可以在CSS中使用，当然也可以在JavaScript中使用。 @property 简介 @property允许开发者显示的定义
  • 06.25 15:29:22
    发表了文章 2023-06-25 15:29:22

    💞💞💞SharedWorker 让你多个页面相互通信

    SharedWorker 是一个新的Web Worker API，它允许你在多个页面之间共享一个Worker。 SharedWorker 代表一种特定类型的Worker，可以在多个浏览器上下文中运行，
  • 06.25 15:28:38
    发表了文章 2023-06-25 15:28:38

    一道JS题，让我更深刻的理解了JS的执行机制

    闲逛摸鱼发现一道有趣的题，题目如下，本来是不想拿出来单独写一篇文章的，因为太短了，但是我需要存在感，沸点没人看，所以还是写一篇文章吧；
  • 06.25 15:27:58
    发表了文章 2023-06-25 15:27:58

    🚂🚂🚂 ServiceWorker -> PWA的基石，在线离线都能玩！

    PWA是Progressive Web App的缩写，翻译过来就是渐进式网络应用，它是一种新的网络应用模式，它结合了Web App和Native App的优点
  • 06.25 15:26:52
    发表了文章 2023-06-25 15:26:52

    全解析 ESM 模块语法，出去还是进来都由你说了算

    模块语法是ES6的一个重要特性，它的出现让JavaScript的模块化编程成为了可能。在JavaScript中可以直接使用import和export关键字来导入和导出模块。
  • 06.25 15:25:59
    发表了文章 2023-06-25 15:25:59

    🎊🎊🎊深入 ServiceWorker，消息推送，后台同步，一网打尽！

    上一章讲到了ServiceWorker的基础使用，但是它的功能不仅仅只有这些，还有很多很多，比如消息推送，后台同步，甚至还有WebRTC，这一章我们来进阶ServiceWorker。
  • 06.25 15:25:20
    发表了文章 2023-06-25 15:25:20

    外置的媒体查询，对性能又一次的优化提升

    通常情况下我们写媒体查询都是写在一个样式文件中，对于浏览器加载的时候，会解析到最后一行样式时才会渲染页面，这样就会造成页面的白屏时间过长。
  • 06.25 15:24:44
    发表了文章 2023-06-25 15:24:44

    径向聚焦，你就是全场最靓的仔

    通过mask-image属性我们得到了一个径向聚焦的效果，通过css变量让这个聚焦效果可以随着鼠标的移动而移动，接下来就一起来看看这个效果是如何实现的吧。
  • 06.25 15:24:04
    发表了文章 2023-06-25 15:24:04

    inert 属性，让浏览器忽略所有用户交互

    在浏览器中，用户交互包括永远排在第一位，不可被打断，哪怕浏览器在假死的状态下，用户的交互行为也是不可被打断的; 但是在inert属性的作用下，用户的交互行为就会被忽略，接下来就带你一起来看看inert
  • 06.25 15:23:15
    发表了文章 2023-06-25 15:23:15

    ✨✨✨ ServiceWorker 让你的网页拥抱服务端的能力

    ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务器。
  • 06.25 15:22:30
    发表了文章 2023-06-25 15:22:30

    3D旋转选秀盒，收纳刹那间的小美好

    浏览器发展至今，在网页上呈现 3D 效果已经非常简单了，只需要我们用上一个 css 属性，就可以让我们的页面元素拥有 3D 效果，今天我们就使用这个特性来做一个 3D 旋转盒子。
  • 06.25 15:21:43
    发表了文章 2023-06-25 15:21:43

    CSS 的各种遮罩，让图片和背景更加多元化

    在常见的场景中，一张图片只能方形或者圆形展示，如果想要以不规则的通常都是通知 UI 小姐姐让她帮忙处理一下图片，然后直接用就好了； 但是小姐姐只会影响我敲代码的速度，等她处理图片我的代码都写好了。
  • 06.25 14:40:56
    发表了文章 2023-06-25 14:40:56

    绚烂的文本换行，打破常规元素背景填充规则

    在我们的日常开发中，为一个元素设置背景、边框、阴影、内外边距等，通常是会应用在整个元素上； 例如我为一个元素设置一个背景图，根据背景图的填充规则设定，这个图片可能会出现重复，或者拉伸，或者多余的地方留
  • 06.25 14:40:17
    发表了文章 2023-06-25 14:40:17

    不使用JavaScript也能直接修改样式，这一波你学废了吗？

    不使用 JavaScript 也能直接修改样式？听起来有点不可思议，但是接下来我就带你一起来看看这个神奇的效果是如何实现的。 先来看效果，建议在 Chrome 浏览器中查看
  • 06.25 14:35:57
    发表了文章 2023-06-25 14:35:57

    🥳🥳🥳Worker中还可以创建多个Worker，打开多线程编程的大门

    本篇主要探索 Worker 的更多用法，主要是如何创建多个 Worker ，在 Worker 中如何发送请求，以及如何使用 Worker 进行多线程编程。
  • 06.25 14:35:25
    发表了文章 2023-06-25 14:35:25

    纯 css 手写奔跑的(●￣(ｴ)￣●)

    之前用css写了一个太极图，反响还是挺不错的，然后看到评论区有位小伙伴说让他想起了培训班的点点滴滴，于是我就说那我直接来一个培训班的案例再写一篇吧。 然后他就向我推荐了奔跑的熊，我就网上查了一下
  • 06.25 14:34:47
    发表了文章 2023-06-25 14:34:47

    数据库相关知识点整理，助力拿到心仪的offer

    1. 数据库的事务 1.1 什么是数据库事务？ 事务是指一组逻辑上相关的操作，这些操作要么全部完成，要么全部不完成。 事务是数据库管理系统执行过程中
  • 06.25 14:34:16
    发表了文章 2023-06-25 14:34:16

    🎉🎉🎉 Web Workers 使用秘籍，祝您早日通关前端多线程！

    Web Workers 是新一代的异步编程解决方案，它可以让我们在后台运行一个脚本，而不会阻塞用户界面。对于前端开发者来说，Web Workers 是一个非常有用的工具，它可以让我们在后台运行一些
  • 06.25 14:31:41
    发表了文章 2023-06-25 14:31:41

    今天来讲讲 scale、translate 和 rotate 这三个属性，你不会以为我是要讲的是 transform 吧？

    总所周知，transform 是 CSS3 中最强大的属性之一，它有这么三个函数属性值：scale、translate 和 rotate，它们分别是缩放、位移和旋转，但是你有没有想过有这么一天它们三个
  • 06.25 14:31:05
    发表了文章 2023-06-25 14:31:05

    css 实现粘稠过渡，纵享流水般丝滑

    有没有想过使用 css 可以实现两个元素之间拥有粘连的状态，当一个元素靠近另一个元素时，他们之间的间隙会越来越小，就像水滴靠近，两个水滴之间的间隙会越来越小，最后两个水滴会粘连在一起一样。
  • 06.25 14:30:29
    发表了文章 2023-06-25 14:30:29

    用 css 画一个太极图，才几行代码就开始喊难了？

    据说太极图里面的文化博大精深，有着一生二，二生三，三生万物的道理，虽然我不怎么懂，要让它转起来就会发现非常神奇，那今天我们就来用 css 画一个太极图吧。
  • 06.25 14:29:58
    发表了文章 2023-06-25 14:29:58

    will-change 属性细节太多了，一般人玩不好

    will-change 被定义为浏览器最后的优化手段，它的作用是告诉浏览器，这个元素将要发生变化，浏览器可以提前做一些准备工作，当元素发生变化时，浏览器就不需要再做一些额外的工作，从而提高性能。
  • 06.25 14:27:39
    发表了文章 2023-06-25 14:27:39

    使用 Webpack 打包 node 程序，node_modules 真的被干掉啦

    网上很多关于 webpack 打包 node 的文章，但是他们都是只打包你写的 node.js 的代码， node_modules 直接都被排除了，这样处理的话如果发布到线上
  • 06.25 14:27:02
    发表了文章 2023-06-25 14:27:02

    Error，Error，到底什么是Error

    总所周知，当系统运行出现错误的时候，就会抛出一个 Error ，那么这个 Error 是什么？它是怎么来的？它又是怎么被抛出的？它又是怎么被捕获的？这些问题，我们一起来探讨一下。
  • 06.25 14:26:32
    发表了文章 2023-06-25 14:26:32

    要不要来看看浏览器视图更新的底层规则？

    大家在操作原生的 DOM 的时候，有没有遇到过这样一个问题，就是我修改了 DOM 的属性，但是浏览器并没有立即更新视图，而我们开发者为了获取这次更新的结果，通常会使用 setTimeout 这样的方法
  • 06.25 14:26:03
    发表了文章 2023-06-25 14:26:03

    后端文件上传以及下载功能实现

    上一章讲到前端文件下载功能的实现，之前也讲过前端文件上传功能的实现，这一章就讲一下后端怎么接收前端上传的文件，以及怎么实现文件下载功能。
  • 06.25 14:25:29
    发表了文章 2023-06-25 14:25:29

    前端文件下载的正确打开方式

    前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。
  • 06.25 14:23:50
    发表了文章 2023-06-25 14:23:50

    熬夜整理的 Object 对象的静态方法、实例属性和实例方法

    熬夜整理的 Object 对象的静态方法、实例属性和实例方法，用于理解 Object 对象的静态方法和实例方法的区别，以及 Object 对象的静态方法和实例方法的使用。
  • 06.25 14:22:23
    发表了文章 2023-06-25 14:22:23

    forEach 如果传入异步回调如何保证并行执行？

    forEach 本身是同步的，但是如果回调函数是异步的，那么forEach 会立即执行下一个任务，而不会等待回调函数执行完毕，这个时候如何保证异步任务的串行执行呢？
  • 06.25 14:21:45
    发表了文章 2023-06-25 14:21:45

    css 里面的 content 属性你有注意过吗？

    content 属性是用来在元素中插入内容的，它只能用在 ::before 和 ::after 这两个伪元素上，它的值可以是一个字符串，也可以是一个图片，还可以是一个计数器。
  • 06.25 14:21:04
    发表了文章 2023-06-25 14:21:04

    常用的css函数有哪些，你都用过吗？

    css 的函数有哪些？他们都有什么作用？你认得哪些？你用过哪些？今天我就带你们一起来了解一下 css 的函数吧！
  • 06.25 14:20:03
    发表了文章 2023-06-25 14:20:03

    解决浏览器自动填充用户名和密码最优雅的解决方案，优雅永不过时

    浏览器记住用户名和密码并且自动填充怎么破？百度找的方法好像都不够优雅，优雅永不过时，今天我就带你优雅的解决这个问题。
  • 06.25 14:19:30
    发表了文章 2023-06-25 14:19:30

    渐变是真的好玩，真是一个有趣的特性

    css 渐变是一种特殊的 image 格式，使用 gradient 表示， gradient 属于 image 的子集，用于表示渐变的 image ， gradient 的语法如下
  • 06.25 14:18:55
    发表了文章 2023-06-25 14:18:55

    卷一卷CSS的transform实现原理，头发又掉了10根！！！

    今天内卷的知识点是 css 属性 transform ， transform 的英文翻译是变换，它可以对元素进行平移、旋转、缩放、倾斜等操作，这些操作都是通过矩阵来实现的，所以我们可以通过矩阵来理
  • 发表了文章 2024-05-15

    项目重构，从零开始搭建一套新的后台管理系统（后端版）

  • 发表了文章 2024-05-15

    前端炫技合集，简单的TODoList，简单的技术，实现不简单的效果

  • 发表了文章 2024-05-15

    File System Access API 让浏览器拥有操作本地文件的能力

  • 发表了文章 2024-05-15

    CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花

  • 发表了文章 2024-05-15

    【源码共读】在前端如何操作 Cookie

  • 发表了文章 2024-05-15

    【源码共读】大并发量如何控制并发数

  • 发表了文章 2024-05-15

    【源码共读】组件太多，重复工作量大？这次一行命令带你解放双手！

  • 发表了文章 2024-05-15

    【源码共读】防抖的原理和实现

  • 发表了文章 2024-05-15

    巧用 computed 计算属性，实现代码简洁高效

  • 发表了文章 2024-05-15

    【源码&库】 Vue3 的依赖收集，这里的依赖指代的是什么？

  • 发表了文章 2024-05-15

    【源码&库】 Vue3 的组件是如何挂载的？

  • 发表了文章 2024-05-15

    【源码共读】yocto-queue 一个微型队列数据结构

  • 发表了文章 2024-05-15

    【源码&库】跟着 Vue3 的源码学习 reactive 背后的实现原理

  • 发表了文章 2024-05-15

    【源码&库】Vue3 的响应式核心 reactive 和 effect 实现原理以及源码分析

  • 发表了文章 2024-05-15

    《Webpack5 核心原理与应用实践》学习笔记-> 提升插件健壮性

  • 发表了文章 2024-05-15

    《Webpack5 核心原理与应用实践》学习笔记-> loader配置效验与内置工具

  • 发表了文章 2024-05-15

    《Webpack5 核心原理与应用实践》学习笔记-> webpack的loader运行与调试

  • 发表了文章 2024-05-15

    【源码共读】编程式安装依赖 install-pkg

  • 发表了文章 2024-05-15

    【源码共读】Vue3源码 shared 模块下的 38 个工具函数

  • 发表了文章 2024-05-15

    告别屎山！！！WebSocket 的极致封装， 写好代码竟如此简单

正在加载, 请稍后...
滑动查看更多
  • 回答了问题 2023-06-26

    跟着“小枫社长”用Redis搭建游戏排行榜

    首先教程真的很详细，跟着教程来也不用担心自己不会操作 Linux 系统，尽管这些命令都很初级。

    其次就是对 Java 的编码，代码并不复杂，甚至可以说这个很简单，但是目的是让我们熟悉 云Redis 的操作，只需要简单的配置地址和密码就可以操作 云Redis 了，真的很方便。

    然后就是用直接操作代码，写程序的方式来实现一个使用 demo，完成之后还是挺有成就感的，尽管这个 demo 简单的一批，但是体验新的产品，使用新的操作方式真的很吸引人。

    还有就是不知道为什么，我在复制 Java 代码的时候， main方法 里面的代码一粘贴进去就被注释掉了，试过好几次都是一样的，我甚至还把代码复制到记事本里面再粘贴进去，还是一样的，最后还是我一行一行的删除注释，就这一点让我体验不是很好，但是问题不是很大。

    最后Redis现在的应用真的很广，可以应用在很多地方，解决很多问题，例如实验就是做一个游戏排名就是一个使用案例，有了云Redis可以简化很多操作，而且还有专业的平台供应商来提供服务，稳定性也不用我们来保障，省心。

    踩0 评论0
  • 回答了问题 2023-06-26

    你印象最深的一道SQL题目是什么？

    当然是刚学 sql 的时候，一些查询数据的操作：

    1. 在以下SQL查询中，哪个关键字用于同时连接多个表并指定连接条件？

      SELECT *
FROM table1
JOIN table2 ON table1.id = table2.id
LEFT JOIN table3 ON table1.id = table3.id
      • a) JOIN
      • b) ON
      • c) AND
      • d) WHERE

    2. 下面的SQL查询将返回什么结果？

      SELECT customer_name, COUNT(*) AS order_count
FROM orders
GROUP BY customer_name
HAVING COUNT(*) > 5
      • a) 每个客户的订单总数大于5的结果
      • b) 每个客户的订单总数
      • c) 每个客户的名称和订单总数大于5的结果
      • d) 每个客户的名称和订单总数

    3. 在以下SQL查询中，哪个关键字用于对结果进行分页，并限制每页的行数？

      SELECT *
FROM table
ORDER BY column
OFFSET 20 ROWS FETCH NEXT 10 ROWS ONLY
      • a) ORDER BY
      • b) OFFSET
      • c) FETCH
      • d) ROWS

    4. 下面的SQL查询将返回什么结果？

      SELECT department_id, AVG(salary) AS avg_salary
FROM employees
GROUP BY department_id
HAVING AVG(salary) > 5000
ORDER BY avg_salary DESC
      • a) 每个部门的平均工资大于5000的结果，并按平均工资降序排列
      • b) 每个部门的平均工资
      • c) 每个部门的平均工资大于5000的结果
      • d) 每个部门的平均工资，并按平均工资降序排列

    5. 在以下SQL查询中，哪个关键字用于从查询结果中去除重复的行？

      SELECT DISTINCT column1, column2
FROM table
      • a) SELECT
      • b) DISTINCT
      • c) FROM
      • d) WHERE
    踩0 评论0
正在加载, 请稍后...
滑动查看更多
正在加载, 请稍后...
暂无更多信息
勋章
关注
粉丝