小小修勾

在前端开发中，开发者通常会使用 localeCompare 来进行中文字符的排序比较。但 localeCompare 还有一种较为少见的应用场景 —— 通过获取中文字符的拼...

本文介绍了几种前端打包优化策略，如使用 visualizer 可视化分析、manualChunks 分包、 去除console语句、压缩代码和通过 CDN 加载外部库，大幅...

问题描述 效果 思路 zip 文件由哪端生成？ 服务端生成 nginx nginx 有一个模块是 gzip 模块，然后你只要开启了，nginx就会帮你来把数据（静态资源 和...

gzip压缩 gzip压缩，在Vite/Webpack中核心目的就是，降低文件大小，在浏览器请求该文件的时候能快速响应。对文件进行压缩目前我知道的有两种方式： 前端压缩（运...

记录一下最近使用 vite2.0 + vue3.0 + ts 的项目gzip压缩打包优化。项目使用nginx做代理。 gzip压缩分两种： 1、 一种是前端直接打包，ngi...

今天需要些一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超...

瀑布流详解：从原理到实战，手把手教你用代码实现 你有没有在小红书、Pinterest 或淘宝“猜你喜欢”页面看到过这样的效果： 图片大小不一，但排列得整整齐齐，像瀑布一样从...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

有一次👀看尤雨溪直播，说去面试人家问他`原型链`，他不会，GG了面试黄了，你说他是不是无中生有暗度陈仓凭空想象凭空捏造`new Proxy`来换掉`Object.defi...

写的商户进件的小程序，原来只是上传图片。这周突然需要上传PDF，所以通过该文章记录相关内容，方便他人和自己了解......

在项目的src目录下创建目录wxcomponents，再在该目录下创建vant目录。 在vant-weapp的GitHub Releases版块下载最新的zip包。下载完毕...

一、简单说说准备工作： 创建项目 工具： HBuilder最新稳定版， uni-app官网可下载 菜单栏：文件-> 新建 -> 项目，创建一个空白的基于vue3版本的模板目...

一、前言 首先祝各位朋友们新年快乐！龙年大吉！ 在前端开发过程中，表单渲染是重要且繁琐的一环。为了提高开发效率并避免重复工作，我开发了一款基于vue3 的表单工具，并取名v...

重新梳理了一下 form-generator 的实现原理，扒了一下源码。虽然项目是 vue2 的，但其实低代码思路是一致的，所以还是有价值的，源码版本使用的 `0.2.0`...

Vue 前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用...

分享前端常见的几种列表自适应排列方式，使用grid布局。这几种情况都不太好用flex实现，一般需要配合js，使用grid可以完全用css实现。...

new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <i...

本篇文章我们通过配置支持 jsx 的开发环境，实现了事件的批量绑定。和之前的写法十分类似，我们接收一个对象，并在组件内对对象进行一些处理，最终根据处理结果生成表单的子元素。...