随笔分类 - 工作笔记-2022年
摘要：当有一个新的功能需要开发时，我们一般需要从master新建一个功能开发分支，如果这个功能需要的开发周期超过一天，我们一般都会留下多次commit提交。 当功能开发并测试完毕，需要合并到master分支时，如果直接使用git merge 分支名，那么该分支下所有的提交都会merge到master，由此
阅读全文
摘要：一、基本有关无缝滚动的需求，都可以使用这个插件vue-seamless-scroll来完成。 二、想要快速找到适合的插件，精准的表达出功能需求就很重要，关键词找不对，就无法找到想要的插件，甚至于不得不去造轮子了。 这是我前面记录的一篇笔记，就是典型的错误示范，没有找到精准的词语来表达功能需求多行列表
阅读全文
摘要：1、.env文件的作用 在vue项目中，env是全局配置文件，可以存储不同环境下的变量。由此可以实现在不同环境加载不同的变量，比如开发环境和测试环境、正式环境的请求域名不同，可直接在.env文件中定义一个全局的URL。 使用vue-cli搭建项目，默认会在根目录创建一个.env文件，如果需要更多类型
阅读全文
摘要：div { white-space: pre-wrap } 参考链接：https://www.cnblogs.com/lovebing/p/12332809.html
阅读全文
摘要：方法一：使用document.execCommand()，这个是最近才学到的一个方法，感觉比其他方法更加便捷( 但是mdn建议不要使用 )。 export function copyStr(value) { if (!value) return; var tag = document.createE
阅读全文
摘要：有这个需求的，请跳转到我的另一篇笔记关于无缝滚动的实用插件 and 如何快速找到合适的插件 以下纯纯是一个造轮子的过程，不用看了。。。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>scroll-list-
阅读全文
摘要：报错内容： Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Uncaught (in promise) TypeError: Cannot read properties
阅读全文
摘要：情景描述：如下图所示，调整屏幕宽度时，flex的部分并未自适应，反而定宽的部分在自适应。 解决方法：增加样式overflow-y: auto 参考链接：https://segmentfault.com/q/1010000040867778?utm_source=sf-similar-question
阅读全文
摘要：当我们将一个pc端的网页放到移动端的时候，移动端浏览器会将pc端的网页按照一定的比例完整的显示出来，这是因为移动端的浏览器默认的会将网页渲染在一个比例比较大的viewport中排版（ios默认的是980px，Android4.0以上为980px），然后通过比例缩放看到整个页面的全貌。 1、如果没有按
阅读全文
摘要：解决方法：手动构造出一个长度为4的循环列表； // 主要相关代码 if(list.length 2) { const lastItem = list[1]; const firstItem = list[0]; list.unshift(lastItem); list.push(firstItem)
阅读全文
摘要：1、可以压缩图片的小工具 TinyPNG 简介：TinyPNG使用智能有损压缩技术来减少WEBP、JPEG和PNG文件的大小。通过有选择地减少图像中的颜色数量，存储数据所需的字节就更少了。这种效果几乎是看不见的，但它在文件大小上有很大的不同！ 官方链接：https://tinypng.com/ 2、
阅读全文
摘要：识别编码：unicode => 首字母是u，所以，\u 是unicode编码
阅读全文
摘要：[...Array(26)].map((v,i) => String.fromCharCode(i + 65)); Array(26).fill().map((v,i) => String.fromCharCode(i + 65)); 注意事项：构造之后一定要填充或者用扩展运算符转化一下才能使用ma
阅读全文
摘要：1、需求说明 在使用elementUI2.x版本的树形组件的时候，在展现上并不那么灵活，全部展开的时候，会占用太长的空间。所以，当树的各级子级只有一个的时候，可以将节点平铺，超过1个的时候，则仍然按照树形展示。 ###2、代码实现 涉及到树，肯定得用到递归了，递归平时用的比较少，这次写的时候没有那么
阅读全文
摘要：###1、基础回顾 Node.removeChild() 方法从DOM中删除一个子节点。 返回被删除的节点。如果节点不存在则返回 null。 let oldChild = node.removeChild(child); 如果想要在removeChild方法里多做一点事情，那么就需要重写remove
阅读全文
摘要：1、Record 和 field ES6 规定将键值对（key-value map）的数据结构称为 Record，其中的每一组键值对称为 field。这就是说，一个 Record 由多个 field 组成，而每个 field 都包含一个键名（key）和一个键值（value）。 那些使用匿名函数当作参
阅读全文
