Web开发

0

手搓微信小程序生日滑动选择😉 web

上帝之眼发表了文章 • 47 次浏览 • 2023-12-05 08:40 • 来自相关话题

简单说一下功能点微信小程序设置用户的生日，直接使用日历有些不太友好，所以选择手搓一个类似某音和某红书差不多的样式。在实现该功能还是有一些小的注意点的，最主要的就是-->日期选择需要3级联动，因为要获取当前年份有多少月份、以及当前年份的月份有多少天。总... ...查看全部

0

实现抖音“刚刚看过”的功能（原生js的写法） web

上帝之眼发表了文章 • 31 次浏览 • 2023-12-07 09:37 • 来自相关话题

先上一下效果图吧点击一下刚刚看过的按钮就会滚动到视频的位置实现这个效果，如果不考虑效率问题肯定是非常简单，但是我们就是要考虑这个传输效率的问题比方说这个主页有2000条视频，但是目前看的视频在第1900个，那需要滑到这第1900个视频的位置，不可能把... ...查看全部

0

产品经理：能不能根据用户心情自动切换主题。我：好的。 web

写给少年的歌发表了文章 • 25 次浏览 • 2023-12-07 09:42 • 来自相关话题

效果展示在线体验地址：dbfu.github.io/antd-pro-ex…，需要开启摄像头权限，不支持手机浏览器。代码仓库地址：github.com/dbfu/antd-p… 前言这个灵感来自于zxg_神说要有光大佬的写一个可以当镜子照的Button... ...查看全部

0

😲什么！！一个开关要这么花里胡哨？？ web

写给少年的歌发表了文章 • 23 次浏览 • 2023-12-07 09:48 • 来自相关话题

前言前几天我的朋友突然找上我，说他公司产品要他做个很花哨的开关特效，我一想一个开关而已，还能花哨到哪去，无非就是加点动画特效吗，随后我承认我低估了这个产品的脑洞，需求是要一个粉粉嫩嫩的爱心开关，关的时候背景色是白的，打开后要粉色，而且爱心开关按钮是从左心房滚... ...查看全部

0

你的代码着色好看吗？来这里看看吧！ web

写给少年的歌发表了文章 • 20 次浏览 • 2023-12-07 09:48 • 来自相关话题

如果你想在网页上展示一些代码，你可能会遇到一个问题：代码看起来很单调，没有任何颜色或格式，这样的代码不仅不美观，也不利于阅读和理解。那么，有没有什么办法可以让代码变得更漂亮呢？答案是有的，而且很简单。你只需要使用一个叫做 highlight.js 的第三方... ...查看全部

0

重新认识下网页水印 web

写给少年的歌发表了文章 • 25 次浏览 • 2023-12-07 09:51 • 来自相关话题

使用背景图图片单独使用 css 实现，使用 backgroundImage，backgroundRepeat 将背景图片平铺到需要加水印的容器中即可。如果希望实现旋转效果，可以借助伪元素，将背景样式放到伪元素中，旋转伪元素实现： <style>... ...查看全部

0

JS: function前面加!，引发思考🤔 web

写给少年的歌发表了文章 • 22 次浏览 • 2023-12-07 09:52 • 来自相关话题

简介我们基本都知道，函数的声明方式有这两种 function msg(){alert('msg');}//声明式定义函数 var msg = function(){alert('msg');}//函数赋值表达式定义函数但其实还有第三种声明方式，Func... ...查看全部

0

“浏览器切换到其他页面或最小化时，倒计时不准确“问题解析 web

上帝之眼发表了文章 • 33 次浏览 • 2023-12-08 08:49 • 来自相关话题

背景我最近修复了一个倒计时延迟的bug，情况是用户10:00设置了10分钟倒计时，10:06查看时发现倒计时还有8分钟，倒计时出不准确、延迟的情况。倒计时大概逻辑如下: const leftTime = 600; //单位为秒 const timer = ... ...查看全部

0

按钮点击的水波效果 web

上帝之眼发表了文章 • 39 次浏览 • 2023-12-08 09:06 • 来自相关话题

实现思路：水波效果可以用一个 span 来模拟，动画效果是缩放从 0 到大于零的值（比如 4），同时透明度从 1 到 0。点击 button 后，我们把这个 span 添加到 button 里即可。 HTML 结构比较简单，我们用 div 来表示 button... ...查看全部

0

WebSocket 从入门到入土 web

上帝之眼发表了文章 • 32 次浏览 • 2023-12-08 09:06 • 来自相关话题

