排序
Dom中的各种距离学习
背景 最近在项目中要实现一个拖拽头像的移动效果,一直对JS Dom拖拽这一块不太熟悉,甚至在网上找一个示例,都看得云里雾里的,发现遇到最大的拦路虎就是JS Dom各种各样的距离,让人头晕眼花,...
使用vue互联QQ音乐完成网站音乐播放器
我正在参加「掘金·启航计划」 ? 文章简介:使用vue互联QQ音乐完成网站音乐播放器 ? 创作目的:记录使用APlayer播放器+MetingJs实现 在线播放qq音乐、网易云音...等平台的音乐 ☀️ 今日天气:...
Vue3+TS+Vite开发组件库并发布到npm
Vue2开发插件并发布到npm 使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub 目标:创建 vue-amazing-ui 组件库 ,并发布到npm 该组件库已发布到 npm,直接安装即可使用: pnpm i v...
CSS, SVG和canvas分别实现文本文字纹理叠加效果
在网页设计中,文本文字纹理叠加效果是一种常见的设计要求,可以用于增强文字的视觉效果。实现文本文字纹理叠加效果的方式有很多种,其中包括CSS、SVG和canvas等技术手段 CSS实现 在CSS中,可以...
带你了解React框架,介绍,入门,以及React的开发依赖介绍
1、React初识,先看一下官方的React介绍 目前国内最流行的三大框架:Vue、React、Angular。 React是一个用于构建用户界面的JavaScript库,由Facebook开源并维护。它提供了一种声明式的编程模型,...
vue3动态路由 + 菜单栏
动态路由 这里用vue3和vite来实现动态路由,点击这里查看效果 源码 使用场景 在后台管理系统,可以根据登录用户的不同返回不同路由,页面也会根据这些路由生成对应的菜单。这样通过服务器就能控...
理解 JavaScript 设计模式
前言 本篇文章用于帮助理解 JavaScript 设计模式,会列举一些笔者学习到的设计模式,内容上尽可能由易到难,举例子的原则是尽可能简单,比较适合对设计模式概念不深的朋友阅读,对于有一定开发...
undefined 为什么不是字面量?
Halo Word!大家好,我是大家的林语冰(挨踢版)~ 今天我们来伪科普一下下——undefined 为什么不是字面量? 敏感话题 我们会讨论以下若干敏感话题,包括但不限于—— undefined 恒等于 undefin...
一起聊聊SVG吧!?
SVG(可缩放矢量图形)是一种基于XML的图像格式,广泛应用于Web开发和数据可视化领域。它的独特之处在于以矢量形式表示图形,允许图像在不失真的情况下缩放到任意大小。在本文中,我们将深入解...
趁下班时间,简单写了一个在线协同编辑网页
实现一个简单的协同文档,并以代码说明 以下是一个使用WebSocket和基于操作转换(Operational Transformation,OT)简化策略的简单协同文档实现。在这个示例中,我们仅考虑了插入和删除操作。 ...
HTTP 向你推送了一个 SSE, 了解一下 ?
前言 关于最近大火的 chatGPT 相信大家对它也很感兴趣吧,是不是迫不及待地想把它接入到自己的项目中玩一玩啦 ? 那么在 chatGPT 接入的过程中需要注意些什么呢? 众所周知 chatGPT 通过流式传输...
Electron开发实践(6)—— 打包
Electron开发实践系列文章 Electron开发实践(1)——为什么选择Electron Electron开发实践(2)——Electron生态开发技术选型 Electron开发实践(3)——环境&工程搭建(Vite+Electron+React) Ele...
构建 Vite + React-Router6 实例
案例最终效果图 需要实现的功能如目录所示 1.安装|Setup npm create vite@latest my-project --template react cd my-project npm install react-router-dom localforage match-sorter sort-by ...
uni-app 收货地址的总结
在uni-app项目开发中,很可能会涉及到收货地址部分的逻辑,菜菜的我被揪到前端项目组写了几天页面,闲暇时间对收货地址的一些问题进行一波梳理总结。 问题说明 刚开始写这部分的时候,我的想法很...
云音乐 CMS UI 框架建设思考与实践
背景 随着互联网人口红利的逐步消失,国内一二线互联网公司业务增长放缓,包括云音乐在内也都开始提倡降本增效。为了使得业务持续增长,需要技术层面可以提供更多的保障和支持。由于市面上合适...
认识小程序-目录结构
小程序文件类型 小程序主要提供了 4 种文件类型: 类型名称作用是否必须存在.wxml用于页面的布局结构,相当于网页中 .html 文件是.wxss用于页面的样式,相当于网页中的 .css 文件否.js用于页面...
统一公司的项目规范
初始化项目 vscode 里下好插件:eslint,prettier,stylelint 官网模版创建项目:pnpm create vite react-starter --template react-swc-ts 安装依赖:pnpm i 后面有可能遇到 ts 类型错误,可以...
Unreal Engine 4 RPG 系列教程(十四):Enemy 优化
Hello 大家好,在上一篇文章里我们讲述了该如何实现 Enemy 被攻击死亡的功能,但是存在一个很明显的问题,就是 Enemy 攻击玩家的时候动画会抖动,并且移动的时候会漂移,今天咱们就来解决这俩个...
React系列——JSX介绍
一、什么是JSX XML + JavaScript结合的一种形式,是JavaScript的语法扩展,充分具备了JavaScript的能力。在React中本质是React.createElement()的语法糖 二、为什么要使用JSX JSX允许前端开发者...
Vue2响应式原理-高级
前言 思考两个问题,在Vue2中的data的数据,如何在视图中展示?当data变化时,如何使视图同步更新展示?这里涉及两个点:数据和视图。 一、思考 要完成上面的功能,需要解决两个问题: 监听data...