摘要: 所有排序默认从小到大 冒泡排序 // 相邻元素比较,替换。每次确定一个最大/最小值,最值在数组最后一个 function bubbleSort(arr){ for(let i=0;i<arr.length;i++){ // 外循环控制次数 for(let j=0;j<arr.length-1-i;j 阅读全文
posted @ 2022-06-24 00:52 leah-xx 阅读(34) 评论(0) 推荐(0)
摘要: 报错信息: 解决方案: 改成小写即可 阅读全文
posted @ 2022-05-27 20:08 leah-xx 阅读(98) 评论(0) 推荐(0)
摘要: 报错信息: this plugin file is using Both Commonjs And Es6 Module systems together which we don't support. 报错原因: 代码中同时使用了CommonJS 和ES6 Module的引入/导出关键字。 正确使 阅读全文
posted @ 2022-04-23 16:23 leah-xx 阅读(51) 评论(0) 推荐(0)
摘要: Gatsby 在 gatsby-browser.js文件中提供了一些API,可供开发者 监控浏览器的特定事件 和 写一些全局组件。 问题情境: 首先我们要了解,我们可以使用react-helmet插件动态的往head中添加script标签,引入资源。 import { Helmet } from ' 阅读全文
posted @ 2022-04-23 16:04 leah-xx 阅读(91) 评论(0) 推荐(0)
摘要: 以前一直以为.p:last-of-type是匹配到.p的父元素内的最后一个子.p元素。直到最近使用后发现不生效,认真去查相关用法后才发现:‘漏’!‘大漏特漏’!! 正确释义或用法(自己理解,仅供参考): <section class="test"> <p class="p">这是一个p标签 with 阅读全文
posted @ 2022-04-12 23:28 leah-xx 阅读(1461) 评论(0) 推荐(0)
摘要: watch函数接受三个参数: 一个想要侦听的响应式引用或 getter 函数 一个回调 可选的配置选项 // 子组件 import { defineComponent, watch } from 'vue'; export default defineComponent({ name: 'test' 阅读全文
posted @ 2022-03-29 14:13 leah-xx 阅读(6991) 评论(0) 推荐(0)
摘要: <span title="this is span's title">鼠标悬停几秒查看title内容</span> 阅读全文
posted @ 2022-03-09 22:09 leah-xx 阅读(1099) 评论(0) 推荐(0)
摘要: 对于未知高度的盒子,如何实现展开收起的transition过渡效果 我们经常碰到一种情况,点击某个按钮需要对某个盒子的内容进行展开收起,很多时候我们会用display:none | block;实现其内容的出现和消失。但这个办法做出来的视觉效果很生硬,这时候我们就想用transition做过渡动画的 阅读全文
posted @ 2022-02-13 18:36 leah-xx 阅读(1567) 评论(0) 推荐(1)
摘要: 今天说一个在移动端可移动浮标按钮的react实现 中心思想就是利用浮标的left、top样式来控制浮标移动。 HTML代码: <div id="ballId" onTouchStart={(e) => { e.stopPropagation(); }} onTouchMove={(e) => { e 阅读全文
posted @ 2022-01-18 16:45 leah-xx 阅读(118) 评论(0) 推荐(0)
摘要: 这两天碰到一个场景,需要做一个动态背景,在web端,ios端,android端呈现相同的效果——就是要动起来。 上面这个问题看起来很简单,实操起来却碰到了一些意外的困难。首先是设计师提供的“动图”是个视频,就是mp4。我要求过给个gif,但得到的回复是转gif文件会很大,且不清晰。由于gif文件过大 阅读全文
posted @ 2022-01-12 21:53 leah-xx 阅读(938) 评论(0) 推荐(0)