前言因新部门需求有一个后台管理需要一个右上角的实时的消息提醒功能，第一时间想到的就是使用WebSocket建立实时通信了，之前没整过，于是只能学习了。和原部门相比现在太忙了，快乐的日子一去不复返了。经典的加量不加薪啊！！！一.WebSocket 基本概... ...查看全部

0

qq农场私信我，您菜死了🥬 web

上帝之眼发表了文章 • 36 次浏览 • 2023-12-08 09:10 • 来自相关话题

最近在写代码的时候发现自己总是有这样几种症状：脸红心跳，像发烧一样😳；口干舌燥、咳嗽不停😮‍💨；脑袋放空，像刚通宵了一般👀； ...... 我逐渐怀疑，自己有没有可能是🐑了，甚至时不时就拿起体温计量一量，拿起自测试纸测一测，这样的情况一直没有得到好转... ...查看全部

0

面试官：你知道websocket的心跳机制吗？ web

写给少年的歌发表了文章 • 20 次浏览 • 2023-12-08 09:18 • 来自相关话题

前言哈喽，大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到，前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢？接下来，本篇文章将会带你了解--- WebSocket心跳机制一、... ...查看全部

0

前端如何使用websocket发送消息 web

写给少年的歌发表了文章 • 22 次浏览 • 2023-12-08 09:18 • 来自相关话题

1 基础介绍 1.1 什么是WebSocket WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信。与传统的 HTTP 请求不同，WebSocket 使用了一个长连接，在客户端和服务器之间保... ...查看全部

0

Swiper，一款超赞的 JavaScript 滑动库？ web

上帝之眼发表了文章 • 36 次浏览 • 2023-12-07 09:36 • 来自相关话题

嗨，大家好，欢迎来到猿镇，我是镇长，lee。又到了和大家见面的时间，今天分享一款 JavaScript 滑动库 - Swiper。Swiper 不仅是一个简单的滑动库，更是一个全面的滑动解决方案，让你轻松创建出各种炫酷的滑动效果。 git... ...查看全部

0

没用的东西，你连个内存泄漏都排查不出来！！ web

上帝之眼发表了文章 • 32 次浏览 • 2023-12-07 09:27 • 来自相关话题

背景 ui妹子的无理要求，我通通满足了。但是不出意外的话，意外就出来了。此功能在上线之后，我们的业务在客户app内使用刷脸的时候会因为内存过高导致app将webview杀死。然后我们leader爆了，让我排查问题。可是可是，我哪里会排查内存泄漏呀。我：... ...查看全部

0

以为 flv.js 直播超简单，结果被延迟和卡顿整疯了 web

写给少年的歌发表了文章 • 28 次浏览 • 2023-12-06 09:16 • 来自相关话题

大家好，我是杨成功。之前写过一篇浏览器直播的文章，叫《用一个 flv.js 播放监控的例子，带你深撅直播流技术》。这片文章的热度还不错，主要内容就是科普直播是什么，以及如何在浏览器中播放直播。实现方法很简单，使用一个流行的第三方包 flv.js，即可快速播... ...查看全部

0

代码刚上线，页面就白屏了 web

上帝之眼发表了文章 • 47 次浏览 • 2023-12-05 08:43 • 来自相关话题

前言白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有。这是一个很重要的质量指标。那么我们如何监控页面白屏异常... ...查看全部

0

基于css3写出的底部导航栏效果（详细注释） web

写给少年的歌发表了文章 • 21 次浏览 • 2023-12-05 09:01 • 来自相关话题

进行准备工作这边对基本的样式进行了设置，首先在html部分设置了一个名为nav的div，推荐大家语义化来写不要学我这种，随后进行基本的默认样式的清除，并且设置盒子为ie盒子方便后续的计算，整体都设置为弹性盒，方便后续矢量文字的操作，对导航栏nav进行定位，... ...查看全部

0

实现一个简单的文本溢出提示效果 web

写给少年的歌发表了文章 • 30 次浏览 • 2023-12-05 09:03 • 来自相关话题

