Web前端
关注
分享
扫一扫
文章平均质量分 55
冷幽悠
干不完的活，赚不够的钱。开开心心就好，毕竟我们只是人不是神。人呐，有情绪正常，发脾气正常，别控制不住自己的行为就好。
展开
-
放弃 npm 和 yarn，拥抱 pnpm
**选择pnpm**：如果你在乎项目的存储空间，并且想要一个在速度和效率上都进行了优化的工具，那么pnpm可能是最佳选择。- **选择Yarn**：如果你希望获得更快的安装速度，更好的缓存处理，并且享受工作区的特性，则Yarn可能是更好的选择。- **速度**：在安装速度上，由于其独特的存储方式和硬链接的方式，pnpm通常提供最快的依赖安装速度。- **速度**：相较于yarn和pnpm，特别是在有大量依赖的项目中，npm的速度可能不是最快的。- **推出时间**：相对较新，大约在2016年。原创 2024-05-17 13:55:01 · 250 阅读 · 0 评论 -
React18.x + i18next + antd 国际化正确使用姿势及避坑指南
React18.x + i18next + antd 国际化正确使用姿势及避坑指南原创 2023-05-16 21:48:17 · 1832 阅读 · 0 评论 -
Recoil在React中完整实践方案
先让我吐槽一下，Recoil这个玩意文档是真的不友好，另外发现国内很少有人去用Recoil，然后好多文章都是照搬官网文档，我特喵的要是出了问题直接看官方不就行了。如果你碰巧看到这个文章了，就细心看完吧，绝对的干货。至于它的一些优点特性，自己找找别的对比文章吧，我这里仅仅进行一个简单的示例演示及学习。第一步：创建项目利用vite创建一个React项目，其他的一样，别问我为啥只讲vite，因为我就是用的vite。原创 2023-05-12 18:01:51 · 1073 阅读 · 0 评论 -
Windows环境下NVM安装后Node/NPM命令无法使用
解决方案：注意安装的时候有两个路径，第一个是nvm所在的路径，第二个是nodejs所在的路径，大家需要在对应的目录下找到路径，并新建nodejs文件夹即可。2、这个是nodejs的路径，稍后将会在这个路径下，创建nodejs文件夹，貌似是由于权限不足无法创建nodejs文件夹所导致。问题：Windows环境下安装nvm后，使用nvm安装node，无法使用node相关命令。1、这个是安装nvm的路径，这个无需修改。原创 2023-04-21 15:46:01 · 9622 阅读 · 0 评论 -
2023 年 Web 框架性能报告
本报告的目的是查看真实世界的数据，以更好地了解框架选择、性能和 Web 上实际用户体验之间的关系。我们将尝试阐明几个关键问题：现代Web框架在实际使用和性能方面如何比较？框架选择是否会影响网站的核心 Web 指标？框架选择与 JavaScript 有效负载大小的关系如何，有什么影响？原创 2023-03-20 15:02:46 · 564 阅读 · 0 评论 -
Chrome开发使用技巧总结
于是你就可以慢动作播放动画了（可以点选 25% 或 10%），然后，Chrome还可以帮你把动画录下来，你可以拉动动再画的过程，甚至可以做一些简单的修改。有些HTML的DOM是有状态的，比如 标签，其会有 active，hover， focus，visited这些状态，有时候，我们的CSS会来定关不同状态的样式，在分析网页查看网页上DOM的CSS样式时，我们可以点击CSS样式上的 :hov 这个小按钮来强制这个DOM的状态。你还可以使用像jQuery那样的语法来获得DOM对象，如：$("#mydiv")原创 2023-03-07 17:26:29 · 520 阅读 · 0 评论 -
three.js r146动态加载fbx文件，非module模式
大家直接看正文吧，版本是r146，之前的版本内容不一样。网上有很多现成的例子，大家自行搜索。以下是r146版本的代码，不确认上下兼容多少版本，大家自己可以自行尝试。原创 2022-12-05 17:07:26 · 686 阅读 · 1 评论 -
鼠标右键自定义JS、VUE、React
鼠标右键自定义JS、VUE、React原创 2022-09-21 11:41:37 · 416 阅读 · 0 评论 -
Playwright解决永久保存下载文件
Playwright默认在浏览器关闭的时候，所有的临时文件都将删除，无论你是自定义位置还是默认位置。那么如何正确下载对应的文件呢？废话不多说，大家直接看以下代码即可：这里还是告诫大家一下，多研究官网的API文档，别学我慌慌张张去搞了，啥都没看。const { chromium, firefox, webkit } = require('playwright');(async () => { // 指定下载文件位置 const browser = await chromium.la原创 2022-04-20 21:57:41 · 4087 阅读 · 3 评论 -
node n命令使用以及n切换无效解决方案
node n多版本管理命令使用以及n切换无效解决方案原创 2022-03-13 03:19:32 · 7366 阅读 · 0 评论 -
JS、Vue、React阻止事件冒泡及阻止默认事件
JS阻止事件冒泡解决方案：1、event.preventDefaultEvent接口的preventDefault()方法，告诉user agent：如果此事件没有被显式处理，它默认的动作也不应该照常执行。此事件还是继续传播，除非碰到事件侦听器调用stopPropagation()或stopImmediatePropagation()，才停止传播。示例：<!DOCTYPE html><html><head> <style> ...原创 2022-03-04 18:05:35 · 2199 阅读 · 0 评论 -
Puppeteer开发过程中遇到的问题及解决方案
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API：Google官方文档：https://developers.google.com/web/tools/puppeteerAPI（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline问题：如何处理各种验证码？解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。问题：某些网站做原创 2021-12-10 17:18:33 · 15088 阅读 · 0 评论 -
Web前端问题及解决方案
最后更新时间：[2021-04-25]（大家也可以推荐下自己好用的）在线工具：在线工具 - 你的工具箱 (tool.lu)PDF转换：Smallpdf.com - A Free Solution to all your PDF ProblemsQtool在线：在线工具-QTOOl工具大家常用的工具箱PHP中文网：程序员的在线工具箱 - php中文网工具箱草料二维码：草料二维码生成器 (cli.im)一个木函（手机APP）：一个木函 - 多功能效率工具箱 (woobx.cn)...原创 2021-04-25 17:26:59 · 490 阅读 · 0 评论 -
Uni-app离线打包Android APK详细教程
一、准备工作1、安装JDK，下载地址（可能需要一个oracle账号，大家百度一下或者自行注册一个就行。尽可能选择8或者11，这两个是长期版本）Java SE | Oracle Technology Network | Oracle2、安装NodeJS，下载地址Node.js (nodejs.org)3、下载安装Android Studio，下载地址Download Android Studio and SDK tools | Android Developers (google.cn)4..原创 2021-04-02 16:52:49 · 1736 阅读 · 1 评论 -
uni-app总结
最后更新于：[2021-02-23]框架：VUE、React、Angular打包：webpack、snowpack、vitePC-UI：Element UI，Element UI Plus，Ant Design（Vue，React），Bootstrap（Vue）APP-UI：Vant资料：https://developer.mozilla.org/zh-CN/...原创 2021-02-23 14:45:07 · 441 阅读 · 0 评论 -
vue3 + vite4 + vue-router4 + pinia 入门级管理后台
破解文件：积分啥的都不要了百度网盘链接: https://pan.baidu.com/s/1B9D_97uuonIrP6_vImVwUw提取码: d6tw2019 CC及最新版：最新的需要安装Creative Cloud，建议在线安装。2018及以下版本：按照以下流程...原创 2021-01-27 10:45:03 · 2492 阅读 · 2 评论 -
vue3关于pc移动两端兼容解决方案及心得
零零碎碎搞了这个小东西，还有很多不完善的地方。希望各位大佬共同学习和进步，文章若有不对之处请多多指正。在各位阅读这篇文章的时候，就当各位有一定的基础了。否则请各位先了解下基础，以下是参考文章。vue-cli：https://cli.vuejs.org/migrating-from-v3/vue：https://vue3js.cn/docs/（中文文档：https://vue3js.cn/docs/zh/）vue-router：https://vue3js.cn/router4/vuex：ht原创 2020-12-25 17:07:39 · 3115 阅读 · 0 评论 -
JS金额、数字、价格正则校验及格式化
保证不严格的校验格式也可以通过，比如说：01.0110，.0100，1.示例为固定保留两位小数点及空或者不符合要求的时候返回的格式化值const moneyTwoLine = (value) => { const reg = /^(([1-9]\d*)|^\d*)(\.{0, 1}\d*)$/ if (reg.test(value.toString())) return '-...原创 2019-11-14 17:47:51 · 1242 阅读 · 2 评论 -
VUE+ElementUI+Axios文件上传的坑及解决方案
具体的问题相信大家已经懵逼到无语伦比了。后端项目：SpringBoot如果大家暂时找不到解决方案，可是试试我哒！若是有好的解决方案，请大佬给出自己的方案，方便的话共享下，评论私信给我都行哒！给大家说下注意点哦：1、不要请求做任何拦截，不然会发现有个彩蛋，'Content-Type' = 'application/json'2、'Content-Type' = 'multipar...原创 2019-05-06 14:59:55 · 5215 阅读 · 2 评论 -
VUE渲染后端返回含有script标签的html字符串
在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因为其只能渲染html标签，script不能够识别。需要重新创建一个空白Vue组件，用router进行传参，传参方式（新窗口打开）let...原创 2018-08-30 10:50:51 · 12544 阅读 · 28 评论 -
Easyui中combogrid设置默认值
源码如下：$("#tfvForm").combogrid({ panelWidth: 205, idField: 'id', //ID字段 sortName: 'id', sortOrder: 'asc',原创 2016-06-01 15:44:59 · 12142 阅读 · 2 评论