首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
dragonir
创建于2021-10-20
订阅专栏
前端开发
等 46 人订阅
共34篇文章
创建于2021-10-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端实现很哇塞的浏览器端扫码功能🌟
本文主要介绍,通过使用基于 vue`技术栈的前端开发技术,在浏览器端调起摄像头,并进行扫码识别功能,对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等。
Stylus 学习使用整理总结(下)
小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。 本文承接《Stylus 学习使用整理总结(上)》,整理归纳了了 Stylus 进阶用法,包括剩余参数、条件、内置方法等。 Stylus进阶用
Stylus 学习使用整理总结(上)
程序员必备小知识:Stylus 是富于表现力、动态的、健壮的 CSS 预处理器,本文内容是对 Stylus 的学习和使用过程的整理总结。Stylus特征冒号可选、分号可选逗号可选、括号可选、变量...
前端常用实用函数方法整理
程序员本文必备小知识:本文内容主要是对前端常用实用函数的整理,主要内容包含:数组类、浏览器类、日期类、函数类、数学类、媒体类、节点类、对象类、字符串类、类型检测类、正则表达式类等内容。
使用three.js实现炫酷的酸性风格3D页面
程序员必备小知识:近期学习了 WebGL 和 Three.js 的一些基础知识,本文内容主要介绍,通过使用React + three.js技术栈,加载3D模型、添加3D文字、增加动画、点击交互等。
前端瓦片地图加载之塞尔达传说旷野之息
背景:本文内容主要介绍通过使用瓦片地图加载原理,实现 `塞尔达旷野之息` 地图加载并添加交互锚点。使用瓦片地图,可以做到地图的整体和局部都能高清展示,并且能够做到按需加载,需要注意的是,分层较多的地图
页面可见性事件visibilitychange监听
这是一个页面可见性API,浏览器标签页被隐藏或显示的时候会触发 visibilitychange事件。这是 HTML5`新提供的一个 api ,作用是记录当前标签页在浏览器中的激活状态
vue项目使用webpack-obfuscator进行代码加密混淆
公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用webpack-obfuscator通过增加随机废代码段、字符编码转义
五十音小游戏中的前端知识
本文内容主要介绍小游戏开发流中程涉及到的前端知识的如深色模式、离线缓存、樱花动画、横屏判断等知识的归纳介绍和个人收获总结。
仅用CSS几步实现赛博朋克2077风格视觉效果
我非常喜欢赛博朋克2077官网的设计风格,因此本篇文章主要以 2077官网为例,通过几个例子,依次实现赛博朋克风格元素效果。
CSS filter 有哪些神奇用途
复古、版画、油画、漫画、液化、老照片、性冷淡、莫兰迪、赛博朋克、旺达幻视风格通通都可以实现!本篇文章只是简单列举了几种使用 `CSS filter` 常用的页面效果,其实 `filter` 的每一种内
仅用CSS实现多彩、智能的阴影
背景 有没有想过如何创建从前景元素中继承某些颜色的阴影效果?前几天我经过家得宝他们正在大规模展销正在出售的智能灯 ,其中一种是一系列灯泡位于电视机后面,它们会投射出与电视机前景屏幕
position:sticky 粘性定位的几种巧妙应用
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如: 设置了以上样式的元素,在 viewport 视口滚动到元素 top 距离小于 10px 之前,元素
如何在CSS中映射的鼠标位置,并实现通过鼠标移动控制页面元素效果
只使用CSS就可以实现模仿鼠标"点击和拖动"效果,让我们来看看如何获得用户的鼠标位置,并将其映射到 CSS 自定义属性:--positionX 和 --positionY 中。下面是具体实现步骤。 我们的第一个 demo 将使用 --positionX 和 --position…