源心锁-CSDN博客

原创 CDP篇: 用 Chrome devtools 的 network 标签页调试 node 请求

👋 想知道如何用 Chrome DevTools 轻松调试 Node.js 网络请求吗？本篇通过拦截请求、创建 WebSocket 服务，并将数据推送到 DevTools，让网调试变得生动优雅🚀✨

2024-06-14 09:37:45 1351

原创深入浅出Git原理与Gitflow流程

聊聊Git Objects，学学Git原理，咱总得知道知道这玩意儿为什么能保存那么多数据是不是。顺便谈谈Git Flow。

2024-06-14 09:00:00 884

原创 [通明境 · React架构]通俗地讲React，优雅地理解React

[1.1万字] (=^▽^=)React源码并非洪水猛兽，知道方法，就可以很轻易地驯服它。文章基于最新的React源码进行调试及阅读，通俗地讲解React

2023-03-15 22:08:23 484 1

原创谷歌来了也不好使！谁说Chrome插件v3中不能使用eval?

全网上手最快最简单最管用的Chrome extension v3的eval解决方案，抛弃那些大坑吧，咱好歹实实在在跑得起来

2022-09-06 18:22:53 4124 13

前言这里有一些时间，你能判断它们的具体时间么？2022-04-15T00:00:00.000+08002022-04-15T07:00:00.000+07002022-04-16 15:50:562022-04-161650038400000它们其实分别对应东八区时间、东七区时间、无时区时间、日期、时间戳如果读者有一定的项目开发经验，就一定会成为数据库里存储的时间都应该是时间戳这一观点的拥趸那么回归正题，我们要把这些傻了吧唧的时间全都适配成用户认知中的时间1 认识时间首先我们应

2022-04-17 00:31:51 3504

原创 2022年3月末最新Eslint + Prettier + Husky + Stylelint + Jest + CI/CD 超详细前端单元测试&规范工程化工作流

Eslint + Prettier + Husky + Stylelint + Jest + CI/CD + CustomCommand + React框架超详细的前端工程化教学

2022-03-28 11:43:30 1049

原创 JS滑动滚动的n种方式

window.scroll｜window.scrollBy｜window.scrollTo｜window.scrollByLines｜window.scrollByLines｜element.scrollIntoVIew｜srcollTop | 判断是否某元素的外层可滑动and so on，应有尽有

2022-02-22 17:00:47 23063

原创 JavaScript：像wx.cloud.database一样封装前端数据库操作

JavaScript：像wx.cloud.database一样封装前端数据库操作前天呢去公司见了一下未来的同事~看了一下现在的业务代码，发现了其中一个有趣的操作。即在前端向统一一个接口做数据库操作，我当时蛮震惊（我本以为的直接字符串SQL语句这样）。后来看了一下发现还是通过request请求的方式完成，不过现有封装是在一个函数中一次条件一次请求，回想小程序的云开发数据库请求，这不是现成的封装例子么！搞起来！项目使用了click house作为数据库，封装上要和mongoDB有些不同；1 抽象要做

2021-12-26 23:59:10 826

原创 TypeScript入门（一）

TypeScript入门（一）出于对Ts的憧憬（嗯哼），开始了新的旅程1 从Js到Ts从Js转到Ts其实非常简单，从jsx到tsx同样如此，不过首先我们要忍耐满屏的爆红而从js到ts，最基本的做法就是把各个参数先声明成any类型为适配转换：原版 TS适配2 关键词interface学习2.1 基本使用ts和js相比增加了interface关键词，而这也是ts的核心基础在ts中，interface关键词用处广泛，以下列举了一些示例2.1.1 对象接口interface

2021-12-20 00:27:54 693 1

原创 HTTP缓存小记

HTTP缓存小记

2021-12-12 23:59:25 1682

原创 ES6-Promise 65行代码手撕Promise

手撕Promise到了找实习的时候，看面经感觉不是很好，还是写写代码最能记住东西手撕目标包含then、catch方法支持链式调用异步解决方案手撕开始那么首先，如果你不知道Promise，你可能需要绕道先去学习一下，因为这里不想啰嗦要直接动手写滴哦我这里应该是和网上的很多教程不太一样哈，因为一时没有想到大家的思路…基本框架const PENDING = "pending";const FINISHED = "fulfilled";const FAILED = "rejected

2021-11-05 20:31:56 186

原创 React：像message.success()一样实现Message通用容器及Message组件

我在开发不紧急的时候喜欢自己实现一些轮子；而这次要做的就是做一个非常常用的组件Message对于Message这样的组件，在各个页面都有可能使用到。但我们是不希望在各个页面都必须引入一个容器的，也不希望还必须做专门的组件挂载，这样的组件能用，但不是很能用。我希望造出一个如下一般只需要在js中进行简单的调用函数即可的开箱即用组件，当然最终也要允许用户自定义配置。message.success("成功")message.error("fail")最终实现效果组件设计无需在调用的时候手动挂.

2021-10-14 21:19:14 1781

原创用tailwindcss的思想+scss手撸公有样式

前言在了解了cssinjs之后，我对css框架的发展不由得产生了一些兴趣。浏览之下找到了tailwindcss，这设计非常惊艳，虽然咋一看非常非常丑陋，但是对于已经熟记规则的开发者，再借助vscode插件，带来的开发体验非常之棒而稍加尝试之后，我想试着把tailwindcss引入到我现有的项目中，但是引入过程中，我发现对于一些微型项目，引入tailwindcss似乎不太划得来，尤其是我之前也喜欢写公有类以至于出现了css污染（撞得美满），已有的设计规范和微型项目不值得专门引入tailwindcss，

