- 博客(26)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 JavaScript 原型和原型链以及constructor属性
Prototype 翻译过来叫“原型”，原型是一种在开发生命周期的早期显示应用程序或产品的外观和行为的模型。Javascript 中的 prototype 叫原型对象，是每一个函数都有的属性。
2021-12-18 00:17:30
2155
原创 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
974
原创 React 动态添加输入表单/动态添加ref并传出
开发过程中经常需要封装组件，如果多个功能需求都差不太多，一个组件可以复用的话，那简直太方便了。举个例子，一个输入表单的组件，复用时每一个不同的功能里，输入标签数量是不一样的，比如登录有两个输入框，而修改用户名密码可能有4个输入框。指定几个输入框以及提示、内容什么的可以通过props传入。重点是如何获取这几个输入标签的值并传给父组件呢？当然，一种方式是使用受控组件，每一个输入框对应一个state或者他们的值都传入到一个存数组的state里。另一种方式通过非受控组件实现，也就是这里要说的。App.jsfu
2021-11-27 00:58:36
2359
原创 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
原创 react-router-dom@6 路由跳转时页面闪烁
安装react-router-dom的时候版本已经变成6.0.2了，没注意到，结果在写项目时候怪怪的，以往的写法都不对了，照着仓库的例子学了学发现跳转时闪屏。import React from 'react';import ReactDOM from 'react-dom';import App from './App';import {HashRouter,Route, Routes } from 'react-router-dom';import User from './pages/User
2021-11-19 01:16:02
4494
4
原创 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
原创 rollup插件执行的先后顺序优先级
官方文档写道：请注意，大多数情况下@rollup/plugin-commonjs应该在其他插件转化你的模块之前进行，这是为了防止其他插件的更改导致对 CommonJS 的检测被破坏。这个规则的一个例外是 Babel 插件，如果你正在使用它，那么把它放在 commonjs 插件之前。迷惑的问题来了，如果output中写了好几个输出配置，应该在output中的每一个plugins里把commonjs插件执行放在第一个吗，还是写在外面的plugins里写在第一个？import resolve from
2021-09-22 23:23:24
2789
原创 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
原创 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
原创 vue获取proxy对象中的原始对象
在使用vuex时，由于state是响应式的，用它获取对象值输出也是proxy对象。例如：无论是Vuex还是使用的Composition API 的reactive()，vue中的响应式对象可使用toRaw()方法获取原始对象。// 导入toRaw函数import { toRaw } from '@vue/reactivity'// 该函数返回转换后的对象const crystal = toRaw(store.state.mapping.crystal)// 输出可以看到已经不是proxy对象了
2021-04-18 17:13:03
9855
原创 Manjaro语言改回英文
在设置了中文之后，无论更改显示语言为英语，或是删除中文语言包，总有一部分中文残留在系统中，很不方便。特别是使用终端时，涉及到路径就很难受，Document变成了文档，Home变成了主页。。。还得切输入法去打中文解决方法在设置中找到 “个性化-区域-语言”，将英文设置为最想看到和使用的语言，注销生效。...
2021-01-28 20:45:48
6291
原创 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
原创 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
原创 Failed to load plugin ‘vue‘...Cannot find module ‘eslint-plugin-vue‘解决方案
用VSCode写Vue时ESLint无法使用，参考以下步骤。错误信息:[Info - 下午5:50:02] ESLint server is starting[Info - 下午5:50:02] ESLint server running in node v12.14.1[Info - 下午5:50:02] ESLint server is running.[Info - 下午5:50:03] ESLint library loaded from: C:\Users\MCX\Docum.
2020-10-23 19:02:25
30304
1
原创 js动态添加html代码，highlight高亮代码失效
解决方案因为hljs.initHighlightingOnLoad()只在初始化时高亮一次，所以动态添加的话，调用这个函数多少次都没用的。啥都不用管，先用js动态添加你的HTML代码，动态添加完HTML后，直接一行代码就可以搞定。hljs.highlightBlock(document.getElementById("codes"));顾名思义，highlightBlock就是高亮某个块，所以直接用来高亮包含代码的那个块就可以了，双引号里的codes是在html文档中需要高亮的代码的标签id。
2020-08-01 21:05:49
1705
原创 Java Swing+MySQL+校园宿舍管理系统
校园宿舍管理系统的设计与实现每天下午敲代码，敲了5天。。还行吧…校园宿舍管理系统主要分为三类用户，系统管理员、宿舍管理员和学生。主要功能需求如下。系统管理员功能需求：（1）宿舍管理员管理：能够添加管理员用户、删除管理员用户信息、查找管理员信息、修改管理员信息。（2）学生信息管理：能够添加学生信息、删除学生信息、查找学生信息、修改学生信息。（3）宿舍楼信息管理：能够添加宿舍楼信息、删除宿舍楼信息、查找宿舍楼信息、修改宿舍楼信息。（4）宿舍信息管理：能够添加宿舍信息、删除宿舍信息、查找宿舍信息
2020-06-12 21:29:49
6306
22
原创 Java Swing个人成绩管理系统
又是一个寒假，这个寒假比以往的要长一些，半天的任务用了三天…效率确实低。可能还有隐藏的bug待我发现（其实发现了一些但懒得改）。需求用Java Swing实现个人成绩的查询，录入、删除、修改,数据库使用MySQL,使用图形化界面，要有登录窗口,要具备一定的容错性。代码import com.mysql.cj.ServerPreparedQueryBindValue;import com...
2020-02-06 22:23:13
1120
1
原创 Java Swing 修改JTable单元格数据
网上看了好多教程都好复杂用到DefaultTableModel类，在用到这句类型转换的时候DefaultTableModel model =(DefaultTableModel) table.getModel();我遇到了异常，又在网上查各种其他的教程最终都嫌太麻烦或者自己不会搞而放弃，最后自己试着用代码补全看看JTable类有哪些方法找到了解决方案。如下：public void setVa...
2020-02-03 22:50:51
5033
5
原创 如何绕过校园网验证，在宿舍免费上办公区的网，享受不拥挤的网络
如何绕过校园网验证，在宿舍免费用办公区的网前言上了大学后发现上网成了难题，流量太贵买不起，流量卡又限速而且电脑上网也不方便，想办校园单宽，可是那网络体验根本配不上付的钱，除非去校园营业厅办移动或者联通的卡开通校园网套餐，可，我，不愿向垄断的运营商和学校低头！既然办公区网速比宿舍区快，能上网，那就利用办公区电脑，在宿舍就可以连了！需求：一台办公区的电脑利用Softether改造办公区电...
2020-01-03 18:00:38
23231
14
原创 在子类调用父类的getclass()结果是父类还是子类
在子类调用父类的getclass()父类为Person，子类为StudnetStudent public void equal(Object obj) { System.out.println(super.getClass()+"/"+obj.getClass()); System.out.println(super.getClass().getSuperclass()+"/...
2019-12-23 21:05:12
2631
1
原创 C语言学籍管理系统
C语言学籍管理系统由学生成绩管理系统修改，并且进一步完善，修复了学生管理系统的许多bug。需求（1） 系统启动后，弹出一个用户界面，能实现人机交互的功能。而且只能通过界面菜单命令实现各种功能（包括系统退出功能），可以设计欢迎词。（2） 学生基本信息录入：录入信息包括学号、姓名、性别、宿舍号、电话号码等。（3） 学生成绩基本信息录入: 学号、课程编号、课程名称、学分、平时成绩、实验成绩...
2019-12-19 15:42:22
3268
1
原创 java父类强制转换为子类
许多同学在学习到Java的继承时，遇到了父类和子类互相转化的问题，在此通俗的讲一下。示例一父类强制转子类Father f = new Father();Son s = (Father)f;//出错 ClassCastException分析:创建一个父类的实例，想要强制把父类转换成子类，不行！通俗的想，真正当爹的永远不可能装儿子。示例二“假的”父类强制转子类Father f = ...
2019-12-15 02:13:51
24761
14
原创 java构造器（构造方法）用private和public修饰的区别
用private和public修饰构造器的区别示例代码：分析：用public修饰用private修饰总结：示例代码：在这里用private修饰无参数的构造器，用public修饰有参数的构造器。public class test4{ public static void main(String[] args) { Employee4 employee4=n...
2019-12-02 20:37:39
9142
2
原创 C语言学生成绩管理系统
学生成绩管理系统（C语言）需求代码总结大学正式上课的第一个月10.8~11.7，学到了很多东西，收获颇多，刚入校只会用现成的，只会调用各种函数，把封装好的东西拿来用。现在可以自己不抄别人，完全按照自己的思路写一个这个入门的项目了，虽然还要bug没被发现，但是总还会慢慢改好的。写个博客记录一下…需求1.用C语言实现 “学生成绩管理系统”或自拟题目。2. 设计“学生成绩管理系统”的用户界面...
2019-11-07 15:14:40
12868
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人