暂时未有相关云产品技术能力~
前端领域专家,掘金优质创作者,多次获取掘金创作者证书,深度钻研前端领域,擅长CSS/JavaScript/nodejs等前端技术,深入了解前端框架源码实现,如Vue全家桶等。
项目重构,从零开始搭建一套新的后台管理系统(后端版)
File System Access API 让浏览器拥有操作本地文件的能力
巧用 computed 计算属性,实现代码简洁高效
【源码&库】 Vue3 的组件是如何挂载的?
【源码共读】axios的46个工具函数
css 的函数有哪些?他们都有什么作用?你认得哪些?你用过哪些?今天我就带你们一起来了解一下 css 的函数吧!
前端为何会有异步这一说法,是因为前端的代码是在浏览器中运行的,而浏览器是单线程的,前端的代码是在主线程中运行的,如果有耗时的操作,就会阻塞主线程,导致页面卡顿,所以就有了异步这一说法。
forEach 本身是同步的,但是如果回调函数是异步的,那么forEach 会立即执行下一个任务,而不会等待回调函数执行完毕,这个时候如何保证异步任务的串行执行呢?
今天内卷的知识点是 css 属性 transform , transform 的英文翻译是变换,它可以对元素进行平移、旋转、缩放、倾斜等操作,这些操作都是通过矩阵来实现的,所以我们可以通过矩阵来理
有没有一种让我们修改 placeholder 的样式的方式?答案肯定是有的,我们可以通过 ::placeholder 来修改 placeholder 的样式。
使用vue的transition组件,来实现一个数字滚动效果,其实不仅可以是数字滚动,还可以是文字、段落滚动,代码片段使用了定位做的,还可以使用transform,只是一种思路,不限制方案。
你真的了解 onclick 点击事件吗? onclick 是异步的还是同步的?事件的触发顺序你了解过吗?现在我就带你一起来了解一下 onclick 事件前后左右的一些事情。
PWA是Progressive Web App的缩写,翻译过来就是渐进式网络应用,它是一种新的网络应用模式,它结合了Web App和Native App的优点
FormData 是一个用于表单数据的键值对,可以通过 FormData 对象来模拟表单提交,也可以通过 FormData 对象来实现文件上传。
最近做了一个纯`css`实现的流光效果,在做这个需求之前在网上找了很多示例效果,结果都不能达到我想要的效果,于是自己动手实现了下面这样的。
SharedWorker 是一个新的Web Worker API,它允许你在多个页面之间共享一个Worker。 SharedWorker 代表一种特定类型的Worker,可以在多个浏览器上下文中运行,
前端涉及到的文件下载还是很多应用场景的,那么前端文件下载有多少种方式呢?每种方式有什么优缺点呢?下面就来一一介绍。
Web Workers 是新一代的异步编程解决方案,它可以让我们在后台运行一个脚本,而不会阻塞用户界面。对于前端开发者来说,Web Workers 是一个非常有用的工具,它可以让我们在后台运行一些
总所周知,当系统运行出现错误的时候,就会抛出一个 Error ,那么这个 Error 是什么?它是怎么来的?它又是怎么被抛出的?它又是怎么被捕获的?这些问题,我们一起来探讨一下。
现在有一个需求,前端需要同步服务器的时间,因为前端的时间是不可靠的,解决方案有很多,但是不管什么方案,都是需要和服务端进行交互,那么怎么减轻后端的工作量直接实现呢?
上一章讲到了ServiceWorker的基础使用,但是它的功能不仅仅只有这些,还有很多很多,比如消息推送,后台同步,甚至还有WebRTC,这一章我们来进阶ServiceWorker。
网上很多关于 webpack 打包 node 的文章,但是他们都是只打包你写的 node.js 的代码, node_modules 直接都被排除了,这样处理的话如果发布到线上
浏览器记住用户名和密码并且自动填充怎么破?百度找的方法好像都不够优雅,优雅永不过时,今天我就带你优雅的解决这个问题。
在常见的场景中,一张图片只能方形或者圆形展示,如果想要以不规则的通常都是通知 UI 小姐姐让她帮忙处理一下图片,然后直接用就好了; 但是小姐姐只会影响我敲代码的速度,等她处理图片我的代码都写好了。
有没有想过使用 css 可以实现两个元素之间拥有粘连的状态,当一个元素靠近另一个元素时,他们之间的间隙会越来越小,就像水滴靠近,两个水滴之间的间隙会越来越小,最后两个水滴会粘连在一起一样。
express是一个基于node.js的web应用框架,它提供了一系列强大的特性,帮助你创建各种web和移动设备应用。 express是一个轻量级的包含路由系统的web框架,它没有内置的中间件
今天介绍一个 css 新增的伪类 :has() ,这个伪类可以说是颠覆了我们之前的 css 选择器的思维,它可以通过子元素影响父元素的样式,来和我一起来看看它吧。
模块语法是ES6的一个重要特性,它的出现让JavaScript的模块化编程成为了可能。在JavaScript中可以直接使用import和export关键字来导入和导出模块。
ServiceWorker 是一个运行在浏览器背后的独立线程,它拥有访问网络的能力,可以用来实现缓存、消息推送、后台自动更新等功能,甚至可以用来实现一个完整的 Web 服务器。
在以前如果我们想要监听`dom`元素的大小变化,我们是没有对应的 api 可以使用的,在此之前我们都是只能监听浏览器窗口的大小变化,于是衍生出很多的 hack 方法,比如 resize 事件
由于公司项目要将数据库进行优化更新,于是技术调研和选型选择了 PostgreSQL 数据库 和 Sequelize 框架,Sequelize的多数据源配置,这里提供两种解决方案,没事就进来看看吧。
will-change 被定义为浏览器最后的优化手段,它的作用是告诉浏览器,这个元素将要发生变化,浏览器可以提前做一些准备工作,当元素发生变化时,浏览器就不需要再做一些额外的工作,从而提高性能。
在vue中使用threejs居然报错了,这是为什么?是vue的问题还是threejs的问题?锅居然甩到了es6的proxy上了,居然还和defineProperty脱不开关系,快来看看是怎么一回事吧!
上一章讲到前端文件下载功能的实现,之前也讲过前端文件上传功能的实现,这一章就讲一下后端怎么接收前端上传的文件,以及怎么实现文件下载功能。
总所周知,transform 是 CSS3 中最强大的属性之一,它有这么三个函数属性值:scale、translate 和 rotate,它们分别是缩放、位移和旋转,但是你有没有想过有这么一天它们三个
如题,无关技术背景,什么vue、react自己想用就用,这就是js加一点点css实现,意思就是可以任意迁。
今天接到一个这样的需求,将一张图片作为一个背景,然后四周透明渐变,很简单是吧,只要这个背景图片是png的,然后图片四周半透明就ok了,然而给到我手里的是jpg格式的,怎么办?
使用 js 操作样式我们通常操作的是 dom 的 style 属性,也就是我们所说的行内样式,那么有没有一种方法可以操作 css 文件中的样式呢?答案是肯定的,我们可以使用 cssom 来操作 css
@property是CSS的新特性,用于定义自定义CSS属性,并使这些属性可以在CSS中使用,当然也可以在JavaScript中使用。 @property 简介 @property允许开发者显示的定义
前面的章节都是告诉你怎么使用Worker,并没有真正的深入Worker的原理,这一章我们就来详细的了解一下Worker的原理。
本篇主要探索 Worker 的更多用法,主要是如何创建多个 Worker ,在 Worker 中如何发送请求,以及如何使用 Worker 进行多线程编程。
content 属性是用来在元素中插入内容的,它只能用在 ::before 和 ::after 这两个伪元素上,它的值可以是一个字符串,也可以是一个图片,还可以是一个计数器。
最近遇到了一个奇怪的问题,关于body-parser报错,我本地调用没问题,使用测试工具没问题,这种方案都没问题,就和我对接的程序调用有问题,于是开始了面向百度编程,查到了两种解决方案:
首先教程真的很详细,跟着教程来也不用担心自己不会操作 Linux 系统,尽管这些命令都很初级。
其次就是对 Java 的编码,代码并不复杂,甚至可以说这个很简单,但是目的是让我们熟悉 云Redis 的操作,只需要简单的配置地址和密码就可以操作 云Redis 了,真的很方便。
然后就是用直接操作代码,写程序的方式来实现一个使用 demo,完成之后还是挺有成就感的,尽管这个 demo 简单的一批,但是体验新的产品,使用新的操作方式真的很吸引人。
还有就是不知道为什么,我在复制 Java 代码的时候, main方法 里面的代码一粘贴进去就被注释掉了,试过好几次都是一样的,我甚至还把代码复制到记事本里面再粘贴进去,还是一样的,最后还是我一行一行的删除注释,就这一点让我体验不是很好,但是问题不是很大。
最后Redis现在的应用真的很广,可以应用在很多地方,解决很多问题,例如实验就是做一个游戏排名就是一个使用案例,有了云Redis可以简化很多操作,而且还有专业的平台供应商来提供服务,稳定性也不用我们来保障,省心。
当然是刚学 sql 的时候,一些查询数据的操作:
在以下SQL查询中,哪个关键字用于同时连接多个表并指定连接条件?
SELECT *
FROM table1
JOIN table2 ON table1.id = table2.id
LEFT JOIN table3 ON table1.id = table3.id
下面的SQL查询将返回什么结果?
SELECT customer_name, COUNT(*) AS order_count
FROM orders
GROUP BY customer_name
HAVING COUNT(*) > 5
在以下SQL查询中,哪个关键字用于对结果进行分页,并限制每页的行数?
SELECT *
FROM table
ORDER BY column
OFFSET 20 ROWS FETCH NEXT 10 ROWS ONLY
下面的SQL查询将返回什么结果?
SELECT department_id, AVG(salary) AS avg_salary
FROM employees
GROUP BY department_id
HAVING AVG(salary) > 5000
ORDER BY avg_salary DESC
在以下SQL查询中,哪个关键字用于从查询结果中去除重复的行?
SELECT DISTINCT column1, column2
FROM table