Category Archives: Frontend
7 款最棒的开源 React UI 库测评 – 特别针对国内使用场景推荐
Semi Design – 抖音团队力作，虽简洁轻量，可轻松应对复杂场景，抖音内部多项目迭代，品质可靠
TDesign – 腾讯优质 UI 组件，配套工具完满，设计工整，文档清晰
ArcoDesign – 字节跳动 UI 组件库开源，大厂逻辑，设计文档完美
Ant Design React – 阿里前端 UI 库，面向企业级中后台
Material-UI – 全球顶级 React 组件库 Google Material 设计标准
微软 FluentUI – 背靠微软，大型项目首先，代码简洁高效
Element for React – 饿了么出品 Element 的 React 版，适合有使用 Element 习惯的开发者
Musicn 高品质音乐下载命令行工具
软件简介 Musicn 是一个下载高品质音乐的命令行工具。 安装
|
1 2 3 4 5 6 |
# 主推荐pnpm $ pnpm add -g musicn # or $ yarn global add musicn # or $ npm install musicn -g |
使用
|
1 2 3 |
$ musicn 稻香 # or $ msc 稻香 |
附带歌词下载 (默认是不附带):
|
1 2 3 |
$ msc 稻香 --lyric # or $ msc 稻香 -l |
指定文件夹路径下载 (默认是当前路径):
|
1 2 3 |
$ msc 稻香 --path ../music # or $ msc 稻香 -p ../music |
资源 音乐来源：咪咕（API 是从公开的网络中获得） 说明 部分歌曲支持无损音乐，支持格式：flac、mp3 优先搜索下载高品质音乐（无损 -> 320K -> 128K） 暂时只支持下载咪咕平台上已有的音乐 在 windows 的 git Bash 中不支持显示下载进度条并且不支持上下切换选歌，问题是 cli-progress 不兼容 node version > 14 from:https://www.oschina.net/p/musicn
View Details修复JS中toFixed不是真四舍五入的问题
|
1 2 3 4 5 6 7 |
function toFixed(num, fixed) { var times = Math.pow(10, fixed); var newNum = num * times + 0.5; newNum = parseInt(newNum, 10) / times; return newNum; } |
View Details
npm install出现error MSB3428:Could not load the Visual C++ component VCBuild.exe错误
我们在windows平台上运行npm install安装依赖的时候，会出现需要vcbuild环境，如下截图所示，根据提示解决办法是指定系统安装的vcbuild到环境变量的path中。 解决办法就是通过npm全局安装windows-build-tools模块，还需要加上参数--production。 安装成功的打印信息： 安装过程会下载一个python2.7的环境，最后会在用户根目录生成一个.windows-build-tools目录。 .windows-build-tools目录中的内容如下 截图所示： 当我们再次进行npm install安装某些依赖的时候，就不会再报无法加载VCBuild.exe组件错误了。 from:https://blog.csdn.net/feinifi/article/details/104655415
View DetailsCSS3实现文字描边的2种方法(小结)
问题 最近遇到一个需求，需要实现文字的描边效果，如下图 解决方法一 首先想到去看CSS3有没有什么属性可以实现，后来被我找到了text-stroke 该属性是一个复合属性，可以设置文字宽度和文字描边颜色 该属性使用很简单：text-stroke:1px#f00;（1px是文字宽度，#ff是文字描边颜色） 本以为该属性的兼容性会及时止住我微微上扬的嘴角，随后逐渐凝固 但出乎意料的是大多浏览器已经开始支持该属性，只需要加上前缀-webkit-即可 解决方法二（推荐） 偶然间发现一种即使不用text-stroke属性也能够实现文字描边的方法—— text-shadow 并且text-shadow属性的兼容性更好，也不用加前缀-webkit- css 模拟文字描边效果2
|
1 |
p{ text-shadow: -1px -1px 0 #4f4d57, 1px -1px 0 #4f4d57, -1px 1px 0 #4f4d57, 1px 1px 0 #4f4d57, 0px 2px 2px rgba(0,0,0,0.6); font-size: 15px; color: #f2f2f2; font-family:"微软雅黑"; } |
from：https://www.html.cn/qa/css3/112869263329100.html
View Details
微信小程序官方示例 官方weui-wxss下载于安装 详解
1.小程序示例源码：https://github.com/wechat-miniprogram/miniprogram-demo 2.微信 weui下载地址：https://github.com/weui/weui-wxss/ weui用微信开发者工具打开步骤。 新先小程序，目录选择dist。appid可以选择测试 对WEUI css详解 from:https://www.cnblogs.com/yxw699/p/10739542.html
View Details微信小程序 TypeError: _typeof3 is not a function
修改一下 @babel/runtime/helpers/typeof.js 文件 全部替换 即可
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
function _typeof2(o) { "@babel/helpers - typeof"; return (_typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { return typeof o; } : function(o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; })(o); } function _typeof(o) { return "function" == typeof Symbol && "symbol" === _typeof2(Symbol.iterator) ? module.exports = _typeof = function(o) { return _typeof2(o); } : module.exports = _typeof = function(o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : _typeof2(o); }, _typeof(o); } module.exports = _typeof; |
研究了一天 ，完美解决 from:http://www.qianduanheidong.com/blog/article/210756/dfcd495214cdb1cfd83d/
View Details一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
近期热门文章（感谢掘友的鼓励与支持🌹🌹🌹）： 做了一夜动画，就为让大家更好的理解Vue3的Composition Api 762赞 🔥耗子尾汁，云开发的羊毛人人可薅！ | 🏆 技术专题第七期征文 32赞 特别声明 ★ ★ ★ ★ ★ 禁止使用此方法盗取他人的开发成果 ★ ★ ★ ★ ★ 致歉 向教程中案例“好多计算器”的作者道歉，请大家帮好多计算器的作者多点几次banner广告。 视频教程 提取微信小程序代码包 www.bilibili.com/video/BV1yz… 微信小程序项目转为uniapp项目 www.bilibili.com/video/BV1yz… 微信小程序项目转为taro项目 www.bilibili.com/video/BV1yz… 反编译成果截图 跳一跳 仅反编译小游戏源码 好多计算器 反编译后可获得源码，可转为uniapp，taro等跨端项目 注意事项 不是所有小程序都可以获得源码 理论上所有的小程序都可以被反编译，但反编译和获得源码是两个不同的概念。使用uniapp或taro开发的小程序，反编译后代码不具备可读性。 不是所有小程序都可以转多端 仅支持微信原生开发的小程序反编译后转多端。禁止套娃！ 90%的小游戏获取不到源码 因为游戏开发的特殊性，大部分的游戏都会使用游戏框架比如egret，laya，cocos2d等，发行时本就会对代码进行保护和混淆。但可通过反编译提取出代码包内的图像，音频资源。 下载地址 下载：v1.0.0版 from:https://juejin.cn/post/6891957219386982408 https://ukm028kzyr.feishu.cn/docs/doccnW1w3vwpcnjTeTYKcdErjtK#
View Detailsnode16.0版本 对应node-sass sass-loader 各个版本号
|
1 2 |
"node-sass": "^6.0.1", "sass-loader": "^10.0.1", |
试了半天啊 我真的泪目了 希望给各位省点时间吧 node-sass – npm 认准对应的node版本号 确定好一个后来回切换即可 容错率很高 from:https://blog.csdn.net/qq_40095911/article/details/119253908
View Details