Category Archives: Frontend

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

yarn的安装与使用

经过前面几篇文章，npm、cnpm装的都差不多了，这篇文章中，简单介绍下yarn的安装与使用。

CSS3实现文字描边的2种方法(小结)

问题 最近遇到一个需求，需要实现文字的描边效果，如下图 解决方法一 首先想到去看CSS3有没有什么属性可以实现，后来被我找到了text-stroke 该属性是一个复合属性，可以设置文字宽度和文字描边颜色 该属性使用很简单：text-stroke:1px#f00;（1px是文字宽度，#ff是文字描边颜色）   本以为该属性的兼容性会及时止住我微微上扬的嘴角，随后逐渐凝固 但出乎意料的是大多浏览器已经开始支持该属性，只需要加上前缀-webkit-即可     解决方法二（推荐） 偶然间发现一种即使不用text-stroke属性也能够实现文字描边的方法—— text-shadow 并且text-shadow属性的兼容性更好，也不用加前缀-webkit-   css 模拟文字描边效果2

    from：https://www.html.cn/qa/css3/112869263329100.html

微信小程序官方示例 官方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

微信小程序 TypeError: _typeof3 is not a function

  修改一下 @babel/runtime/helpers/typeof.js 文件 全部替换 即可

研究了一天 ，完美解决 from:http://www.qianduanheidong.com/blog/article/210756/dfcd495214cdb1cfd83d/

一键反编译微信小程序获取源码，并转换为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#

node16.0版本 对应node-sass sass-loader 各个版本号

试了半天啊 我真的泪目了 希望给各位省点时间吧 node-sass – npm   认准对应的node版本号 确定好一个后来回切换即可 容错率很高   from:https://blog.csdn.net/qq_40095911/article/details/119253908

Props中的default

1. 默认使用

  2. 为什么需要通过函数的形式 因为对象和数组都是属于我们的复杂类型，在进行访问指向的时候我们使用的是对象和数组的地址，而不像基础数据类型那。 如果我们没有通过函数的形式去设置对象和数据类型的默认值，而是直接采用{}和[],如果多个使用该组件的地方因为没有传递props而使用了默认值，假设其中一个地方我们修改了默认的值（不推荐，会报警告，不符合反向数据流），那么其他的地方由于指向的是同一个内存中的引用地址，其他地方的显示值也会发生修改 我们使用了函数的形式去返回，保证每次函数执行出来的都是返回一个新的对象，这样就不会出现上面所有的情况   from:https://blog.csdn.net/YoungtiNine/article/details/121367452

js forEach循环调用异步方法，如何实现同步

准备代码：

const res = []
const arr = [1, 2, 3, 4, 5]

function t(num) {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log('定时器', num)
resolve()
}, 1000)

})
}

function t2(item) {
console.log('进入res')
res.push(item)
}

OwlCarousel调用方法及参数说明

调用方法： 引入jQuery和owl.carousel相关组件

  HTML

  JS调用

  参数说明： 参数 描述 默认值 items 幻灯片每页可见个数 5 itemsDesktop 设置浏览器宽度和幻灯片可见个数，格式为[X,Y]，X 为浏览器宽度，Y 为可见个数，如[1199,4]就是如果浏览器宽度小于1199，每页显示 4 张，此参数主要用于响应式设计。也可以使用 false [1199,4] itemsDesktopSmall 同上 [979,3] itemsTablet 同上 [768,2] itemsTabletSmall 同上，默认为 false false itemsMobile 同上 [479,1] itemsCustom singleItem 是否只显示一张 false itemsScaleUp slideSpeed 幻灯片切换速度，以毫秒为单位 200 paginationSpeed 分页切换速度，以毫秒为单位 800 rewindSpeed 重回速度，以毫秒为单位 1000 autoPlay 自动播放，可选布尔值或整数，若使用整数，如 3000，表示 3 秒切换一次；若设置为 true，默认 5 秒切换一次 false stopOnHover 鼠标悬停停止自动播放 false navigation 显示“上一个”、“下一个” false navigationText 设置“上一个”、“下一个”文字，默认是[“prev”,”next”] [“prev”,”next”] rewindNav 滑动到第一个 true scrollPerPage 每页滚动而不是每个项目滚动 false pagination 显示分页 true paginationNumbers 分页按钮显示数字 false responsive responsiveRefreshRate 每 200 毫秒检测窗口宽度并做相应的调整，主要用于响应式 200 […]