需求背景写一段简单的HTML代码： <div class="container">超级无敌大怪兽在此！</div> 此时如果我们为其加上文本溢出处理，只需简单三行css代码即可搞定： .container { width:... ...查看全部

0

大屏可视化适配 web

写给少年的歌发表了文章 • 29 次浏览 • 2023-12-05 09:04 • 来自相关话题

如何适配屏幕 1.页面尺寸比与屏幕尺寸比的关系首先设计稿的项目宽高比是16:9 大屏可视化需要用同一个页面，适配各种尺寸的屏幕。当显示屏幕的尺寸比与页面的尺寸比不一致时，则需要将页面尽可能放大居中显示，其余地方留白。以16:9为例，当显示屏幕的尺寸比小于1... ...查看全部

0

实现 height: auto 的高度过渡动画 web

上帝之眼发表了文章 • 41 次浏览 • 2023-12-06 08:49 • 来自相关话题

对于一个 height 设置为 auto 的元素，当它的高度发生了不由样式引起的改变时，并不会触发 transition 过渡动画。容器元素的高度往往是由其内容决定的，如果一个容器元素的内容高度突然发生了改变，而无法进行过渡动画，有时会显得比较生硬，比如下面... ...查看全部

0

不是Typescript用不起，而是JSDoc更有性价比？ web

上帝之眼发表了文章 • 36 次浏览 • 2023-12-06 08:50 • 来自相关话题

1. TS不香了？ 2023年，几条关于 Typescript 的新闻打破了沉寂，让没什么新活好整的前端开发圈子又热闹了一番。先是 GitHub 的报告称：“TypeScript 取代 Java 成为第三受欢迎语言”。在其当年度 Octoverse 开... ...查看全部

0

封装一个工作日历组件，顺便复习一下Date常用方法 web

上帝之眼发表了文章 • 37 次浏览 • 2023-12-06 08:52 • 来自相关话题

背景上周接到一个需求，开发一个工作日历组件。找了一圈没找到合适的，索性自己写一个。下面给大家分享一下组件中使用到的一些日期API和后面实现的框选元素功能。效果展示 demo体验地址：dbfu.github.io/work-calend… 开始之前 lu... ...查看全部

0

🌅 让你的用户头像更具艺术感，实现一个自动生成唯一渐变色的头像组件 web

写给少年的歌发表了文章 • 28 次浏览 • 2023-12-06 09:06 • 来自相关话题

前言这一篇文章依然是组件实现系列，这次我们来实现一个基于用户昵称动态生成用户头像的组件。在很多中后台场景中，用户并不需要自己去上传头像，而是简单的展示一个基本的头像图片，但是这样就太没意思啦。这次头像组件的，预期是能够基于用户昵称字符串生成某种颜色，然后设置... ...查看全部

0

前人在 vue 项目中的 “砍树型“ 写法，让后人乘不了凉！ web

写给少年的歌发表了文章 • 27 次浏览 • 2023-12-06 09:10 • 来自相关话题

前言最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续简单的需求变得复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让后人乘不了凉的，甚至还得被迫加入 “砍树队伍”。本篇文章就列举一些，在 vue 项目中... ...查看全部

0

【手把手教学】基于vue封装一个安全键盘组件 web

写给少年的歌发表了文章 • 22 次浏览 • 2023-12-06 09:11 • 来自相关话题

基于vue封装一个安全键盘组件为什么需要安全键盘大部分中文应用弹出的默认键盘是简体中文输入法键盘，在输入用户名和密码的时候，如果使用简体中文输入法键盘，输入英文字符和数字字符的用户名和密码时，会自动启动系统输入法自动更正提示，然后用户的输入记录会被缓存下... ...查看全部

0

前端访问系统文件夹 web

写给少年的歌发表了文章 • 19 次浏览 • 2023-12-06 09:15 • 来自相关话题

随着前端技术和浏览器的升级，越来越多的功能可以在前端实现而不用依赖于后端。其中，访问系统文件夹是一个非常有用的功能，例如上传文件时，用户可以直接从自己的电脑中选择文件。使用方法在早期的浏览器中，要访问系统中的文件夹需要使用 ActiveX 控件或 Java... ...查看全部

0

用一个 flv.js 播放监控的例子，带你深撅直播流技术 web

写给少年的歌发表了文章 • 31 次浏览 • 2023-12-06 09:16 • 来自相关话题

大家好，我是杨成功。本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。究其原因，一方面 GitH... ...查看全部

0

教你如何实现一个页面自动打字效果 web

写给少年的歌发表了文章 • 22 次浏览 • 2023-12-08 10:23 • 来自相关话题

前言：最近在写一个类似于 windows 启动页的项目，不知道大家是否还记的 windows 很经典的小光标加载页面，我又稍微改造了一下效果如下：一. 光标闪烁效果的实现 tips：在这里我们使用了 UnoCSS，如果你不清楚 UnoCSS 的使用方... ...查看全部

通知设置新通知