javascript

不规则图形背景排版高阶技巧 -- 酷炫的六边形网格背景图
不规则图形背景排版高阶技巧 -- 酷炫的六边形网格背景图

今天,收到一个很有意思的提问,如何实现类似如下的背景效果图:

2023-01-10 23:38:20阅读全文

Transpile Webpack Plugin:让 Webpack 按照源文件的目录结构输出
Transpile Webpack Plugin:让 Webpack 按照源文件的目录结构输出

作为 Web 开发者,你是否也纠结过如何用 Webpack 做文件转译?就像 Babel CLI 转译文件那样按照源文件的目录结构输出?如果有,那么这篇文章就是为你而写,我们一起瞧一瞧怎么做吧。

2023-01-10 23:42:32阅读全文

UniAPP车牌实时离线扫描识别
UniAPP车牌实时离线扫描识别

UniAPP车牌实时离线扫描识别(Android平台)

2023-01-11 07:05:02阅读全文

巧用视觉障眼法,还原 3D 文字特效
巧用视觉障眼法,还原 3D 文字特效

最近群里有这样一个有意思的问题,大家在讨论,使用 CSS 3D 能否实现如下所示的效果:

2023-01-11 10:00:01阅读全文

使用 Socket.io 和 React 开发一个聊天应用
使用 Socket.io 和 React 开发一个聊天应用

相信大家对于 web 版的线上聊天室都不陌生,这篇文章主要讲的就是如何使用 Socket.io 和 React 开发一下简单的线上聊天应用。

2023-01-11 14:55:59阅读全文

记录一次利用canvans解决数据可视化问题:箱图转换为对应圆
记录一次利用canvans解决数据可视化问题:箱图转换为对应圆

先看最终效果图需求:箱图种每个箱子都有自己对应的圆心和半径,以及当前图上对应的y轴的取值范围(可缩放),根据这三个值,画出一个圆心在同一条竖线上一一对应的圆

2023-01-12 10:34:14阅读全文

2022倒带-NutUI
2022倒带-NutUI

时光飞逝,流年似水,让我们倒带 2022,回首这跌宕起伏一年走过的 “升级之路”。 NutUI 表现如何? 成绩单等着您打分!

2023-01-11 18:38:06阅读全文

electron-egg: 当代桌面开发框架,轻松入门electron
electron-egg: 当代桌面开发框架,轻松入门electron

当前技术社区中出现了各种下一代技术或框架,却很少有当代可以用的,于是electron-egg就出现了。😄

2023-01-12 07:16:44阅读全文

CSS 奇思妙想之酷炫倒影
CSS 奇思妙想之酷炫倒影

在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。

2023-01-13 09:23:04阅读全文

虚拟列表是怎么做性能优化的?
虚拟列表是怎么做性能优化的?

一个简单的情景模拟(千万别被带入):

2023-01-17 03:40:41阅读全文

YonBuilder 应用构建教程之移动端扩展
YonBuilder 应用构建教程之移动端扩展

YonBuilder 移动端扩展在上一篇文章中,我们通过对员工信息实体的移动端页面构建来对 YonBuilder 移动端配置的基础流程进行了简单的介绍,本篇文章则通过之前搭建的出入库实体来进行扩展,主要介绍如何在移动端中添加跳转页面的功能以及通过函数实现自定义配置的方法。一、页面构建创建移动端页面有

2023-01-17 05:23:28阅读全文

CSS 实例系列 - 02 - 2023 兔年祝福
CSS 实例系列 - 02 - 2023 兔年祝福

Hello 小伙伴们早上、中午、下午、晚上和深夜好,这里是 jsliang~

2023-01-17 07:05:17阅读全文

必知的git基本命令及常见问题
必知的git基本命令及常见问题

<h2>基本的拉取上传文件命令</h2>

2023-01-16 21:00:54阅读全文

?【eggjs实战10天入门-第2天】?—— 项目目录的作用
?【eggjs实战10天入门-第2天】?—— 项目目录的作用

🚀【eggjs实战10天入门-第2天】🚀—— controller、service和config(本篇)

2023-01-17 00:37:43阅读全文

微信小程序组件封装传值以及问题点规避
微信小程序组件封装传值以及问题点规避

1、在components文件加下新建组件文件夹,在该文件夹下新建组件2、在app.json中注册该组件

2023-02-05 14:50:00阅读全文

