LittleBlack

写在建站之初2022/2/10从小就不喜欢语文的我，在高考结束后一年多都没有什么写东西的机会的大背景下，居然感觉偶尔写下些什么很棒~ 正好有现成的服务器，买了一个域名，找一篇靠谱的教程，一天，它诞生了。 在好朋友的指点下，网站暂时看起来也还不错。作为一个软件工程的学生，我当时还没有意识到写博客的好处。不仅仅是当日记一样记录，这更是一个锻炼自己表达能力和网站运营、维护的机会。 除了一些我自己没事想起来写下的东西，我争取上传一些学习过程中的笔记和某个方面的使用说明，大学不像高中，不再有什么给别人讲题的机会了，就以这种方式来检验一下自己是否真正掌握了所学的知识和技术吧~ 网站后面肯定还会增加新内容哒，欢迎持续关注哦~

操作系统 operating system (1)第一章 计算机系统计算机系统概述计算机技术的发展： 第一代电子管计算机 第二代晶体管计算机 第三代集成电路计算机 第四代大规模与超大规模集成电路计算机 计算系统的组成： 包括硬件和软件两个部分： 硬件系统：借助电、磁、光、机械等原理构造的各种物理不见的有机结合，是计算机系统工作的载体，包括处理器、存储器、I/O控制系统及外围设备； 软件系统：包括各类程序和文件，用于只会计算机系统按指定要求进行协同工作，包括系统软件、支撑软件和应用软件，其中最关键的系统软件是操作系统和语言处理程序。 计算机硬件系统 计算机硬件系统的组成冯诺依曼模型 计算机总线 内部总线：用于CPU芯片内部连接各元件 系统总线：用于连接CPU、存储器和各种I/O模块等主要部件 通信总线：用于计算机系统之间通信 中央处理器存储器 外围设备 输入设备 输出设备 存储设备 机机通信设备 计算机软件系统计算机软件系统的组成包括系统软件、支撑软件和应用软件三大组成部分。 系统软件 操作系统、实用程序、语言处理程序、数据库管理系统与专用文件系统。 操作系统实施对各种软硬 ...

Spring 框架技术什么是JavaBean？JavaBean就是有一定规范的Java实体类，不同的是内部提供了一些公共的方法以便外接对该对象内部属性进行操作，不如set、get等。 IoC理论基础Inversion of Control 控制反转 借助于“第三方”实现具有依赖关系的对象之间的解耦。 对象A获得依赖对象B的过程,由主动行为变为了被动行为，控制权颠倒过来了，这就是“控制反转”这个名称的由来。 详见浅谈IOC–说清楚IOC是什么_ivan820819的博客-CSDN博客_ioc 使用IoC容器

代码整洁之道（1）引言短短的两个月内，陆续的上手了两个规模还算大的前端和后端项目，其实两边都算是刚入门的水平，开发过程中其实也感受到了不少代码整洁所带来的好处。后端由于是有大佬带 + SpringBoot的后端项目结构很规范，所以类间关系的抽象和设计其实没遇到很大的问题，但是对于具体方法的实现，其实在代码的维护和可读性上还是遇到了一定的问题的。这个问题到了前端开发时问题就更加明显了，自己从零设计一个完整的项目耗费了我很大的精力，而且项目结构并不是很规范，在开发时其实翻来覆去重构了很多次，现在基本实现了功能的代码也有很多的“负债”。不管是组件间的抽象还是方法的抽象，都有很大的问题，所以愈发觉得这本书的意义之深。所以写下这个系列来记录一下这本书的学习过程。 ——2022/9/10 有意义的命名名副其实变量、函数或类的名称应该已经答复了所有的大问题。它该告诉你，它为什么会存在，它做什么事，应该怎么用。如果名称需要注释来补充，那就不算是名副其实。 在修改完命名后，我们能够通过变量名很容易的理解代码的语义。如果觉得使用int数组不够优雅且还不够直观，还可以自定义一个类 ...

前端学习踩坑（5）——更高级的手势需求引言经过上次与那个小滑块的斗智斗勇后，我对于Animated和PanResponder库的理解已经较为深刻了，所以在开发这次需求时，其实并没有花费太多时间和精力。并且现在这个需求还处于一个未完成的状态，目前只简单的整理一下手势检测的部分。 关于上次的小滑块和Animated和PanResponder的更多内容（更基础）可以参见下面链接： 前端学习踩坑（3） | LittleBlack 需求 ​ 其实这次并不算是设计给我出的难题，这应该算是一个最基本的照片裁剪功能。因为一些项目结构的特殊性，使得我不得不尝试自己从0开始写一个相关的功能。其中需求主要有以下几大难题： 中间透明外部渐变的框如何实现 图片显示和手势判断不在同一层（图片在底层，但是中间夹了框、按钮、导航栏等） 手势的实现（单指移动，双指缩放） 图片的裁剪（未实现） 实现中间透明外部渐变的框如何实现直接在scss中使用原生css中的渐变代码是没办法实现的，如果一定要用的话，可以使用RN的渐变库react-native-linear-gradient。 react-nat ...

