笔记
#Undefined
。。。。
展开
-
JavaScript 原型和原型链以及constructor属性
Prototype 翻译过来叫“原型”,原型是一种在开发生命周期的早期显示应用程序或产品的外观和行为的模型。Javascript 中的 prototype 叫原型对象,是每一个函数都有的属性。原创 2021-12-18 00:17:30 · 2155 阅读 · 0 评论 -
src和href的区别通俗理解
src 就是 source 的简写,source 意为资源,当你使用<img src="xxx" />时,src 就将该资源下载并嵌入这个标签。href 的 ref 也就是 reference,意为引用、涉及,当你使用<a href="xxx" />时,href 表示该标签指向了xxx,或者说xxx被该标签引用了。这是一种关系的描述,当你点击了这个标签,浏览器知道:“哦,你点击的这个标签指向了xxx,我这就跳转到这个地址!”...原创 2021-11-30 20:10:43 · 973 阅读 · 0 评论 -
react-router v6 简单的路由拦截
非常简单的路由拦截,使用localstorage储存登录状态,写一个拦截组件,由他根据登录状态来判断是否跳转到登录。import React from 'react'import { Navigate } from 'react-router-dom'// RequireAuth 组件相当于一个拦截器,是否返回被拦截的组件要听他的function RequireAuth({ children }) { const authed = localStorage.getItem('login')原创 2021-11-24 20:52:53 · 3710 阅读 · 3 评论 -
npm 运行命令传入参数
写 Github Action 的 yml 文件时遇到个需求,想把 secret 密钥在执行 npm run xxx 的时候传进来,并在nodejs程序中用到这个变量。方法package.json 部分 "scripts": { "action": "node ./src/action.js" }action.jslet username, passwordusername = process.argv[process.argv.indexOf('--username')+1]原创 2021-10-14 17:31:29 · 2638 阅读 · 0 评论 -
rollup插件执行的先后顺序优先级
官方文档写道:请注意,大多数情况下@rollup/plugin-commonjs应该在其他插件转化你的模块之前进行,这是为了防止其他插件的更改导致对 CommonJS 的检测被破坏。这个规则的一个例外是 Babel 插件,如果你正在使用它,那么把它放在 commonjs 插件之前。迷惑的问题来了,如果output中写了好几个输出配置,应该在output中的每一个plugins里把commonjs插件执行放在第一个吗,还是写在外面的plugins里写在第一个?import resolve from原创 2021-09-22 23:23:24 · 2789 阅读 · 0 评论 -
Javascript 双链表实现(链表反转)
Javascript 双链表实现(链表反转)大致思路就是一个个结点操作,交换前后指针的指向,交换 previous 和 next 。代码// 定义结点class NNode { constructor(e) { this.element = e this.next = null this.previous = null }}// 定义链表class LinkedList { constructor(e) { this.head = new NNod原创 2021-09-10 16:47:43 · 241 阅读 · 0 评论 -
React 事件绑定与this绑定的几种方式
MDN中对bind()方法的解释Function.prototype.bind()bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。看一个例子:const module = { x: 42, getX: function() { return this.x; }};let unboundGetX = module.getX;console.log(unb原创 2021-07-14 23:30:05 · 360 阅读 · 3 评论 -
Manjaro语言改回英文
在设置了中文之后,无论更改显示语言为英语,或是删除中文语言包,总有一部分中文残留在系统中,很不方便。特别是使用终端时,涉及到路径就很难受,Document变成了文档,Home变成了主页。。。还得切输入法去打中文解决方法在设置中找到 “个性化-区域-语言”,将英文设置为最想看到和使用的语言,注销生效。...原创 2021-01-28 20:45:48 · 6291 阅读 · 0 评论 -
Vue3+gsap实现轮播(carousel)
我们要用到gsap的ScrollToPlugin插件实现滚动的动画效果,样式用Tailwind写了一部分、手撸了一部分效果如图安装配置npm安装gsapnpm install gsap项目中配置gsapimport { gsap } from 'gsap'// 导入gsap到vue项目import { ScrollToPlugin } from 'gsap/ScrollToPlugin'// 导入gsap插件ScrollToPlugingsap.registerPlugin(Scroll原创 2020-12-01 22:15:15 · 2312 阅读 · 3 评论 -
Entry name ‘META-INF/xxxxxxxx‘ collided 解决方法
Clean project之后再重新build就行了原创 2020-08-14 15:22:53 · 1207 阅读 · 0 评论 -
Vue3 之 readonly
Vue3 之 readonlyreadonly官网的例子取得一个对象(反应性或普通)或ref并返回一个只读代理。访问的任何嵌套属性也将是只读的。传入普通对象等返回只读代理。传入普通数值或字符串不能变成只读,例如 readonly(‘abc’)const original = reactive({ count: 0 })const copy = readonly(original)watchEffect(() => { // 反应性跟踪 console.log(copy.原创 2020-11-22 21:06:09 · 4703 阅读 · 0 评论