- 博客(109)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 gitlab问题记录
You won't be able to pull or push project code via SSH until you add an SSH key to you解决方案：https://blog.csdn.net/gufenchen/article/details/95663284
2024-06-15 17:27:08
424
原创 鸿蒙OS初识
学习官网：https://www.harmonyos.com/cn/develop准备注册，安装软件（node:12+, DevEco Studio）：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415#ZH-CN_TOPIC_0000001057685607__section1453284218345认证可以在开发的时候会提醒你去认证。开发既然
2024-06-01 20:57:12
1259
6
原创 《前端面试题》- 编程题 - 对一个数组（多个对象）进行两级排序
问题对一个数组(多个对象)进行两级排序，例如[{name: 'zhong', age: 18}, {name: 'xiaoli', age: 15}, {name: 'hong', age: 50}],先对name进行排序，再对age进行排序。答案function sortArrObject(arr) { return arr.sort(function(x, y) { ...
2024-06-01 08:38:30
151
原创 JS书写规范
JS 变量命名命名方法小驼峰式命名命名规范前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数)命名建议尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。示例// 好的命名方式var totalCount = 10;var tableTitle = 'Table';// 不好的命名方式var setC...
2024-05-27 12:18:20
822
原创 git工作流程
以财务开发为例子：1. 新建分支1.1. upstream新建分支：finance-feature1.2. origin新建对应分支：finance-feature1.3 新建本地分支git branch finance-feature注：同步远程分支：git fetch upstream feature-name git fetch origin feature-name...
2024-05-27 12:17:01
369
原创 数值类型插件 - 解决js精度问题bignumber.js
https://mikemcl.github.io/bignumber.js/https://www.jianshu.com/p/f5d3e379744chttps://blog.csdn.net/zhouzuoluo/article/details/112980462https://docs.ethers.io/v5/api/utils/bignumber/https://juejin.cn/p...
2024-05-26 15:53:53
616
原创 Nginx部署vue项目，刷新后找不到界面
解决方案：修改配置文件：listen 80; # 监听的端口 server_name xx.xx.xxx.xx; # 处理的host地址 (请替换成你对应的项目访问 ip 或 域名)!!! root /usr/share/nginx/html; # vue项目存在的目录(替换成你对应的地址，如果你这是用docker部署的请改成你容器内的地址) ...
2024-05-26 15:53:25
2859
1
原创 react使用antd警告：Warning: findDOMNode is deprecated in StrictMode.
警告信息：Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DOMWrap which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Lear...
2024-05-24 08:17:20
1482
原创 Nginx/阿里云/二级域名的配置和使用
阿里云域名解析配置如下：nginx配置如下：访问地址：zhadmin.iotzzh.comimage.png
2024-05-19 22:13:09
877
1
原创 CSS绘制三角形
code path: http://jsrun.net/5baKp/edit<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
2024-05-18 00:20:55
821
原创 《前端防坑》- JS基础 - Array.isArray()结果一定准确吗？
在研究伪数组的时候发现了一个小问题，记录下，就是Array.isArray()判断数组的方法可能与instanceof判断出的结果可能不同。参考文章：https://www.jianshu.com/p/6e360a699545在使用转换伪数组成数组时，如果使用原型继承： 伪数组.proto = Array.prototype;两种判断方法可能不同。此处只是做一个记录，Array.isA...
2024-05-18 00:20:34
452
原创 Element Plus/vue3 无限级导航实现
在使用element plus 时，最初要使用的就是导航组件了，官网上看到的也就是写死的一级/二级导航，那么如何设计一个无限级且动态的导航呢？毋庸置疑，递归。废话不多说，直接看代码和效果：代码：目录结果SidebarItem.vue<template> <el-menu-item :index="item ? item.url : ''" v-if="!it...
2024-05-16 07:47:36
1374
原创 vue运行报错:events.js:160
刚安装好vue项目运行环境，出现以下问题：events.js:160 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE :::8080 at Object.exports._errnoException (util.js:1022:11) at exports._exceptionWithHostPort (util.js:1045:20) at Server._listen2
2024-05-12 20:23:45
669
1
原创 vue3配置基础路径
我们在部署项目的时候，有时项目很多时，可能并不是直接部署到根目录下，那么就需要给项目配置一个公共目录。例如：www.iotzzh.com/zh-admin，用这个地址去访问项目而不是直接使用www.iotzzh.com。那么在vue3中需要改两处地方，一处自然是路由, 那么在路由中会默认添加zh-adminconst router = createRouter({ history: cre...
2024-05-08 20:39:29
2424
1
原创 如何设置CSDN的ID（仅新建可设置）
最近打算使用CSDN，可是发现有个ID，由于长时间不用而且很久之前设置的，忘记当时怎么设置的了，反正不合自己的心意，于是折腾了一番，终于被我给改了。（记录时间：2020.9.9）前提新建一个CSDN账号，已有账号的情况下，没找到修改的办法。虽然之前在上面写的东西不多，可是删除账号的瞬间，还是感到痛心疾首~创建步骤第一步：修改自己的微信名，这个微信名就是之后的ID，例如我修改我的微信名现在修改为iotzzh第二步：利用这个微信号扫描CSDN注册码，进行注册（我是利用手机扫描电脑端的注册码）第三步
2024-05-07 23:19:59
1912
2
原创 H5 Notifications在不同浏览器中的行为
Notifications API的使用可参看：https://notifications.spec.whatwg.org/#example-08e8eceahttps://developer.mozilla.org/en-US/docs/Web/API/notification尽量参看英文，中文有翻译不完整甚至有不准确的地方。最近发现Notifications在自己的谷歌浏览器(85.0.4183.83)上使用发生了与之前不太相同的地方，就是无法触发onclick事件了！！！代码如下：<
2024-05-05 20:57:21
919
1
原创 算法二：DOM - 将DOM节点元素转换成JSON字符串
题目：将DOM节点元素转换成JSON的格式例如<div class="root"> <div class="child1"><p></p></div> <span></span> <div><div><p></p></div&g...
2024-05-01 23:24:22
1317
原创 短视频生成背景&文字工具(前端工具)
过年这两天有些无聊就刷刷抖音，刷着刷着自己也蠢蠢欲动，想发上几个，可是却找不到合适自己的模板。由于个人喜欢一些古诗文之类的，所以自己简单的编写了一个小工具，如下图：当设置好了之后，将浏览器设置成最窄，就可以截图发送至抖音啦~如果有需要可以关注公众号：前端微说， 发送：短视频生成背景&文字工具(前端工具) 获取源码，如果获取源码失败，可联系微信：iotzzh。如果文章能够对您有所帮助，我便感到十分荣幸。如若文章能被您点赞，那便是万分荣幸。个人微信：iotzzh公众号：前端微说个人网站：
2024-04-27 18:34:13
889
原创 《前端面试题》- React - constroctor什么时候不会被执行问题
问题 - 1定义了一个组件没有被使用，生命周期里面的constroctor会不会被执行？额~听到这个题我都有点怀疑人生....答案不会可以简单测试以下，在某个未被调用的组件的constroctor里面写一个打印事件console.log('this is In useless component.')。那么这个组件就其实永远不会执行到这里。问题 - 2定义了一个组件，在外部赋值给一个...
2024-04-25 20:30:31
253
1
原创 《前端面试题》- React - 如何区分函数组件和类组件
问题如何区分函数组件和类组件？答案可以使用instanceof 或者Component.prototype.isReactComponent。示例函数组件export default function FunctionComonent() { if(FunctionComonent.prototype.isReactComponent){ console.log...
2024-04-25 08:56:12
1037
1
原创 利用Visual Studio找出不合规范的代码 - Code Analysis
“Microsoft 的所有规则”代码分析规则集在Visual Studio里面有一个 Code Analysis的功能，在这个功能里面有着各种各样的功能，可以在项目属性，代码分析中看到，为了更多的了解都有哪些规则，此处将运行规则切换到了Micresoft的所有规则：当然这些规则不仅可以运用于当前项目，然而通过类别排序，非常方便我们的使用。在此介绍几个常用的规则：IDE0060 删除未使用的参数 “args”IDE0051 未使用私有成员“Program.Say1”。CS8019 不需要的
2024-04-23 07:53:49
1643
2
原创 《前端面试题》- 编程题-手写new（JS）
function Person(name) { this.name = name;}Person.prototype.say = function() { console.log(`I'm ${this.name}`);}const xiaoming = new Person('xiaoming');xiaoming.say();// 输出// I'm xiao...
2024-04-22 23:19:19
268
1
原创 《前端面试题》- TypeScript - TypeScript的优/缺点
问题简述TypeScript的优/缺点答案优点增强了代码的可读性和可维护性包容性，js可以直接改成ts，ts编译报错也可以生成js文件，兼容第三方库，即使不是ts编写的社区活跃，完全支持es6缺点增加学习成本增加开发成本，因为增加了类型定义需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长eval和new Function()这种操作类型系统管不到...
2024-04-22 23:18:29
7509
2
原创 学生选课及成绩查询管理系统的设计与开发C#(winform + sqlserver)
源码来自网络技术栈：C#的窗体程序开发本系统未采用C#实现MDI——多文档窗口，因为考虑到C#的该技术与java类似，而暑期java实训时，曾用过类似的方法做过停车场管理系统，所以想为这次的系统注入一点新鲜的血液，所以本系统设计的主题采用了了C#的C#TreeView 实现。Sql server数据库关注公众号【DotNet微说】，发送：学生选课及成绩查询管理系统，便可获取源码。个人微信：iotzzh公众号：DotNet微说个人网站：www.iotzzh.com登录界面管理员主页
2024-04-22 07:50:51
2061
原创 《前端面试题》- 编程题- 提供辅助类（缓存）
假如有一个接口getUsersById(userId),返回用户信息的json；要求getUsersById能缓存用户信息，即同样的userId请求仅向服务器发送一次，其余从内存中获取，以提高效率。高阶要求：假设有getUsersById, getShoolInfoById, getDeviceInfoById...都需要缓存结果，提供一个通用的辅助函数。解答：缓存可根据实际使用场景缓存在不同...
2024-04-20 13:56:42
141
原创 算法一：数字 - 两数之和
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。来源：力扣(LeetCode)链接：https://leetcode-cn.com/problems/two-sum示例:给定 nums = [2, 7, 11, 15], target = 9...
2024-04-18 23:34:58
1342
2
原创 《前端面试题》- 编程题- 时间比较题
时间比较题： 输入一组时间字符串，求出这组时间中的间隔最小的时间差(分)，如输入"23:59", "00:00",返回1； 假设输入数组的长度大于2且小于2000;(本题可以写伪代码)方法一：function compareTime(arr) { const newArr = arr.sort(); let result = []; ...
2024-04-18 23:34:35
184
原创 《前端面试题》- JS基础 - 深拷贝代码实现
在面试中，会被问到深拷贝和浅拷贝的区别，之后会问如何实现深拷贝。常见的一种方式便是利用JSON进行转换，另一种方式就是利用递归的方式进行遍历赋值。方法思路都很清楚了，那么如何编码实现呢？JSON的实现方式const obj = { name: { firstName: 'zhang', lastName: 'zhonghua' }, ag...
2024-04-17 07:47:12
484
原创 《前端面试题》- JS基础-继承实现
问题编写一个类和类继承，类名为Person，属性name,age,方法sayHello.一个Student类，继承自Person，自有属性score,自有方法study(请用ES5和ES6两种技术分别实现)实现ES6// 编写一个类和类继承，类名为Person，属性name,age,方法sayHello.// 一个Student类，继承自Person，自有属性score,自有方法s...
2024-04-16 12:26:17
333
原创 《前端面试题》- JS基础 - 函数和箭头函数在全局下的this指向
我们知道箭头函数有一个作用是解决this的指向问题。函数的this是谁调用，就指向谁；箭头函数的this是在哪定义就指向谁，那么如果是在全局定义执行箭头函数，this指向谁呢？测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt...
2024-04-16 08:58:48
154
原创 vs code: korofileheader 配置
korofileheader 注释插件 设置里面找到 Custom Made 写入以下配置// file header "fileheader.customMade": { // 头部注释 "Author": "zzh", "Date": "Do not edit", "LastEditors": "zzh", "LastE...
2024-04-16 08:58:00
1085
原创 算法四：数字-复数计算
输入两个复数，计算乘积，i^2 = -1。假设 输入， “1+1i”，“1+1i” 输出为：0 + 2i输入 “1+-1i”，“1+-1i”，输出为：0 + -2i严格按照格式输入，不用考虑空格之类的特殊情况，输出也需要严格按照格式输出。function getResult(input) { const newInput = input.replaceAll('i','').rep...
2024-04-15 07:42:05
180
原创 Windows下如何利用命令打开一个文件或者文件夹
这里使用的命令时start例如，我想打开host文件夹所在地址，那么我便可以在控制台中输入：start C:\WINDOWS\system32\drivers\etc 即可。如果我想直接打开host文件，start notepad C:\WINDOWS\system32\drivers\etc\hosts指定打开文件程序和文件即可。所以，在windows下，如果有些打开命令是常用的，便可将它...
2024-04-14 11:27:33
853
原创 算法五：数字-找出数组中第二大的数
问题：给定一个数字数组，如何找出第二大的数字？例如[1,3,5,2], 第二大的数字就是3。方法一：利用排序function getSecondMaxNum(arr) { const sortedArr = arr.sort(function(x,y){ return y - x; }); let max = sortedArr[0]; fo...
2024-04-14 11:26:42
1025
原创 webpack or vite? vuex or pinia?
2022.2.18, 新建一个vue3的项目，过程如下：目录结构如下：当还在犹豫选择webpack还是vite，vuex或者pinia的时候，尤大大已经给出了默认选择，vite && pinia。...
2024-04-14 00:25:58
461
原创 《前端面试题》- JS基础 - 防抖和节流
在界面触发点击，滚动，输入校验等事件时，如果对事件的触发频率不加以限制，会给浏览器增加负担，且对用户不友好。防抖和节流就是针对类似情况的解决方案。防抖防抖(debounce)：当连续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。示例：<!DOCTYPE html><html lang="en"...
2024-04-13 22:25:16
552
原创 《前端面试题》- JS基础 - 如何在JS下实现lambda表达式
题目自己实现find方法，达到这样输出的效果// data参数 var data = [{ userId: 8, title: 'title1' }, { userId: 11, title: 'title2' }, { ...
2024-04-13 12:00:29
357
Docker Community Edition 18.06.1-ce-win73 2018-08-29
2020-10-14
licecap录屏生成gif
2020-10-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人