下定决心还是再学一遍 CSS 等前端知识

大纲​

CSS 文本属性​

text-decoration​

• text-decoration(常用):用于设置文字的装饰线

  • none：无任何装饰线，可以去除 a 元素默认的下划线
  • underline: 下划线
  • overline: 上划线
  • line-through: 中划线

• 企业中常用的

  • css/reset.css 在里面设置, 在 html 通过 link 引入

a {
  text-decoration: none;
}

text-transform​

• text-transform(一般)
  • capitalize（每个单词的首字母大写）
  • uppercase 大写
  • lowercase 小写
  • none 没有任何影响

text-indent​

• text-indent(一般): 设置第一行内容的缩进
  • font-size: 40px; text-indent: 80px;
  • text-indent: 2em;

text-align​

• text-align(重要)
  • 直接翻译过来设置文本的对齐方式
  • MDN：定义行内内容（例如文字），如何想对它的块 父元素对其
  • 常用的值
    • left
    • right
    • center
    • justify： 两端对齐，基本很少用
      • 需要和text-align-last: justify一起配合用
  • W3C
    • This shorthand property sets the 'text-align-all' and 'text-align-last' properties and describes how the inline-level content of a block is aligned along the inline axis if the content does not completely fill

word/letter-spacing​

• word/letter-spacing
  • letter-spacing: 10px;
  • word-spacing: 10px;

CSS 字体的属性​

font-size​

• 常用设置
  • 具体数值 + 单位：默认为 16px（浏览器设置我们自己的大小就是 16px）
  • em
  • 百分比
    • 可以继承

font-family​

• 用于设置文字的字体名称 - 可以设置 1 个或者多个字体名称 - 浏览器会选择列表中第一个该计算机上有安装的字体 - 或者是通过 @font-face 指定的可以直接下载的字体 可以继承

font-weight(重要)​

• 用于设置文字的粗细(重量)
• 常见的取值
  • 100, 200, 300, 400, 500, 600, 700, 800, 900, 每一个数字表示一个重量
  • normal: 等于 400
  • bold: 等于 700
• strong, b, h1-h6 默认设置的就是 bold

font-style（一般）​

• 设置文字的常规，斜体显示

  • normal
  • italic：斜体，字体本身支持斜体时，显示的斜体
  • oblique：斜体，不管字体支持不支持斜体，都给字体做倾斜，看起来像斜体

• 早期 em, i, cite, address, var, dfn 等元素的 font-style 默认就是 italic

font-variant(了解)​

可以影响小写字母的显示形式，variant 是变形的意思

可以设置的值如下： - normal - small-caps 将小写字母替换为缩小过的大写字母 - My Name Is ->

line-height(常用)​

• 用于设置文本的行高

  • 可以先简单理解为一行文字所占据的高度

• 为什么文本需要行高

  • 方便文本的阅读和理解

• 严格定义

  • 两行文字(基线)之间的间距
  • 基线：与小写字母 x 对齐的线

• line-height - 文本的高度 = 行距
• 文本默认会在一行的中间显示

font​

• font 是一个缩写属性

  • font-style
  • font-size
  • font-weight
  • font-variant
  • font-family
  • line-height
  • font-style font-variant font-weight font-size/line-height font-family;

• 规则

  • font-style font-variant font-weight 可以随意调换顺序，也可以省略
  • /line-height 可以省略， 如果不省略，必须跟在 font-size 后面
    • 如果是数值，表示 2 倍或者 1.5 倍前面的行高
  • font-size, font-family 不可以调换顺序，不可以省略

font-size: 30px;
font-weight: 700;
font-variant: small-caps;
font-style: italic;
font-family: serif;
line-height: 30px;

font: italic small-caps 700 30px/30px serif;

CSS 选择器​

下定决心还是再学一遍 CSS 等前端知识

CSS​

• 三种引入方式

  • inline
  • <style></style>
  • 文件引入的方式：<link rel="stylesheet", href="./css/style.css">

• index.css, 把其他 CSS 文件放到这里

