别告诉我有Bug

css 实现满屏升空的气球动画实现步骤step1 定义气球的样式，并在气球上添加白色椭圆形。step2 定义气球棒和气球口。step3 设置气球动画：实现气球从下到上匀速移动就可以升空了。step4 设置气球颜色、大小、位置变量。step5 生成多个气球盒子，将变量传入。

微信小程序判断目标元素是否在可视区域内（可视区域播放视频）1、创建对象实例2、获取/指定界面上的节点信息3、判断节点是否在当前屏幕可视区域

常见动效老虎机、打字机、纸牌翻转等等效果实现1、老虎机 2、打字机 3、纸牌翻转 4、水波纹

微前端概述微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。二》微前端架构核心1、技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权2、独立开发、独立部署：微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新3、增量升级。

requestAnimationFrame动画请求帧-----它是一个浏览器的宏任务。 requestAnimationFrame的用法与setTimeout、setInterval很相似，只是不需要设置时间间隔而已。requestAnimationFrame使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。它返回一个整数，表示定时器的编号，这个值可以传递给cancelAnimationFrame用于取消这个函数的执行

微信小程序-css变量用法: var()定义变量

微信小程序定地理位置接口使用流程wx.chooseLocation等

解决微信小程序报错request:fail url not in domain list

小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景

微信小程序：全局状态管理mobx-miniprogram，在小程序中，常常有些数据需要在几个页面或组件中共享。使用 MobX 来管理小程序的跨页面数据, 其实类似于vuex的store。

nvm-node版本管理工具xcode-select: note: no developer tools were found at 'xxx'command not found: nvm

