RogerQianpeng的博客

1、实际上npm版本正常的话应该随着node版本切换自动切换，但是不行，可能哪里没卸载干净或者哪里还有问题2、环境变量，PATH的话系统变量会覆盖用户变量，但不是PATH的花用户变量会覆盖系统变量，但这也并不绝对，详见windows下用户变量和系统变量的优先级。

例如，可以通过a[0]得到'a'那么，能不能通过类似info[0]的方式对应到呢？当然是可以的，

使用element-ui的form组件，在输入栏较多的时候，有时只能重置一部分输入框的值。

点击按钮，如何实现复制，要求能够兼容ios、android、web等。

一些零散的点的简单记录。

通过对象来实现场景判断，可以大大提高代码的可读性、可维护性，减少大量的if判断，并能实现场景判断与功能代码两者的分离。

经常写`const data = res.data.a ?? ''`或者`const data = res.data.a || 'default'`，一下子感觉好像没啥差别，那为何不问问万能的chatgpt呢？

才发现github上有个50projects50days的项目，感觉还挺有趣的，可以练手学习，增加点代码练习，巩固下基础知识。计划用vue2改写15个项目，vue3+js改写15个项目，vue3+ts改写20个项目。在此仅作个人记录，权当打卡and水文章了hh。

才发现github上有个50projects50days的项目，感觉还挺有趣的，可以练手学习，增加点代码练习，巩固下基础知识。计划用vue2改写15个项目，vue3+js改写15个项目，vue3+ts改写20个项目。在此仅作个人记录，权当打卡and水文章了hh。

才发现github上有个50projects50days的项目，感觉还挺有趣的，可以练手学习，增加点代码练习，巩固下基础知识。计划用vue2改写15个项目，vue3+js改写15个项目，vue3+ts改写20个项目。在此仅作个人记录，权当打卡and水文章了hh。

不得不说，chatGPT是真的牛逼虽然在语意逻辑、代码生成、代码运行等方面可能还存在一些问题但是已经非常好用了，远远胜于一般的传统搜索引擎可持续对话，搜索条件可持续添加，理解模糊语意，可进行代码定制化，代码按需优化，代码问题修复…而且还礼貌客气，解释详细，不厌其烦，奈斯今天是第一天注册chatgpt，第一次使用chatgpt，所以此文简要做个记录，写这篇文章都让我感觉自己就是个知识的搬运工了…所以，以后有问题，为何不问问万能的chatgpt呢？

有多个vue编写的连续h5页面，要求用户按序访问，不能跳步访问，不能直接通过路由修改进入某一页面，不能输入不存在的页面来访问。

在浏览器打开链接的时候，需要读取这样的路由请求中的参数，然后根据参数走不同的流程或者请求不同的接口在中，使用路由守卫然后通过即可获得它的值封装一个方法这样，只需要通过调用即可获得它的值但是要注意，hash模式下，符之后的内容都会被当做hash值，无法通过的方式获得因为hash模式下，存在方法2中的局限，所以将方法中的修改为即可获取路由请求中的参数是常见的场景，可以通过方法封装，简化代码

本文内容面向业务老师，通过详细的逐步方法，帮助对流程不熟悉的有微信小程序管理员权限的业务老师，通过微信公众平台，获得项目上线所需的AppID、AppSecret、原始ID，不熟悉流程的开发人员也可以阅读。注意：尽量只生成一次，然后记录下秘钥，因为虽然可以多次生成，但是需要向微信银行报备授权，所以最好不要多次生成重新报备。管理员用户，同AppID页面，点击“生成”，生成小程序秘钥。微信公众平台 - 开发 - 开发管理 - 开发设置。左侧，设置 - 基本设置，完成信息填写后获得。

需要注意：路由修改及授权、DDL脚本、DML脚本、回退脚本、初始化数据脚本等，涉及外部的接口授权与配置（微信），检查数据库是否会发生冲突、数据库表存在性、服务器目录读写权限、网络规则开通、其他配置项，AppId、AppSecret等用生产的，发布生产版本提交微信审核。如果没有配置过仓库，则在版本管理 - 设置 - 远程中，添加仓库，并在版本管理 - 设置 - 网络和认证 - 使用用户名和密码中，添加Git账户和Git密码。管理 - 成员管理 - 项目成员 - 下拉键 - 添加成员。

示例代码中，常能见到e.target或者。简单来说，就是当前对象，target就是整个对象（包含子元素）。所以当点击某单一组件时，直接获取其data可以用，而当该组件被包了一层，事件在父元素，数据在子元素，则需要使用target。

其实问题并不复杂。只是一些js基础的语言特性，以及异步编程的方式，再加上一点对具体需求的思考与实现，就可以了。但是在写之前版本的代码时，对js的认识，以及对异步的认识都很欠缺，导致写出来的代码存在鲁棒性低、解决方案不够优雅的问题。当出现较为糟糕的网络环境或者不够理想的机器性能或者超出预期规模的数据时，便会出现异常，并且无法直接给用户和开发者明确的问题原因提示。哦对，关于图表展示，记得要用高性能组件，不要使用ElementPlus里那种未经优化的基础组件，当然你自己写懒加载优化也可以。...

0 前言本文用简单的<a>标签实现页面内、跨页面的锚点跳转。更复杂的含有跳转、滚动动画的锚点跳转，本文中尚未更新。1 原理说明在要跳转处，添加<a href="#anchor-specific"> anchor from </a>标签在锚点出，添加<div id="anchor-specific"> anchor to<div>id每个以 # 开头的链接 href 值都指向拥有相应 id （不含 #） 的元素点击<a&gt

