- 博客(209)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Puppeteer 使用实战：如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（三）
首先在爬取专栏页数的时候就收集好了信息，我们把信息导出到外部。是有一些配置的，我也想给导出的这些文章批量设置一下。中有一些特殊符号的，那么导出的时候会帮你替换成。基本上文章已经批量处理好了，可以放到。然后再脚本里引入 ，就可以使用这个。观察一下导出的文件，可以得出一些规律。这里我是使用正则直接匹配分割。中不允许特殊字符在路径中。@toc[](文字)
2024-02-22 15:55:46
561
原创 Puppeteer 使用实战：如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（二）
这里提一嘴，我原先是把代码放到下图这个位置，（每次新建页面下重新设置），发现总是有些小。我的代码修改在这里了，注意声明的位置，一定要提前。结合之前的两个 demo，我们修改一下自己的逻辑。查了官网好久的相关配置，没找到，然后谷歌，上一篇实现了一些基本功能，但是还有些问题。想要源码可以查看此仓库，如果有用记得。我在这儿写了一个小案例，可以试试。这个可以参考一下这个叫。
2024-02-21 17:15:35
1087
原创 Puppeteer 使用实战：如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（一）
如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（一）
2024-02-16 09:52:13
454
原创 华为云账号注销之后账号下的域名丢了怎么办？记录一次域名转移权限的经历
我之前在阿里云上买了个域名，有效期10年的，然后在2023年1月末转移到华为云了，交了一年的域名费用，买了一个一年的华为云服务器一年之后，华为云的服务器也到期了，我就想着参加新用户计划，就顺手注销掉之前的华为云账号然后，这个账号下的域名也消失了。
2024-02-06 18:39:04
828
原创 从零开始的 Tauri 开发 & 打包成 exe 【Windows 平台】
我翻了翻网上很多教程，并没有很全面的Windows下安装使用Tauri的笔记，鉴于之前踩过了很多坑，所以来写一篇笔记，希望需要的伙伴能够用Tauri顺利开发打包RustTauriexe。
2024-02-03 14:47:17
1292
原创 前端 Node 项目迁徙为桌面 Electron 应用笔记
先整理一下这个preload.js的作用然后就是一组通信的整理功能代码前端：发送后端：接收后端：发送前端：接收具体函数名看下图：以上，算是比较清晰的整理一便，几乎可以做一些小玩具了，还有就是打包的问题，当然坑也是千奇百怪，遇到就自行搜索引擎吧，下面列一下我遇到的问题。
2024-01-10 21:28:04
995
原创 【文件上传系列】No.3 断点续传（原生前端 + Node 后端）
前端点击暂停按钮，之后把所有上传的请求取消掉，需要使用。ok，暂停可以，顺便把页面的按钮显示和隐藏写一下。来测试一下暂停后是否能拿到有效的。断点续传需要验证的地方大概有这几个。然后在上传的函数里把已上传的过滤掉。这样一个断点续传的功能就做好啦~是我们在上传的时候传递给。写个按钮，监听点击事件。接下来开始断点续传！
2023-12-11 10:00:00
411
原创 【文件上传系列】No.2 秒传（原生前端 + Node 后端）
接着上一章的内容，因为前端和后端的服务都写在一起了，显得有点凌乱，所以我打算分类一下改了文件路径的话，那么各种引用也要修改，引用就很好改了，这里就不多说了这里讲一下path的修改，为了方便修改path，引用了path依赖，使用方法就很舒服的修改路径，常见的拼接方法如下图测试：(如果不用这个包依赖的话，想一下如何返回上一个路径呢？可能使用类似这种方法吧。200页面正常！资源也都加载了！《高级JavaScript程序设计》27 章简介：工作者线程的数据传输如下：注意在worker中引入的脚本也是个请求。
2023-12-06 15:34:10
1285
原创 【文件上传系列】No.1 大文件分片、进度图展示（原生前端 + Node 后端 & Koa）
效果展示效果展示先在页面上写几个组件用来获取文件。功能函数：生成切片切分文件的核心函数是 ，没错，就是这么的神奇啊我们把切好的 放到数组里，等待下一步的包装处理功能函数：请求逻辑在这里简单封装一下 功能函数：上传切片可以在请求中看到有很多个请求并发的上传自己简单撸了几个 cube 进度条后端获取 chunk 切片文件先把上传的接口写好写完这些就可以拿到 先写一个接口，用来拿到 、合并分片的功能函数然后开始合并接着就是写入流至此一个基本的逻辑上传就做好了！这个情况分析了
2023-12-02 21:42:31
1058
原创 【文件上传系列】No.0 利用 FormData 实现文件上传、监控网路速度和上传进度（原生前端，Koa 后端）
前端的工作就是把页面写好， 和 组装好，发送给后端。前端这边代码如下：基础：xhr.upload 上传钩子函数大概有如下几个钩子（比较常用的） 这个函数是在上传过程中不断循环被执行的，其中有事件因子 ，里面会有上传中的信息如果想要监控速度和进度的话，可以在上传的过程中计算出来如果想要取消上传，就把 即可。基础：利用钩子函数计算下载速度和进度完善：添加进度条以及速度标识整体代码如下：后端后端获取相应数据的方式如下： 会帮我们把二进制文件存储到临时地址，我们可以通过 模块拿到文件
2023-12-01 13:54:56
1221
原创 【营养学01】肾脏：脱发以及白头
发，即头发，又名血余。发之营养来源于血，故称“发为血之余”。但发的生机根源于肾。因为肾藏精，精能化血，精血旺盛，则毛发壮而润泽，故又说肾“其华在发”黑桑葚，黑枸杞，覆盆子都是很好的食疗心火需下济肾水，使肾水不会过于寒冷;肾水会上济心火，使心火不过于亢盛这样水火交融过程叫水火既济，也是阴阳平衡理论的一个重要内涵。
2023-11-21 16:04:55
199
原创 【日志】光猫 GM219-s 改桥接以及常见问题
我母上跟我说家里的 wifi 怎么这么，而且，于是我就研究一下我家的网络发现这个光猫还挺能干的，是啥都干啊，可怜它于是摸了摸，发现 tm 的有点烫手，一下就明白了，它负载有点高啊于是上网上看了看很多人改桥接，为啥要改桥接呢。
2023-09-28 08:55:25
2716
原创 更换服务器的笔记
这回续费一个月就小一百， 吃不消了，不得不折腾一下，花了3块钱在华为云上抢到个服务器，于是要把之前的博客， 以及几个服务迁移到这个服务器上。华为云的安全组，以及宝塔桌面的防火墙设置都需要打开端口，比方说我打开了一个端口号为。之前是嫌麻烦，然后续费还挺便宜的，所以就没折腾去换服务器。最近阿里云的服务器到期了，但是续费实在是太贵了。A:可能的原因是防火墙端口没有开开。
2023-01-06 16:43:32
742
1
原创 【前端61_React】脚手架
文章目录React 脚手架基础创建项目并启动React 脚手架基础xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化, 工程化创建项目并启
2022-04-25 18:25:06
185
原创 【前端60_React】组件声明周期旧 & 新、对于 UNSAFE 的理解、验证 Diff 算法、key 的作用
文章目录React事件处理非受控组件React事件处理(1).通过onXxx属性指定事件处理函数(注意大小写) a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性 b.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ————————为了更高效(2).通过event.target得到发生事件的DOM元素对象 ——————————不要过度使用ref非受控组件...
2022-04-20 16:56:15
180
原创 【前端59_react】组件分类、state、props、refs、事件处理、非受控组件 & 受控组件、高阶函数、函数柯里化、以及 onChange 回调不用柯里化的写法
文章目录React 组件创建组件函数式组件类组件组件三大特征statesetStateprops对 Props 进行限制React 组件创建组件组件分为两类，分别是函数式组件，以及类组件函数式组件函数式组件中的 thisbabel 官网的试一试，可以把函数复制进来看一看类组件类中的一般方法放到了类的原型对象上<script type="text/babel"> //1.创建类式组件 class MyComponent extends React.Component
2022-04-17 14:37:39
644
原创 【前端58_React】Hello-React、JSX、插件
文章目录前言什么是 React编程方式React 特点React 高效的原因Hello-React引入框架虚拟 DOM 创建的两种方式虚拟DOM 与 真实DOM前言什么是 React用于动态构建用户界面的 JavaScript 库(只关注于视图)编程方式通常的编程方法有两种：命令式编程：写明每一步都做什么声明式编程：告诉程序我最后想要什么样的效果，至于步骤，让框架去帮我们实现React 就是一个框架，声明式编程的写法React 特点声明式编码组件化编码React Nativ
2022-04-10 14:14:25
830
原创 【前端57_Angular】自学
文章目录Angular结构型指令属性绑定点击事件Angular结构型指令大多数的指令都是 *ng 加上相应的指令，比方说官网上的 for 循环属性绑定点击事件在标签上用(click) 来创建点击事件
2022-03-18 17:18:43
471
原创 【前端56_Vue 3】 自学
文章目录Vue3intro什么是 DOM为什么会有虚拟 DOM渲染函数初识Vue 三大核心模块组件的执行过程Vue3学习视频 做的笔记intro什么是 DOM全程为：Document Object Model为什么会有虚拟 DOM因为搜索和更新真实的 DOM 会很慢虚拟DOM 是用 javascript 对象来表示 dom 的一种方式渲染函数初识我们写的 template 首先会通过 vue 处理成渲染函数，渲染函数返回虚拟 DOM当组件中的数据更新之后，会重新执行渲
2022-03-15 10:40:29
1389
原创 公众号的服务端开发思路
文章目录思路开发思路开发首先需要有一个微信服务器能访问到的公网ip，我们开发完的服务可以通过内网穿透，穿透到公网上，供微信服务器去访问。
2022-01-10 17:42:26
479
原创 git 关联远程仓库
步骤首先用脚手架在本地新建一个项目然后在 git 或者 gitee 上新建远程仓库，复制 git 地址接着打开本地的项目，然后通过 git remote add origin 远程地址，来关联远程项目// 举个我的例子git remote add origin [email protected]:lovely_ruby/my-form.git 首次把项目推送到远端需要在终端执行以下代码git push --set-upstream origin master以后推送代码的话
2021-12-23 15:23:48
562
原创 【前端55_React】快速上手：新建项目、JSX 语法、VSCode 插件、组件、关于 setState、生命周期
文章目录React 入门介绍新建并启动项目create-react-app 项目结构React 和 ReactCreateJSX语法基本使⽤函数jsx 对象条件表达数组属性src 属性元素类名行内 Style模块化React 入门介绍官方介绍来源于 facebook新建并启动项目在命令行里输入如下命令npx create-react-app hello-react什么是 npx 呢? 可以看一下阮一峰的教程主要点：Node 自带 npm 模块，所以可以直接使用 npx 命令。万
2021-11-28 12:17:14
772
原创 Vue 中引入其他字体
文章目录效果设置方法效果设置方法首先下载字体文件定义font-face在 main.js 中引入最后在全局css 下引用。
2021-11-23 12:01:45
474
原创 【前端54_Vue】Vuex 统一状态管理：定义变量、获取变量、修改变量、以及较好的实践：模块化，映射方法、派生方法、严格模式、插件
文章目录Vuex简介Vuex简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以可预测的方式发生变化。
2021-11-19 17:16:39
1165
原创 【前端53_Vue】路由 Router：安装、基础使用、动态路由匹配、通配符、嵌套路由、编程导航、高级路由使用：路由守卫、动态路由、路由组件缓存keep-alive、路由懒加载
文章目录Vue Router安装Vue Router安装在终端中输入 vue add router 即可安装 router 插件安装过程中会让你选择 Use history mode for router，两者有些差别，具体请参阅这篇博文安装过程如下：
2021-11-06 15:57:23
887
原创 【前端52_Vue】工程化：快速安装脚手架、创建项目、安装插件、开发需要知道的：静态文件的引入、路径转换规则、CSS：预处理器、Scoped、数据访问相关：数据模拟、代理
文章目录工程化 Vue cli简介快速开发全局安装 vue/cli-service-global启动 vue serve创建项目命令行创建Vue UI工程化 Vue cli简介它的全称叫做：command line interface缺乏系统性的工程管理，优化，压缩如果是单文件的话，如果是团队开发，那么单文件就会引发很多次冲突快速开发你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发全局安装 vue/cli-service-gl
2021-11-03 22:27:23
247
原创 前端 svg 图标的使用
文章目录寻找 svg 素材页面中使用更好的使用寻找 svg 素材可以在页面中使用步骤为：引入脚本使用 svg 标签// 引入脚本<script src="https://at.alicdn.com/t/font_2898567_tpf9w52zo9.js"></script>// 页面中使用<svg> <use xlink:href="#icon-cardboard"></use></svg>
2021-10-28 11:03:06
3535
原创 Minified React error #152； visit https://reactjs.org/docs/error-decoder.html?
文章目录问题描述报错原因解决感谢问题描述今天修改了个 React 项目，部署到线上的时候报了个错误，报错信息如下：报错原因return 后面是不可以直接写注释的解决删掉、或者移动 return 后的注释// 正则表达式\(\s*\n?\s*//我的截图：感谢百度了一下，从这个帖子里找到的答案，大哥牛逼：https://www.amitk.co.in/blog/how-to-fix-minified-react-error-152/...
2021-10-27 14:19:30
938
原创 【前端51_Vue】重学 Vue 之基础复习（二）：过渡动画、复用性：过滤器、自定义指令、虚拟DOM、函数式组件、混入、插件
文章目录Vue 中的 过渡 & 动画transition 组件使用 Animated.css 动画库JavaScript 钩子Vue 中的 过渡 & 动画有以下几个方式去添加过渡 & 动画：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Velocity.jstransition 组件Vue
2021-10-11 15:28:31
144
Finally_HeilongjiangUniversity.7z
2019-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人