1.数字转千分位​/* * 默认返回当前数字千分位格式 * 参数说明： * number：要格式化的数字 * decimals：保留几位小数 * dec_point：小数点符号 * thousands_sep：千分位符号 * roundtag:舍入参数，默认 "ceil" 向上取,"floor"向下取,"round" 四舍五入 * 默认为保留两位小数，以逗号隔开，四舍五入 * */export function formatCurrency( number: string |

代码地址：https://github.com/14130110048/Snake实现效果：有空再写实现思路

if (response.request.responseType === 'blob') { const reader = new FileReader() reader.readAsText(response.data, 'utf-8') reader.onload = function() { response.data = JSON.parse(reader.result as string) ..

/** * * * @export * @param {*} fileRes文件流 * @param {{ name: any; type: any }} fileObj文件名称和类型 */export function downFileByStream( fileRes: any, fileObj: { name: any; type: any }) { const url = window.URL.createObjectURL(new Blob([fileRes]));.

在 JS中，使用字符串的length属性可以读取字符串的长度。长度以字符为单位，该属性为只读属性。let str="string长度"console.log(str.length) //8JS支持的字符包括单字节、双字节两种类型，比如一个汉字是两个字节，此时想获取字符长度，可采取以下方法：1.String扩展原型方法getByteLen()该方法将枚举每个字符，并根据字符编码，判断当前字符是单字节还是双字节，然后统计字符串的字节长...

一.实心三角形 .filled-triangle1 { width: 100px; height: 100px; border: 1px solid #FF0000; } .filled-triangle2 { border-top: 50px solid #FF0000; border-right: 50px solid #23ab3f; border-bottom: 50px solid #D6D6D6; bord

前置条件：使用 scoped 后，父组件的样式将不会渗透到子组件中。如果希望scoped样式中的选择器“深”，即影响子组件，您可以使用>>>组合器(可用于項目中的css原生样式)：<style scoped>.a >>> .b { /* ... */ }</style>某些预处理器，例如 Sass，可能无法>>>正确解析。在这些情况下，您可以改用/deep/or::v-deep组合器 - 两者都是别名>&g

vue3.0取消了2.0部分api，所以路由跳转传值方式有所不同。这里主要讲编程式导航，也就是router.push(location, onComplete?, onAbort?)vue3.0新增API：useRouter和useRoute一.路由跳转1.首先在需要跳转的页面引入API---useRouterimport { useRouter } from 'vue-router'2.在跳转页面定义router变量 const router = useRouter()

(最下方常见正则表达式总结)一. 正则表达式符号总结1.限定符 ? ：字符需要出现0次或1次（ab?可匹配a、ab); * ：字符可出现0次以上（ab*c可匹配ac、abc、abbc、abbbc......); +：字符至少出现1次以上（ab+c可匹配abc、abbc、abbbc......不会匹配ac); {}：可以限定匹配的数量（a{6}b匹配aaaaaab;a{1,3}b可匹配ab、aab、aaab,a的数量在1-3之间；a{2,}b可匹配ab、aab...

效果图：实现方法：在series中的data中用map对每条数据设置position

1.location. reload()this.$router.go(0)刷新的时候会重新加载，有一个空白闪烁过程。2.provide / inject组合通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，然后在需要当前页面刷新的页面中注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行；示例：app.vue<template> <div id="app"&.

imageToBase64 (file) { var reader = new FileReader() reader.readAsDataURL(file) reader.onload = () => { console.log('file 转 base64结果：' + reader.result) this.icon...

效果图：html:&lt;div class="other-people"&gt; &lt;div class="image-border image-border1"&gt;&lt;/div&gt; &lt;div class="image-border image-border2"&gt;&lt;/div&gt; &lt

1.存放数据wx.setStorage(Object object)将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。数据存储上限为 10MB。wx.setStorage({ key:"key", data:"value"})wx.setStora...

1.定义wx:for    这个是正常的循环，没什么可说的。wx:for-item=‘变量名（随便起的）’   它是指定循环数据当前的变量名，可以通过  {{变量名.属性}} 展示数组的元素。wx:for-index=‘变量名（随便起）’，它是指向当前元素的下标名，可以在其他事件中定义自定义事件（data-xxx='{{变量名}}'，，该自定义属性可以在参数e下面打印出来）获取该下标。...

一.安装1.下载Node.js打开官网下载链接:https://nodejs.org/en/download/ ，找自己对应的电脑型号配置，点击下载。2.下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js3.傻瓜式安装，一路next注意几点：4.安装后目录5.打开cmd，检查是否安装成功输入node -v,npm -v,出...

奇偶数行背景色不同：/*设置表格奇偶数行背景色不同*/.table-responsive table tbody tr:nth-child(even){ background: rgba(250,250,255,1)}.table-responsive table tbody tr:nth-child(odd){ background:rgba(255,255,255,...

1.电量信息 navigator.getBattery().then(function(battery) { // 是否正在充电，yes-充电 console.log("Battery charging? " + (battery.charging ? "yes" : "no")); // 当前剩余电量 console.log(...

1.函数节流概念：函数节流是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。场景：数节流应用的实际场景，多数在监听页面元素滚动事件的时候会用到。因为滚动事件，是一个高频触发的事件。代码示例：var ss = true $("#scroll").scroll(function() { if(!ss) { return } ss = ...

效果图：步骤：1.先安装html2canvas npm install --save html2canvas注意：我这里报错：npm WARN registry Unexpected warning for https://registry.npmjs.org/: Miscellaneous Warning ETIMEDOUT: request to https://regi...

我这里是将audio文件放在static文件夹中，vue页面中直接引用；&lt;audio class="audio" src="./static/audio/alarm.mp3" autoplay="autoplay"&gt;&lt;/audio&gt;刚开始这么写的，发现并不能自动播放，百度了很多办法都不管用，无意间发现写成下边这样就可以了，具体还没想通：&lt;audio c...

1.改变选中状态官方文档：表格默认选中：<template> <el-table :data="tableData" ref="multipleTable" @row-click="handleCurrentChange"> </el-table></template><script>export def...

1. npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch可以使用如下命令设置为淘宝的镜像源：npm config set registry https://registry.npm.taobao.org 2. 使用如下命令检验是否成功：npm con...

<audio controls="controls" hidden src="./static/tip.mp3" ref="audio"></audio>有新消息时，用以下代码即可播放指定的提示音。this.$refs.audio.currentTime = 0; //从头开始播放提示音this.$refs.audio.play(); //播放...

最近公司变故，忙于找工作，一直没有更新博客，打算把几个大厂的面试经历写下来，虽然没有被录用，但是能去面试已经很开心了。为什么说开心呢，因为阿里的岗位是高德地图的web前端高级开发工程师/前端专家，说实话，我刚刚接触前端三个月，技术上不是很到位，连中级开发工程师都不敢投，所以说能去感受一下大佬们的工作氛围已经知足了。 进入正题，感觉阿里的人挺亲切的，到了之后给你的面试官...

方案1：position 元素已知宽度 父元素设置为：position: relative; 子元素设置为：position: absolute; 距上50%，据左50%，然后减去元素自身宽度的距离就可以实现 效果图：代码：div class="box"&gt; &lt;div class="content"&gt; &lt;/div&gt;&lt;/di...

条件语句1.v-if当v-if的值为true时，执行或者显示下一块的内容。例如：通过toggle函数切换show的值。 通过v-if 语句，当show 是true的时候，显示当前元素。代码：&lt;style&gt; /*按钮样式*/ .btn{ width: 160px; height: 40px; line-height: 34px;...

Echart设置图表响应式1. 单个图表var myChart = echarts.init(document.getElementById('XXX')); window.onresize = myChart.resize;2. 多个图表 //所有图加响应式 var myChart = echarts.init(document.getElementById('ar...

双向绑定1.v-model将视图上的数据绑定到Vue对象上。效果图：  代码：&lt;div id="div1"&gt; 你叫啥：&lt;input type="text" v-model="name" /&gt; &lt;!--拿到name的值，可以看到改变上面文本框中的文字name随即发生变化--&gt; &lt;div&gt;{{nam