@import url(./style.css) @import url(./test.css); /* @import "./style.css"
   但是推荐上面的那一种，用括号的方式，意思是作为函数参数传入
*/

• CSS 的注释
  • /*CSS的注释*/

一个好问题：如果写多了注释，用户在下载文件的时候会不会太大，造成打开网页缓慢？

这个考虑是对的，但未来我们会用打包工具，比如 webpack，上传到服务器的代码会删除我们写的注释

常见的 CSS 元素​

必须掌握的 CSS 属性​

定位（Position）和布局（Layout）​

展示（display）和可见（visibility）​

盒子模型（box model）顺序​

背景设置（background）​

字体（Font），文本（text）​

其他属性（Other Property）​

CSS 属性的官方文档​

• 官方文档

  • https://w3.org/TR?tag=css

• CSS 推荐文档地址

  • https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

• 由于浏览器版本，CSS 版本的问题，查询某些 CSS 是否可用

  • 可以到 caniuse.com，查询 CSS 属性的可用性

案例练习​

/* 方式一：改变元素的特性和垂直方向的布局 */
display: inline-block;
vertical-align: top;

/* 方式二： 通过浮动完成 */
float: left;

额外知识补充 2​

link 元素​

• link 元素是外部资源链接元素，规范了文档与外部资源的关系

  • link 元素通常是在 head 元素中

• 最常用的链接是样式表（CSS）

  • 此外也可以被用来创建站点图标（比如"favicon"图标）

• link 元素常见的属性

  • href：此属性指定被链接资源的 URL。URL 可以是绝对的，也可以是相对的
  • ref：指定链接类型，常见的链接类型
    • icon：站点图标
    • stylesheet：CSS 样式

• 属性

  • dns-prefetch

• preload 预加载，在 webpack 会讲到

进制​

• 二进制：0b 开头
• 八进制：0o 开头
• 16 进制：0x 开头

CSS 里面颜色的表示方法​

• 颜色关键字

• RGB 颜色

  • RGB 是一种色彩空间，通过 R，G，B 三原色来组成不同的颜色
  • RGB 各个原色的取值范围是 0-255

• 当所有颜色都是 0 的时候，呈现黑色

  • 黑色是最纯洁的颜色

• RGB 的表示方法

  • 十六进制 （#RRGGBB[AA]）
  • 十六进制 （#RGB[A]）
  • 函数符 RGB(100, 100, 100)
  • RGBA(), A 表示透明度

Chrome 浏览器开发者工具​

• 打开

  • 右键->检查
  • 快捷键 F12

• 其他技巧

  • 快捷键：ctrl+ 可以调整页面或者工具的字体大小
  • 通过删除某些元素来查看网页结构
  • 通过增删 css 来调试网页样式

浏览器的渲染流程 HTML，CSS​

Dom Tree -> Render Tree(With CSS)

1.1 查看历史命令​

1.1.1 简单查看​

1. 查看所有
   • 命令行: history
   • 快捷键查看所有 Command + shift + H
2. 模糊匹配

• 命令行: history | grep python
• 快捷键: Ctrl + R

1.2 iTerm中使用历史补全​

1.2.1 内置快捷键 Command + ;​

1. 输入命令前缀:
   • 在 iTerm 的命令行中，输入一个命令的前缀，比如，gcloud
2. 按快捷键: Command + ;, iTerm 会弹出一个窗口，列出当前会话中所有以你输入的前缀开头的历史命令。
   • 例如:
3. 选择并补全：
   • 从弹出的列表中选择你需要的命令，选择后就会自动补全，然后可以自己去修改

缺点，显示的不全

注意： 要解决 iTerm2 中 Command + ; 补全命令的历史记录跨会话保存问题，以及确保 Shell 正确保存历史记录 vi ~/.zshrc 编辑文件，在末尾添加:

# 设置历史记录文件大小和保存位置
HISTFILE=~/.zsh_history         # 历史记录文件路径
HISTSIZE=10000                  # 内存中保存的历史记录数量
SAVEHIST=10000                  # 历史记录文件中保存的数量

