Category Archives: Frontend
使用axios请求，前端数字long类型精度问题解决方法
今天开发遇到个问题，服务器后端的Long类型数据，传到前端会出现精度丢失，如：164379764419858435，前端会变成164379764419858430。
在浏览器中做测试可知，这就是一个精度丢失的问题。
前端使用的axios来发起请求的，最开始以为是浏览器的问题，但是通过postman来请求是没问题，打开浏览器开发工具，在xhr下的response响应中也是没问题的，代表是请求成功后数据格式化出问题了，下面讲解下各种解决方案。
View Details[ 万字总结 ] 夯实你的 TypeScript 基础
1.环境配置和搭建
2.基础类型
3.类型推导
4.函数类型
5.类
6.接口
7.泛型
8.兼容性
9.类型保护
10.类型推断
11.交叉类型
12.条件类型
13.内置类型
14.装包和拆包
15.自定义类型
16.unknown
17.模块和命名空间
18.类型声明
19.扩展全局变量类型
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