前端学习踩坑（4）—— 自定义组件引言由于一些样式和功能的特殊要求，RN自带的很多组件已经无法满足我的开发要求了，所以我开始了项目RN组件库的初期搭建。 听起来很高大上，但是其实目前我的办法就是在项目里面新建一个组件，然后用接口约束props，在需求和现有组件的基础上自己封装一些组件出来，下面我就挑几个说说。 WCTextInput首先，我将组件实现功能所需要的props类型抽象为接口来进行约束： 由于设计的需求，实际上输入框分为三种类型： 输入框前面有提示的 密码类型的（多了是否可见的按钮 + 文本不可显示） 最普通的 一开始，我的想法是先使用最基本的View、TextInput、Text为基础封装一个最普通的输入框，并在普通的输入框上继续封装上述的两种较为复杂的输入框。但是在我和亲爱的mentor沟通过后，他给了我一个很好的思路。 其实没有必要封装那么多，是否有前面的提示完全可以自适应渲染。只有判断content不为空字符串的时候才会渲染，否则就直接不渲染那个Text。密码和普通的文字输入，也可以在props中添加一个type来修饰，这样大大减少了组件之间封装 ...

前端学习踩坑（3）——一个小滑块的开发过程需求在React-Native Expo项目中，需要一个可以拖动的滑块。但是： 滑块的可拖动范围需要被约束 滑块的拖动按钮为图片，且图片需要随着滑块所在点位的不同发生变化 滑块的拖动过程中，有一定数量的吸附点位，当松手后滑块应该自动吸附到最近的点位上 初探（4hours）看起来这么一个好看炫酷的组件，当我看到它的第一眼自然也是很喜欢的。 但是！！问题就在于开发是由我来负责的，这么一个小小的功能所要实现要涉及到的知识可不少啊。 早在设计评审之前，我就已经和设计的同学沟通了关于这个滑块的相关事宜。 看在他这么关心我的份上，开学当面感谢他的时候就少砍两刀吧 首先，我秉持着白嫖优先的原则，搜索了相关的RN开源组件。我发现了这么一个组件： callstack/react-native-slider: React Native component exposing Slider from iOS and SeekBar from Android (github.com) 我兴奋的安装并上手测试了一下它，发现只需要一行import和一行&l ...

前端学习踩坑（2） 笔者这两天正在进行React基础的学习，涉及到的问题多为基础 React组件三大特性statestate是React.Component中已经定义好的一个属性，在我们继承React.Component并编写类式组件时，如果我们要改组件保存一些状态 / 属性，我们可以使用setState方法对基类中的state进行修改。state只能在类式组件中使用。 12345678910111213141516class Demo extends React.Component { constructor(props) { super(props); this.state = { stateOne : true, stateTwo : "mjmm" } } chanceState = () => { this.setState({ st ...

前端学习踩坑（1） 笔者这两天正在进行JavaScript与TypeScript基础项目的编写，涉及到的问题多为基础 关于TS与JS的爱恨情仇通过属性的key访问value众所周知，js中我们在定义了某个对象的属性的前提下，可以直接使用key来访问该属性的value，如下: 12345class User { name: "aaa"}let user = new User();console.log(user[name]) 在显式的类定义下，ts也可以做到相同的事情，写法仅仅是添加一个属性的类型 12345class User{ name : string = '111'}let user = new User();console.log(user.name) 但是在某些情况下，我们需要遍历某个对象里的所有属性，并且可能这个对象的定义对于我们来说是非显式定义的，即我们也不知道他的类型，所以我们在ts中便出现了以下的问题： 123456function span(user : obje ...

前端小demo讲解（1） CSS 布局：实现适应性卡片布局的网页 需求： 卡片样式如图所示，上面一半为图片，下面一半为内容（标题，详情，read more按钮） 卡片与按钮要求圆角，颜色与字体没有什么硬性要求 按钮在鼠标悬浮(hover)后需要变色、鼠标变成指针pointer，且read more文字居中 布局上 主体宽度不超过1200px，视口宽度大于1200px时，主体居中 当视口宽度较大时，三栏布局，较小时，两栏布局。临界点可自定义。（运用CSS里的媒体查询） 卡片之间保证一定的左右间距与上下间距，间距大小不做具体要求 例子参考：https://codepen.io/mahmudulhrabby/pen/GGqdvr 思路分析html思路分析： 通过一个大div作为主体，在其中加入3个div分别用于表示标题部分、卡片部分和最下方的签名部分 卡片内部通过使用无序列表添加新卡片 单个卡片的div中包括一个img，和一个用于存储文字 + 按钮的小div 小div内包括一个h2，一个p，一个button CSS思路分析： 卡片排布和卡片内内容排布主要使用flex布局 ...