# 追加历史记录（而不是覆盖）
setopt appendhistory            # 多个会话的历史记录会合并
setopt inc_append_history       # 实时追加历史记录（无需重启会话）
setopt share_history            # 跨会话共享历史记录
setopt extended_history         # 记录时间戳

保存后生效: source ~/.zshrc

1.2.2 高级补全功能​

如果想要达到如下效果，在输入的时候实时显示灰色

配置方式​

使用 zsh 和 oh-my-zsh：

1. 安装 oh-my-zsh（如果尚未安装）：运行 sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"。
2. 安装 zsh-autosuggestions 插件：

• 克隆插件到 oh-my-zsh 的插件目录：git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
• 编辑 .zshrc 文件，添加 zsh-autosuggestions 到插件列表：plugins=(zsh-autosuggestions) （新添加一行）
• 保存并重启 iTerm2，或运行 source ~/.zshrc 使配置生效。

...
# Add wisely, as too many plugins slow down shell startup.
plugins=(git)
plugins=(zsh-autosuggestions)
...

使用方式​

还是跟刚才类似，输入前缀,此时会自动出现匹配的历史命令，但是是灰色的，如果采纳，则按->箭头，如果不是的，则按上下箭头来翻页

团队成员经常忘记写单元测试，那如何强制让写测试呢？

通过在 gradle 中添加相关的配置：

1. 在build.gradle中添加相关的配置​

plugins中需要引入jacoco的依赖:

plugins {
	id 'java'
	id 'org.springframework.boot' version '3.3.2'
	id 'io.spring.dependency-management' version '1.1.6'
	id 'jacoco'
}

添加一个生成jacoco测试报告的任务:

jacocoTestReport {
	dependsOn test
	reports {
		xml.required = false
		csv.required = false
		html.outputLocation.set(layout.buildDirectory.dir("reports/jacoco"))
	}
	afterEvaluate {
		classDirectories.setFrom(files(classDirectories.files.collect {
			fileTree(dir: it, exclude: ['**/dto', '**/entity', '**/domain'])
		}))
	}
}

• 生成的测试报告路径: build/reports/jacoco/index.html
• 可以忽略某些文件，比如 entity 等

添加一个测试覆盖率检查的任务:

jacocoTestCoverageVerification {
	dependsOn test
	afterEvaluate {
		classDirectories.setFrom(files(classDirectories.files.collect {
			fileTree(dir: it, exclude: ['**/dto', '**/entity', '**/domain'])
		}))
	}
	violationRules {
		rule {
			limit {
				counter = 'LINE'
				value = 'COVEREDRATIO'
				minimum = 0.7
			}
		}
		rule {
			limit {
				counter = 'BRANCH'
				value = 'COVEREDRATIO'
				minimum = 0.8
			}
		}
	}
}

我这里lineCoverage 需要达到 70%, 分支覆盖率需要达到 80%

2. git hooks配置​

3. CI/CD 中的配置​

认证问题​

如何根据定位来确认用户是否属于某个小区

如何排除虚拟作弊

能解决的问题​

很多上门费很贵，利用社区特性，接龙让师傅一天跑多家

既可以提高师傅一天处理的人家数量，又可以降低成本

https://www.heroui.com/

SOP​

• 选题
• 找素材

SOP​

选题​

壁纸资源

找素材​

哲风壁纸

自我管理是一套完整系统​

自我管理几个重要的点

自知机制​

我们从长期最重要的事项里面演变出来的日回顾，确保我们每天的行动已经跟长期目标对齐。

精要主义​

在日常执行的时候，我们只做"更少而更好"的事。

精力管理​

我们用科学的方法管理好自己(负面情绪, 疲惫感),自己保持在一个比较嗨的状态。

让"大象"出于积极面​

心理学家乔纳森海特在《象与骑像人》里使用了类比-我们的情感面像一头大象，理性面就是骑象人。

如果"大象"出于积极面，我们做事就会事半功倍。