Next.js 项目最佳实践
Next.js 项目最佳实践

🔥🔥🔥 前方高能,干货满满,建议点赞➕关注➕收藏;后续还有该系列的 进阶教程 持续送上

2023-02-05 19:16:54阅读全文

微信小程序-支付
微信小程序-支付

微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object)官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html

2023-02-06 09:41:27阅读全文

热点面试题:Virtual DOM 相关问题?
热点面试题:Virtual DOM 相关问题?

极度投入,深度沉浸,边界清晰

2023-02-06 02:20:40阅读全文

微信小程序分包
微信小程序分包

通常情况下,我们建的文件都在根文件夹下的pages里面根文件夹其实就是主包,主包的文件对应在app.json中pages内的路径,比如在pages内新建一个home文件夹,home文件夹内新建index.wxml文件。小程序在打开的时候会加载主包内的内容,如果所有文件都写在主包,那么打开小程序的时候

2023-02-05 18:36:19阅读全文

微信小程序防抖
微信小程序防抖

这里主要用到闭包,将函数内的值保存下来,下次点击的时候进入判断,如果定时器启动了,则清除定时器,直到最后一次启动定时器,也就是说,在规定的时间内只会触发最后一次定时器,从而达到防抖效果。

2023-02-05 15:07:41阅读全文

推荐一个自己开发的基于tinify图片一键压缩插件
推荐一个自己开发的基于tinify图片一键压缩插件

tinify-compress-anywhere库是一个使用Tinify插件将图像文件从指定文件夹压缩到指定文件夹的第三方库,并实现了对多层级目录的深层图片压缩。

2023-02-06 06:57:05阅读全文

微信小程序-【转发好友】以及中文标题乱码问题解决
微信小程序-【转发好友】以及中文标题乱码问题解决

微信小程序的转发功能,参考官方文档,使用的buttom的open-type功能,下面是转发功能的具体实现。

2023-02-06 03:04:23阅读全文

推荐一个基于微前端架构的极速微应用开发框架StartCMS
推荐一个基于微前端架构的极速微应用开发框架StartCMS

StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架 前端开发不限技术栈,支持Vue2、Vue3、Vite、React、Rangular... 后端开发不限制语言,支持PHP、Java、Node、Python、Go、C#...

2023-02-05 22:26:13阅读全文

微信小程序-获取用户头像信息以及修改用户头像
微信小程序-获取用户头像信息以及修改用户头像

这里主要用到button的open-type功能,官网已有说明:给button设置open-type="chooseAvatar",来使bindchooseavatar方法生效,在bindchooseavatar指定的函数中获取用户的头像信息

2023-02-06 14:44:59阅读全文

2022大前端总结和2023就业分析
2022大前端总结和2023就业分析

本文首发CNode社区、SegmentFault、稀土掘金和Node全栈公众号,本文版权归作者所有,未经作者同意,禁止转载。

2023-02-05 23:32:28阅读全文

微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现,组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息,获取右侧子分类的节点信息,当子分类滑动到顶部的之后,则切换左侧分类状态,而且当右侧子分类的位置处于触顶以及包含顶部位置的状态下,同样激活左侧分类状态

2023-02-05 22:16:44阅读全文

盲盒抽奖流程
盲盒抽奖流程

盲盒模块的流程大致如下:进入盲盒抽奖页面,需要初始化直接获取一些盲盒的信息,例如:盲盒活动id,开奖buff等。首先需要获取盲盒活动id,后面的所有请求都是基于盲盒活动id进行的。

2023-02-06 02:29:41阅读全文

使用第三方库怎么实现【前端引导页】功能
使用第三方库怎么实现【前端引导页】功能

前言随着应用功能越来越多,繁多而详细的功能使用和说明文档,已经不能满足时代追求 快速 的需求,而 引导页(或分步引导) 本质就是 化繁为简,将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能,特别是 ToB 的项目,各种新功能需求迭代非常快,免不了需要 引导页 的功能来快速帮助用户引导。下

2023-02-10 13:47:54阅读全文

2K字就能理解的async/await原理,还要拖多久?
2K字就能理解的async/await原理,还要拖多久?

上篇文章5K字 由浅入深聊聊Promise实现原理,中讲述了Promise内部的实现原理。今天来聊聊async与await,那么async与await到底是什么呢。都说是语法糖,就来深入理解下async/await吧

2023-02-10 08:55:40阅读全文