2021-10-10 22:46:52 1761 1

原创我不知道的前端（二）

记录下我的学习笔记标签模板化字面量啊c这是什么东西听起来好厉害不说都不知道，这是通过``定义的字符串带有的特性，我们光知道 `${}` 这种用法，却很少有人知道下边这种用法`\n`.length //1String.raw`\n`.length //2var a=function(e){ e+="***" return e}a`\n` //4当我们不带括号使用函数，函数.

2021-10-04 10:52:20 129

原创我不知道的前端（一）

记录下我的学习笔记原生JS如何获取父节点？element.parentNodesort()函数详细sort函数蛮常用，但是我的开发日常也仅限于sort()，还是有必要详细陈列sort可以接受一个函数sort((a,b)=>{ return a-b;})a\b是什么嘞？我尝试了一下var array=[-1,1,3,4,6,10]; array.sort((a,b)=>{console.log(a,b);return a-b;});1 -13 14 3.

2021-10-04 10:51:32 212 1

原创前端工程化之plop的使用

plop是什么？plop是一个轻量级的项目构建工具，api相当简单好用明确需求为什么需要plop？理论上讲，plop能做到的东西不算少，但主要也就是模板文件这样。对我来说，用来生成一些模块文件就行安装plop使用全局安装，不要局部，局部安装就是毒瘤。npm install -g plop在当前项目根目录新建文件plopfile.js不需要专门新建一个项目，plop是非常轻量级的工具，api实打实简单，我们甚至不太需要接触到cliconst reducerGenerator = req.

2021-10-04 10:50:36 442

原创 Gradle初识与安卓Gradle

打包点击右方的Gradle -> gradleJava ->Tasks ->build ->jar生成jar包位置：build/libs/***.jar执行jar左下角打开终端java -classpath build\libs***.jar com.justTest.App

2021-07-31 23:23:11 559

原创 JavaScript：异步简介与Promise实践拓展

JavaScript语言的一大特点就是单线程，但是在遇到鼠标点击、网络请求、动画执行或者对于Node.js来讲要遇到的数据库操作这一类明显耗时程序的时候，采用单线程的话，会产生明显的阻塞。而对此的解决方案，js是通过任务队列来达到异步的效果。举个最简单的异步例子setTimeout(()=>{ console.log("123");},1000)console.log("456")无疑，这串代码的输出显然是456123异步的常见解决方案上边这个例子中，我们要使得输出正常地表.

2021-07-24 23:50:19 347

原创微信小程序前端模块化解决方案——事件绑定对象中方法

阅读了官方文档，你会发现。微信的事件绑定输入的是字符串。字符串绑定带来的问题包括，把方法堆积在一个js文件里，这是项目开发致命的问题！事件绑定原方法文件树–pages----test.js----test.wxmltest.wxml<view bindtap="clickView" catchtap="catchView"></view>test.jsPage({ clickView(e){ console.log(e); }, catchView.

2021-07-16 17:14:05 283

原创复习的艺术（二）Java程序设计1-4章

Java程序本文不覆盖所有内容，只会记录本人较为模糊的概念第一章Java语言的特点简单且易于学习（相对于C++）面向对象分布式java.net包RMI（远程方法激活）高性能Java先由编译器编译再由解释器解释，运行速度比C++稍慢安全性多线程可移植性动态面向对象的的基本概念与特征1. 对象从程序设计者的角度，对象是一个程序模块。从用户角度，对象为他们提供所希望的行为。2. 类类是对象的模板，类是再对象之上的抽象。3. 消息消息是对象之间进行通信的一种规格说

2021-07-10 22:24:15 138

原创基于Auto.js的萌猫跳辅助

许久不见，甚是想念被学长唤醒的博客魂ing…这次是一个失去时效性的小脚本，但是其中包括一些东西或许对你们可以有帮助撒一些要点因为Auto.js并没有直接的对于触控位置的监听，所以需要对安卓API进行调用2.涉及对于画布的使用importClass(android.graphics.PorterDuffXfermode);importClass(android.graphics.PorterDuff);const BG_COLOR = colors.parseColor("#2d

2021-07-03 13:47:41 193946 1

原创 SZTU深圳技术大学教务系统小爱课程表导入——强智科技13369

作为个人来讲非常值得纪念的，具有一定流传度的，较为正规的小项目——小爱课程表导入，于2020/9/9正式完成。审核通过时间暂未明确，测试已经完美。废话不多说，讲讲体会以及开发过程遇到的坑。由于我同样是第一次真正接触JavaScript，遇到的某些问题以及相关解决方案或许能给其他初学开发者较大的帮助。看了官方的开发文档，我们可以明确，整个开发过程只需要编辑两个文件：scheduleHtmlProvider.jsscheduleHtmlPasrse.js第一个文件适配得较好，用来截取HTML片段.

2020-09-09 20:19:47 4860 6

原创判断闰年（代码保存）

通读C++后回来写C的作业和例题…为了学分#include <iostream>#include <stdio.h>int main(){ int year; scanf_s("%d", &year); if (year % 4 ==0 && year %100 !=0) { printf("TRUE"); } else i...

2020-01-16 13:32:11 155

原创 C/C++素数判断

残留着上次测试用的头文件，不想改了。这个程序其实挺臃肿的，但确实可用。PS:我是按照C语言的标准写的#include <iostream>#include <Windows.h>#include <string.h>#include <math.h>//这是一个臃肿的判断素数的程序，请不要尝试改变一些东西，它过于紧凑。bool ch...

2020-01-15 12:14:14 181

MyWay