"抽离"​

工作节奏越快，越繁忙，就越需要我们在自己的工作日程中留出更多的时间用以思考。

action: 第一: 列出你的目标

第二: 列出你当下的目标 阶段性目标

第三: 列出你当下可以做的事情可以达到你的目标

第四: 在这些事情里面，排查这件事情跟我的目标相不相关，对我实现当前阶段的目标有没有用

有时候没有甄别能力，到底做哪些事情能帮助我达到目标

执行力：小步尝试，花最小的精力去尝试，看反馈，最后集中精力用那个方法去走

取舍: 精要主义是需要知道哪些不重要

推荐几本书: 《了不起的我》 《精力管理》 《意志力陷阱》 《吃掉那只青蛙》 《每天最重要的2件事》 《精要主义》

找到"重要事项",建立"自制机制"​

1. 如何找到自己的"重要事项"​

1. 事前预测法
2. 四步找到自己的"重要事项"

列出三年后的目标(smart 原则)

描述人生失败场景

列出引起失败的原因

刷新目标，罗列风险

这本书大家吐槽翻译不是很好，但是我觉得对于初学者，这种程度足以，当然有能力更建议阅读原版书籍

1.1 Introduction to QuantStart QuantStart was founded by Michael Halls-Moore, in 2010, to help junior quantitative analysts (QAs) find jobs in the tough economic climate. Since then the site has evolved to become a substantial resource for quantitative finance. The site now concentrates on algorithmic trading, but also discusses quantitative development, in both Python and C++. Since March 2010, QuantStart has helped over 200,000 visitors improve their quantitative finance skills. You can always contact QuantStart by sending an email to mike@quantstart.com. 1.2 What is this Book? Successful Algorithmic Trading has been written to teach retail discretionary traders and trading professionals, with basic programming skills, how to create fully automated profitable and robust algorithmic trading systems using the Python programming language. The book describes the nature of an algorithmic trading system, how to obtain and organise financial data, the concept of backtesting and how to implement an execution system. The book is designed to be extremely practical, with liberal examples of Python code throughout the book to demonstrate the principles and practice of algorithmic trading. 1.3 Who is this Book For? This book has been written for both retail traders and professional quants who have some basic exposure to programming and wish to learn how to apply modern languages and libraries to algorithmic trading. It is designed for those who enjoy self-study and can learn by example. The book is aimed at individuals interested in actual programming and implementation, as I believe that real success in algorithmic trading comes from fully understanding the implementation details. Professional quantitative traders will also find the content useful. Exposure to new libraries and implementation methods may lead to more optimal execution or more accurate backtesting. 1.4 What are the Prerequisites? The book is relatively self-contained, but does assume a familiarity with the basics of trading in a discretionary setting. The book does not require an extensive programming background, but basic familiarity with a programming language is assumed. You should be aware of elementary programming concepts such as variable declaration, flow-control (if-else) and looping (for/while). Some of the trading strategies make use of statistical machine learning techniques. In addition, the portfolio/strategy optimisation sections make extensive use of search and optimisation

我用夸克网盘分享了「1-Successful Algorithmic Trading」，点击链接即可保存。打开「夸克APP」，无需下载在线播放视频，畅享原画5倍速，支持电视投屏。 链接：https://pan.quark.cn/s/8c02eac768ae 提取码：PxwJ

用品类​

• 洗手液两瓶
• 一次性牙刷 10 把，或者一元的牙刷
• 拖鞋：女性凉拖鞋 3 双 37两双 38 一双
• 拖鞋：男性凉拖鞋 3 双 42两双 43 一双
• 毛巾: 三幅(洗澡洗脸洗屁股)
• 刷牙杯: 三个

已经买过的:

• 牙膏
• 剃须刀
• 纸巾 抽纸
• 厨房调料用品置物架
• 沐浴露一瓶：500ML 以上放客卫
• 洗发水一瓶：500ML 以上放客卫
• 洗面奶: 三个，男女主人个一个，客卫一个
• 一次性碗筷 50 份/100份