- 博客(79)
- 资源 (4)
- 收藏
- 关注

原创 【项目介绍】MacOS-Web-UI
线上地址 - [http://xxlb.site/](http://xxlb.site/)结合 [Github action CI工作流发布到阿里云部署](https://blog.csdn.net/daddykei/article/details/128195288?spm=1001.2014.3001.5502), 后面会陆续更新自己所做过的新的项目,欢迎访问~👏通过这篇文章,如果你也感兴趣的话你也可以将它作为自己个人的展示网站或者参与这个开源项目。
2021-08-27 10:49:26
407
1
原创 【Excel模版导出和上传】antd Upload + express + mysql 实现 Excel模版导出和上传
antd Upload + express + mysql 实现 Excel模版导出和上传
2023-03-16 13:58:30
35
原创 【upload-tools】发布一个 TypeScript 编写的 npm 包 (自动执行yarn build 然后上传至服务器指定目录)
发布一个 TypeScript 编写的 npm 包 (自动执行yarn build 然后上传至服务器指定目录)
2023-03-13 16:54:55
98
1
原创 【飞书机器人】通过 node-schedule 定时任务做一些打卡提醒和一些热搜新闻推荐
【飞书机器人】通过 node-schedule 定时任务做一些打卡提醒和一些热搜新闻推荐
2023-02-20 12:02:58
96
2
原创 【Github-Action】Github action CI工作流发布到阿里云部署
简单的介绍了yml文件中字段的功能,通过服务器生成密钥绑定至github/settings/secret中,实现ci部署
2022-12-06 09:58:29
385
原创 【flutter电子木鱼】flutter 打包 android apk,记录配置签名的过程/调试的过程及flutter build apk放到手机上用。
目标通过这篇blog记录一下flutter打包android apk的过程,项目是参考以下链接的git仓库,然后自己重新创建了一个project。安卓应用市场的木鱼充斥着广告和付费体验极差,自己做一个还可以根据喜好做适应性调整,不用担心被偷后台也不用烦广告和一些奇怪的布局,干净清爽,还可以自己更新喜欢的木鱼皮肤
2022-12-05 10:41:37
874
原创 【国际化多语言方案】i18n / class google sheets v4 api 在线文档同步json
多语言方法,在线excel管理词汇,通过i18n 或 调用class的静态方法来改变文字
2022-11-08 16:09:19
246
原创 【Terminal】Mac给Terminal添加快捷键(Ctrl-Alt-T) & 通过几行js节省平常重复性的工作
【Terminal】Mac给Terminal添加快捷键(Ctrl-Alt-T) & 通过几行js节省平常重复性的工作
2022-09-19 11:38:55
378
原创 【react】列表置顶操作导致滚动问题的分析和解决,react dom-diff右移策略,overflowAnchor: ‘none‘遇到滚动锚定问题并且需要关闭行为
【react】列表置顶操作导致滚动问题的分析和解决,react dom-diff右移策略,overflowAnchor: 'none'遇到滚动锚定问题并且需要关闭行为
2022-06-30 14:19:47
327
1
原创 【nginx】net::ERR_CONTENT_LENGTH_MISMATCH 200解决
net::ERR_CONTENT_LENGTH_MISMATCH 200 解决方案
2022-06-02 14:10:34
1034
原创 【echarts】三环环形图,在环形图的每个扇形之间加空隙
代码还有很多的优化空间,主要也就是环形图的几个配置比较重要,毕竟官方文档太长了(难找),还是记录一下。配置1. 实现环形图不同区域之间的空隙 itemStyle: { normal: { borderColor: "#FFFFFF", borderWidth: 1, }}2. 显示数据名,这里还是需要看一下官方文档, a系列名 b数据名就是下面data里面的name,c对应valuedata: [{ value: 25, name: 'thinker'.
2022-02-14 19:03:50
2460
1
原创 el-upload组件上传本地开发正常,部署服务器405问题解决
引用链接 https://blog.csdn.net/marswill/article/details/91488437405 nginx 配置error_page 405 =200 $uri;vue单页应用刷新404 问题location / { try_files $uri $uri/ /index.html;}try_files $uri $uri/ /index.html;process.env.NODE_ENV 判断生产环境和开发环境,如果我们设置的只是路径,那么本.
2022-01-21 23:28:33
2212
原创 vue3-directives 自定义指令 做个聊天窗口拖拽和拖拽按钮
<button v-focus style="position: absolute">drag</button>directives: { focus: { // 指令的定义 mounted(el, binding, vnode) { /** el可以获取当前dom节点,并且进行编译,也可以操作事件 **/ /** binding指的是一个对象,一般不用 **/ /** vnode 是 Vue 编译.
2021-12-13 17:02:04
900
1
原创 【leetcode】删除链表的中间节点,快慢指针和链表转数组再转回链表
删除链表的中间节点https://leetcode-cn.com/problems/delete-the-middle-node-of-a-linked-list/var deleteMiddle = function (head) { if (!head.next || !head) return null let dummy = new ListNode(-1) dummy.next = head let slow = dummy, fast = dummy..
2021-12-05 12:34:07
324
原创 vue-nuxt 登录鉴权
vue-nuxt 登录鉴权介绍链接开始继续往代码中走autoFetchproxy配置请求拦截介绍来自mentor的梳理,做个总结和记录链接https://auth.nuxtjs.org/api/options/#cookie开始根据这个文档描述,在使用@nuxt/auth 后,如果没有显示指定cookie: false, 则auth token 会被默认存储在 cookie 里 (前面localstorage 也是一样)所以在 login接口成功后,token 就会以 auth._tok
2021-12-01 22:07:28
2332
2
原创 【Jenkins】Jenkins自动化部署笔记
类型 基本类型: 直接存取基本类型。 字符串 数值 布尔类型 null undefined… const foo = 1;let bar = foo;bar = 9;console.log(foo, bar); // => 1, 9123456 复杂类...
2021-11-12 23:09:20
1423
转载 JavaScript编码规范
类型基本类型: 直接存取基本类型。字符串 数值 布尔类型 null undefined…const foo = 1;let bar = foo;bar = 9;console.log(foo, bar); // => 1, 9复杂类型: 通过引用的方式存取复杂类型。对象 数组 函数…const foo = [1, 2];const bar = foo;bar[0] = 9;console.log(foo[0], bar[0]); // => 9,
2021-11-03 22:29:15
242
原创 【git】git rebase 合并几个commit
git 合并几个commitgit log --oneline 一条一条查看git日志git rebase -i HEAD~n n为数字,可以合并多条commit,修改commit内容进入vim编辑页面后 按i就是insert 就可以根据上面的提示修改修改好之后按esc 再按:wq保存退出git rebase --continue 继续下一个rebasegit rebase --abort 取消rebase合并# p, pick = use commit# r, reword = us
2021-11-02 23:45:56
222
原创 【mac】nvm 的安装和使用,解决mac重启node not found,每次都得source ~/.bash_profile
https://segmentfault.com/a/1190000017391932首先打开终端,进入当前用户的 home 目录中。cd ~/然后使用 ls -a 显示这个目录下的所有文件(夹)(包含隐藏文件及文件夹),查看有没有 .bash_profile 这个文件。ls -a如果没有,则新建一个。touch ~/.bash_profile安装最新版本的nvmcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/i.
2021-11-01 19:33:44
1165
转载 mysql8.0以上版本ROOT密码报错及修改,mysql无密码设置密码
https://www.cnblogs.com/mzxiaoze/p/10413399.html在登录数据库过程中,如果遇到忘记root密码时,该如何解决?1.使用管理员权限打开命令提示符,在命令行中输入: net stop mysql2.待mysql服务停止后,输入: mysqld --shared-memory --skip-grant-tables ,此时命令提示符窗口处于锁定状态,我们重新以管理员权限打开新的命令提示符窗口。3.在新的命令提示符窗口输入: mysql -uroot -p .
2021-10-06 02:02:55
492
原创 【mysql配置问题】mysql找不到VCRUNTIME140_1.DLL,无法继续执行,my.ini 配置文件
添加该文件至路径C:\Windows\System32下链接:https://pan.baidu.com/s/1rGQVvGmPTjLoqax967HCcA提取码:n5xmmy.ini 配置文件 [mysqld] # 设置3306端口 port=3306 # 设置mysql的安装目录 basedir=D:\Hbuilder X\mysql2\mysql-8.0.21-winx64\ # 设置mysql数据库的数据的存放目录 datadir=D:.
2021-10-05 21:21:01
118
原创 【dataZoom 详细参数】渐变柱状图可移动
【dataZoom 详细参数】渐变柱状图可移动配置项代码渐变柱状图可移动https://www.makeapie.com/editor.html?c=xG3rZAFEqu配置参考https://www.cnblogs.com/wangweizhang/p/echartsdatazoom.html配置项dataZoom:[ //区域缩放{ id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false,不会显示,但是数据过滤的功能还存在。 ba
2021-09-08 18:49:14
234
1
原创 【面试题】跨域
【面试题】跨域同源策略不存在跨域的情况(无视同源策略)跨域常见的方法JSONPWebSocketCORS选择题https://www.ruanyifeng.com/blog/2016/04/same-origin-policy.htmlhttps://juejin.cn/post/6844903972742889480#heading-10同源策略概念同源策略:同端口、同域名、同协议选择题:下列是否符合同源策略http://www.example.com/dir2/other.html:同
2021-09-03 00:14:22
496
原创 for-in/of区别
for-in/of在in的时候,是打印所有的key,但是在of的时候,是打印所有(key为数字的情况)的value并且arr[1] 和arr[‘1’] 一样的,在下标(或者 key) 中,不区分Number和String,数组就是对象for-in循环:只能获得对象的键名key,不能获得键值,且会遍历对象的整个原型链,主要用于遍历对象,格式:for(keys in zhangsan){}for-of循环:允许遍历获得键值value,只遍历当前对象不会遍历原型链,作为遍历所有数据结构的统一的方法。ob
2021-09-01 23:13:25
148
原创 element表单验证中rules中的message样式怎么更改,:inline-message=“true“,el-form-item__error--inline
element表单验证中rules中的message样式怎么更改,有很多解答都是直接定位到el-form-item__error,修改样式。但是如果这么做,容易影响到全局,有些地方message的提示还是默认在input下框比较合适。代码附在最后。效果演示查看官方文档的Form Attributes,通过:inline-message=“true”,避免同一个class影响了全局,更适合满足不同需求的开发。<!DOCTYPE html><html lang="zh-CN.
2021-08-16 18:40:19
5432
原创 redux-devtools安装 以及redux No store found. Make sure to follow the instructions.解决
插件链接链接:https://pan.baidu.com/s/17ggewOjfpR_fRWhvHHUxug提取码:zrchNo store found. Make sure to follow the instructions其实是缺少了const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;原先代码import { createStore } from 'redux'import
2021-07-30 01:06:12
599
原创 【笔记】react 学习与记录
这里写目录标题一级目录起步src-> App.js、index.js响应式设计思想和事件绑定二一级目录起步npm i -g create-react-appcreate-react-app todolistnpm run startsrc-> App.js、index.jsimport {Component} from 'react';//等价于import React from 'react';const Component = React.Component所以
2021-07-28 20:13:25
82
原创 vue 实现鼠标悬浮 显示操作按钮
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>.
2021-07-28 15:59:48
1774
1
原创 element-ui vue el-drawer抽屉
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g.
2021-07-27 20:41:29
1454
原创 vue中使用element进行表单验证
因项目需求用到表单验证,但是网上缺少直接能用的,通过借鉴加以改造,用引用cdn的形式,可以直接打开html文件,不用搭建vue项目,便于参考学习,后期慢慢增补用到的表单验证。参考链接https://blog.csdn.net/weixin_42018790/article/details/80762149git地址https://gitee.com/thinkerwing/study/tree/master/vue2/%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81表单验
2021-07-22 23:32:36
368
1
原创 【笔记】Vue源码解析之虚拟DOM和diff算法
diff算法可以进行精细化比对,实现最小量更新。h3 和 ul 没有变化就可以不用动,只插入span和雪碧。
2021-07-21 22:40:00
260
6
原创 JS-Web-API 笔记
JS-Web-APIJS-WEB-APIDOM的本质是什么BOM相关的面试题事件一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)JS-WEB-APIJS基础知识,规定语法(ECMA标准)JS Web API,网页操作的API(W3C标准)前者是后者的基础,两者结合才能真正的实际应用JS 基础知识变量的类型和计算原型和原型链作用域和闭包JS-Web-APIDOM(document
2021-07-16 00:28:06
93
原创 链表笔记
链表笔记链表是什么数组 vs 链表JS中的链表链表是什么多个元素组成的列表元素存储不连续,用next指针连在一起数组 vs 链表数组:增删非首尾元素时往往需要移动元素。链表:增删非首尾元素,不需要移动元素,只需要更改next指针JS中的链表JavaScript 中没有链表可以用Object模拟链表const a = { val: 'a' };const b = { val: 'b' };const c = { val: 'c' };const d = { val: 'd' }
2021-07-14 00:57:04
52
原创 二叉树及深度/广度遍历 笔记
这里写目录标题树是什么?什么是深度/广度优先遍历?二叉树的先中后序遍历二叉树是什么?树是什么?树是一种分层数据的抽象模型前端工作中常见的树包括:DOM树、级联选择、树形控件JS中没有树,但是可以用Object和Array构建树。树的常用操作:深度/广度优先遍历、先中后序遍历。什么是深度/广度优先遍历?深度优先就像翻书,先看第一章,再看第一章的小结,看完看第二章。广度优先就像看目录,看一下有哪儿几章,再看里面的内容深度优先遍历算法口诀访问根节点。对根节点的children诶个进行深
2021-07-13 00:38:20
115
原创 webpack配置与学习
webpack前端模块化详解理解打包概念gulp和webpack的不同entry、ouputbabelloaders认识plugin项目地址学习心得:从零开始配置到最后配置文件分离,期间了解了前端模块化概念,了解模块化的好处和方案,起初也能够使用webpack构建完整项目,但只是vue init webpack my-project,只是大概了解一些配置,在一场面试中,才发现自己对webpack的配置是不熟练的,因此展开了学习。首先对webpack构建流程一定需要有概念,并且应该多看看面试题。https
2021-06-20 01:36:35
64
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人