1 语义，语义化，HTMLHTML描述的是网页内容的含义，即，语义。语义化HTML，就是用最恰当的HTML元素，标记内容。语义化标签，也即，有含义的标签。2 意义提升可访问性和互操作性（内容对于借助辅助技术的残障访问者是可访问的，同时对于台式机、手机、平板电脑及其他设备上的浏览器都是可访问的）。提升搜索引擎优化（SEO）的效果。使维护代码和添加样式变得容易。（通常）使代码更少，页面加载更快。3 常用语义化标签h1~h6：heading，标题p：paragraph，段落em

说明本帖是若干学习中发现的问题的记录，需要进一步的学习、整理、实践。最终达到系统掌握HTML5与CSS3的所有常用重难点的目标。HTML5 构成Canvas（2D和3D）Channel消息传送Cross-document消息传送GeolocationMathMLMicrodataServer-Sent EventsScalable Vector Graphics（SVG）WebSocket API及协议Web Origin ConceptWeb StorageWeb S

0 前言本文包括：知识点、视频、开源项目、个人学习方法、书籍。已经拿到了offer，但还没正式入职，最近事情不是很多，可以抓紧时间多自学自学先。于是整理了下知识图谱，梳理了一些还未掌握或掌握不足的知识点，在这儿做个记录。目前的文章版本只是做了个重点摘录，后续会迭代增删修改，改善本文质量。主要参考了以下内容：The Complete Works of Tao Technology 20212022年度全网最全Web前端学习路线（尚硅谷）大圣前端学习路线图 Geektime Vue3（大圣）前

前言简单地整理和收集了一些代码质量相关的资料，并浅谈一些自己的理解。源路线：路线图什么是代码质量在前面学习js的时候，便已经多次提到了“代码质量”这四个字。所谓代码质量，就是你写的代码的质量，这个质量体现在它是否整洁漂亮，是否清晰易懂，是否便于维护，是否保持可靠等等。比如注释书写规范，变量命名规范，方法命名规范，组件命名规范，等等，都是“代码质量”的一部分。如何实现代码质量参考前言中的路线图，我们可以把代码质量分为三类：类型校验linter & formatter编码

前言JavaScript基础部分，学习笔记源网站：javascript.info1 原始类型的方法还记得在上一篇中的“对象-原始值转换”吗？在js中，对象可以变为原始值，而原始类型也可以使用对象方法。2 数字类型3 字符串4 数组5 数组方法6 Iterable object（可迭代对象）7 Map and Set（映射和集合）8 WeakMap and WeakSet（弱映射和弱集合）9 Object.keys, values, entries10 解构

前言JavaScript基础部分，学习笔记源网站：javascript.info1 对象1.1 对象的属性值简写可以用 name 来代替 name:name 像下面那样：function makeUser(name, age) { return { name, // 与 name: name 相同 age, // 与 age: age 相同 // ... };}我们可以把属性名简写方式和正常方式混用：let user = { name, //

前言本篇仅简单介绍，nodejs是什么，有什么用，要会什么，有什么框架。更加具体的功能，后续使用框架开发需求时再写。Node入门（不推荐阅读，代码部分过时，并且我多次尝试依然无法运行）七天学会NodeJS（可以简单浏览了解，写得还是不错的）NodeJS是什么js，是一种脚本语言，它需要它的运行环境。浏览器是一种运行环境，node也是一种运行环境。不同的运行环境提供了不同的内置对象，实现不同的功能。浏览器提供了document之类的对象，使得js能够实现操作DOM的功能。node提供fs、h

前言JavaScript基础部分，学习笔记源网站：javascript.info1 基础运算符js中可以用++符号let counter = 0;counter++;++counter;js中的mod运算符是“%”alert( 5 % 2 ); // 1，5 除以 2 的余数alert( 8 % 3 ); // 2，8 除以 3 的余数宕开一笔，为什么这里要写mod？因为百度实在是误人子弟前几天我忘了还有“%”，于是在百度搜索“js mod”，结果——前五条，头一条回答

前言css被称为前端三剑客之一，其重要性是不言而喻的。但其在具体开发中的开发方式，受限于其语法和功能，我个人觉得css，似乎是在“带着镣铐美容”。而正是为了更好地实现复杂css工程化的开发，解决css相关的实际问题，所以有了CSS预处理、CSS框架、CSS优化方案这些东西，归根到底，其目的是一致的，区别的是实现的层次与具体方法。受限于个人的开发经验和知识储备，在此只能笼统简单地介绍一下我的一点理解，权供参考，如有不对感谢指正。以上分类方法处于路线图：https://objtube.github.i

前言还没读，虽然该部分内容与计算机网络相关，但我还是打算先学一下js、node、vue3、ts之后再来学习。在本文中贴出两份路线图的内容链接。学习完该部分内容后会再来修改更新本文内容。资料内容浏览器是如何运作的？计算机网络...

前言跟着两份路线图对知识点进行了补充学习。因为已有考研相关的计算机网络基础，所以本文不会详细地梳理所有知识点，只是记录一些重点，并贴出相应的信息资源。前端路线图1：https://objtube.github.io/front-end-roadmap/前端路线图2：https://shengxinjing.cn/计算机网络基础互联网是如何工作的太基础了，简单浏览即可。1 HTTP硬核！30 张图解 HTTP 常见的面试题条例清晰，内容详实。主要讲明白了下图中的各项内容。很难