forked from moyin/fzu-product
Merge branch 'camera-2018:master' into master
This commit is contained in:
14
.github/workflows/cos.yaml
vendored
14
.github/workflows/cos.yaml
vendored
@@ -11,18 +11,20 @@ jobs:
|
|||||||
|
|
||||||
steps:
|
steps:
|
||||||
- name: checkout
|
- name: checkout
|
||||||
uses: actions/checkout@master
|
uses: actions/checkout@v3
|
||||||
|
|
||||||
- name: install dependencies
|
- name: install doc dependencies
|
||||||
run: |
|
run: sudo npm i
|
||||||
sudo pip install coscmd
|
|
||||||
sudo pip install tccli
|
|
||||||
npm i
|
|
||||||
|
|
||||||
- name: build
|
- name: build
|
||||||
run: |
|
run: |
|
||||||
npm run docs:build
|
npm run docs:build
|
||||||
|
|
||||||
|
- name: install coscmd and tccli
|
||||||
|
run: |
|
||||||
|
sudo pip3 install coscmd
|
||||||
|
sudo pip3 install tccli
|
||||||
|
|
||||||
- name: confirgure coscmd and tccli
|
- name: confirgure coscmd and tccli
|
||||||
env:
|
env:
|
||||||
SECRET_ID: ${{ secrets.TCLOUD_API_ID }}
|
SECRET_ID: ${{ secrets.TCLOUD_API_ID }}
|
||||||
|
|||||||
40
.github/workflows/link-pr.yaml
vendored
Normal file
40
.github/workflows/link-pr.yaml
vendored
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
name: links when pr
|
||||||
|
|
||||||
|
on:
|
||||||
|
pull_request:
|
||||||
|
branches: [ master ]
|
||||||
|
paths:
|
||||||
|
- '**.md'
|
||||||
|
- '.lycheeignore'
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
linkChecker:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: checkout
|
||||||
|
uses: actions/checkout@v3
|
||||||
|
|
||||||
|
- name: install doc dependencies
|
||||||
|
run: sudo npm i
|
||||||
|
|
||||||
|
- name: build
|
||||||
|
run: |
|
||||||
|
npm run docs:build
|
||||||
|
|
||||||
|
- name: Link Checker
|
||||||
|
uses: lycheeverse/lychee-action@v1.8.0
|
||||||
|
with:
|
||||||
|
fail: true
|
||||||
|
# For parameter description, see https://github.com/lycheeverse/lychee#commandline-parameters
|
||||||
|
# -E, --exclude-all-private Exclude all private IPs from checking.
|
||||||
|
# -i, --insecure Proceed for server connections considered insecure (invalid TLS)
|
||||||
|
# -n, --no-progress Do not show progress bar.
|
||||||
|
# -t, --timeout <timeout> Website timeout in seconds from connect to response finished [default:20]
|
||||||
|
# --max-concurrency <max-concurrency> Maximum number of concurrent network requests [default: 128]
|
||||||
|
# -a --accept <accept> Comma-separated list of accepted status codes for valid links
|
||||||
|
|
||||||
|
# .vitepress/dist the site directory to check
|
||||||
|
# *.md all markdown files in the root directory
|
||||||
|
args: -E -i -n -t 45 --max-concurrency 64 -a 401,403 -- '.vitepress/dist' '*.md'
|
||||||
|
env:
|
||||||
|
GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
|
||||||
45
.github/workflows/link-schedule.yaml
vendored
Normal file
45
.github/workflows/link-schedule.yaml
vendored
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
name: links
|
||||||
|
|
||||||
|
on:
|
||||||
|
# repository_dispatch:
|
||||||
|
workflow_dispatch:
|
||||||
|
schedule:
|
||||||
|
- cron: "30 8 * * *"
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
linkChecker:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: checkout
|
||||||
|
uses: actions/checkout@v3
|
||||||
|
|
||||||
|
- name: install doc dependencies
|
||||||
|
run: sudo npm i
|
||||||
|
|
||||||
|
- name: build
|
||||||
|
run: |
|
||||||
|
npm run docs:build
|
||||||
|
|
||||||
|
- name: Link Checker
|
||||||
|
uses: lycheeverse/lychee-action@v1.8.0
|
||||||
|
with:
|
||||||
|
# For parameter description, see https://github.com/lycheeverse/lychee#commandline-parameters
|
||||||
|
# -E, --exclude-all-private Exclude all private IPs from checking.
|
||||||
|
# -i, --insecure Proceed for server connections considered insecure (invalid TLS)
|
||||||
|
# -n, --no-progress Do not show progress bar.
|
||||||
|
# -t, --timeout <timeout> Website timeout in seconds from connect to response finished [default:20]
|
||||||
|
# --max-concurrency <max-concurrency> Maximum number of concurrent network requests [default: 128]
|
||||||
|
# -a --accept <accept> Comma-separated list of accepted status codes for valid links
|
||||||
|
|
||||||
|
# .vitepress/dist the site directory to check
|
||||||
|
# *.md all markdown files in the root directory
|
||||||
|
args: -E -i -n -t 45 --max-concurrency 64 -a 401,403 -- '.vitepress/dist' '*.md'
|
||||||
|
output: out.md
|
||||||
|
env:
|
||||||
|
GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
|
||||||
|
- name: Create Issue From File
|
||||||
|
uses: peter-evans/create-issue-from-file@v3
|
||||||
|
with:
|
||||||
|
title: Broken Link Detected
|
||||||
|
content-filepath: out.md
|
||||||
|
assignees: nightwhite
|
||||||
1
.gitignore
vendored
1
.gitignore
vendored
@@ -2,3 +2,4 @@ node_modules
|
|||||||
dist
|
dist
|
||||||
cache
|
cache
|
||||||
.temp
|
.temp
|
||||||
|
.vitepress/dist
|
||||||
|
|||||||
7
.lycheeignore
Normal file
7
.lycheeignore
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
hdu-cs-wiki/edit
|
||||||
|
file://
|
||||||
|
https://adworld.xctf.org.cn/challenges/list
|
||||||
|
https://e5c78mnhgz.feishu.cn/docx/doxcnxBONvnxSLi0MfaNZWvrcSb
|
||||||
|
https://datawhale.feishu.cn/docs/doccn0AOicI3LJ8RwhY0cuDPSOc#
|
||||||
|
https://message.hdu-cs.wiki/
|
||||||
|
https://adworld.xctf.org.cn/
|
||||||
@@ -2,6 +2,7 @@
|
|||||||
import { withMermaid } from "vitepress-plugin-mermaid";
|
import { withMermaid } from "vitepress-plugin-mermaid";
|
||||||
import mathjax3 from 'markdown-it-mathjax3';
|
import mathjax3 from 'markdown-it-mathjax3';
|
||||||
import { main_sidebar, chapter2, chapter3, chapter4, chapter5, chapter6, chapter7, chapter8 } from './sidebar.js';
|
import { main_sidebar, chapter2, chapter3, chapter4, chapter5, chapter6, chapter7, chapter8 } from './sidebar.js';
|
||||||
|
import { nav } from './nav.js';
|
||||||
import PanguPlugin from 'markdown-it-pangu'
|
import PanguPlugin from 'markdown-it-pangu'
|
||||||
|
|
||||||
const customElements = [
|
const customElements = [
|
||||||
@@ -103,16 +104,7 @@ export default withMermaid({
|
|||||||
head: [['script', { async: "async", src: 'https://umami.hdu-cs.wiki/script.js', "data-website-id": "3f11687a-faae-463a-b863-6127a8c28301", "data-domains": "wiki.xyxsw.site,hdu-cs.wiki" }]],
|
head: [['script', { async: "async", src: 'https://umami.hdu-cs.wiki/script.js', "data-website-id": "3f11687a-faae-463a-b863-6127a8c28301", "data-domains": "wiki.xyxsw.site,hdu-cs.wiki" }]],
|
||||||
themeConfig: {
|
themeConfig: {
|
||||||
// https://vitepress.dev/reference/default-theme-config
|
// https://vitepress.dev/reference/default-theme-config
|
||||||
nav: [
|
nav: nav(),
|
||||||
{ text: '首页', link: '/' },
|
|
||||||
{ text: 'Wiki史', link: '/wiki史' },
|
|
||||||
{
|
|
||||||
text: '友链', items:
|
|
||||||
[
|
|
||||||
{ text: '杭电导航', link: 'https://wiki.hduhelp.com' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
sidebar: {
|
sidebar: {
|
||||||
'/': main_sidebar(),
|
'/': main_sidebar(),
|
||||||
@@ -124,6 +116,7 @@ export default withMermaid({
|
|||||||
'/7.网络应用开发/': chapter7(),
|
'/7.网络应用开发/': chapter7(),
|
||||||
'/8.基础学科/': chapter8(),
|
'/8.基础学科/': chapter8(),
|
||||||
},
|
},
|
||||||
|
outline: [2, 6],
|
||||||
socialLinks: [
|
socialLinks: [
|
||||||
{ icon: 'github', link: 'https://github.com/camera-2018/hdu-cs-wiki' }
|
{ icon: 'github', link: 'https://github.com/camera-2018/hdu-cs-wiki' }
|
||||||
],
|
],
|
||||||
|
|||||||
25
.vitepress/nav.js
Normal file
25
.vitepress/nav.js
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
export function nav() {
|
||||||
|
return [
|
||||||
|
{ text: '首页', link: '/' },
|
||||||
|
{
|
||||||
|
text: '章节', items:
|
||||||
|
[
|
||||||
|
{ text: '1.杭电生存指南(最重要模块)', link: '/1.杭电生存指南/1.1人文社科的重要性(韩健夫老师寄语)' },
|
||||||
|
{ text: '2.高效学习', link: '/2.高效学习/2.高效学习' },
|
||||||
|
{ text: '3.编程思维体系构建', link: '/3.编程思维体系构建/3.编程思维体系构建' },
|
||||||
|
{ text: '4.人工智能', link: '/4.人工智能/4.人工智能' },
|
||||||
|
{ text: '5.富有生命的嵌入式', link: '/5.富有生命的嵌入式/5.富有生命的嵌入式' },
|
||||||
|
{ text: '6.计算机安全', link: '/6.计算机安全/6.计算机安全' },
|
||||||
|
{ text: '7.网络应用开发', link: '/7.网络应用开发/7.网络应用开发入门' },
|
||||||
|
{ text: '8.基础学科', link: '/8.基础学科/8.基础学科' },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ text: 'Wiki史', link: '/wiki史' },
|
||||||
|
{
|
||||||
|
text: '友链', items:
|
||||||
|
[
|
||||||
|
{ text: '杭电导航', link: 'https://wiki.hduhelp.com' },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
BIN
1.杭电生存指南/static/计算机科学联合会群聊二维码.png
Normal file
BIN
1.杭电生存指南/static/计算机科学联合会群聊二维码.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -36,6 +36,8 @@ author:wenjing
|
|||||||
|
|
||||||
③ 在初高中参加竞赛的学生的数量和质量有极可能已经有所下降,因为竞赛相关政策的紧缩,稀烂的强基计划替代了对竞赛友好的自主招生,选择全力投身竞赛,拼搏省队的学生有所下降,有基础的学生现在也不见得很强。
|
③ 在初高中参加竞赛的学生的数量和质量有极可能已经有所下降,因为竞赛相关政策的紧缩,稀烂的强基计划替代了对竞赛友好的自主招生,选择全力投身竞赛,拼搏省队的学生有所下降,有基础的学生现在也不见得很强。
|
||||||
|
|
||||||
|
UPD at 2023/7/19:从长期来看,这个结论应该是没有错的,但是很可惜,如果您是2023届的新生,您将遭遇紧缩政策下一波不得不来hdu的竞赛高材生,截至笔者更新为止,已经有五位NOI银牌选手和两位具备NOI银牌能力的选手提前加入了集训队,也许对于零基础的同学而言,仍然只要和别的零基础同学竞争保底的三个席位就好了。但从长远来看,进队不是结束,抢夺比赛机会才是开始。而且如果hdu能抢到这样的生源,其他学校的水平大概率也会上涨,就算有了比赛机会也很难说会不会拿铜遗憾结尾。如果您出于好奇,想了解这荒谬的景象是如何诞生,请参阅电子书[《整型溢出》](https://zhuanlan.zhihu.com/p/117660874)
|
||||||
|
|
||||||
进队的学生零基础偏少,如果你选择这条路你可能需要克服不小的困难
|
进队的学生零基础偏少,如果你选择这条路你可能需要克服不小的困难
|
||||||
|
|
||||||
# 我应该以什么态度学习 ACM?
|
# 我应该以什么态度学习 ACM?
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
安装过后点许可证 输上面的 key 激活
|
安装过后点许可证 输上面的 key 激活
|
||||||
|
|
||||||
[https://mirror.nju.edu.cn/ubuntu-releases/22.04/ubuntu-22.04.1-desktop-amd64.iso](https://mirror.nju.edu.cn/ubuntu-releases/22.04/ubuntu-22.04.1-desktop-amd64.iso)
|
[https://mirror.nju.edu.cn/ubuntu-releases/22.04/ubuntu-22.04.2-desktop-amd64.iso](https://mirror.nju.edu.cn/ubuntu-releases/22.04/ubuntu-22.04.2-desktop-amd64.iso)
|
||||||
|
|
||||||
去这里下载 Ubuntu22.04 镜像包 iso
|
去这里下载 Ubuntu22.04 镜像包 iso
|
||||||
|
|
||||||
|
|||||||
@@ -627,7 +627,7 @@ AutoGPT 主要特性如下:
|
|||||||
|
|
||||||
## 意识理论之于 AI:全局工作空间理论
|
## 意识理论之于 AI:全局工作空间理论
|
||||||
|
|
||||||
全局工作空间理论(英语:Global workspace theory,GWT)是美国心理学家[伯纳德·巴尔斯](https://zh.wikipedia.org/w/index.php?title=%E4%BC%AF%E7%BA%B3%E5%BE%B7%C2%B7%E5%B7%B4%E5%B0%94%E6%96%AF&action=edit&redlink=1)提出的[意识](https://zh.wikipedia.org/wiki/%E6%84%8F%E8%AF%86)模型。该理论假设意识与一个全局的“广播系统”相关联,这个系统会在整个大脑中广播资讯。大脑中专属的智能处理器会按照惯常的方式自动处理资讯,这个时候不会形成[意识](https://zh.wikipedia.org/wiki/%E6%84%8F%E8%AF%86)。当人面对新的或者是与习惯性刺激不同的事物时,各种专属智能处理器会透过合作或竞争的方式,在全局工作空间中对新事物进行分析以获得最佳结果,而意识正是在这个过程中得以产生。
|
全局工作空间理论(英语:Global workspace theory,GWT)是美国心理学家伯纳德·巴尔斯提出的[意识](https://zh.wikipedia.org/wiki/%E6%84%8F%E8%AF%86)模型。该理论假设意识与一个全局的“广播系统”相关联,这个系统会在整个大脑中广播资讯。大脑中专属的智能处理器会按照惯常的方式自动处理资讯,这个时候不会形成[意识](https://zh.wikipedia.org/wiki/%E6%84%8F%E8%AF%86)。当人面对新的或者是与习惯性刺激不同的事物时,各种专属智能处理器会透过合作或竞争的方式,在全局工作空间中对新事物进行分析以获得最佳结果,而意识正是在这个过程中得以产生。
|
||||||
|
|
||||||
这通常被认为是 神经科学家接受度最高的哲学理论
|
这通常被认为是 神经科学家接受度最高的哲学理论
|
||||||
|
|
||||||
|
|||||||
@@ -53,12 +53,8 @@
|
|||||||
尝试阅读以下内容
|
尝试阅读以下内容
|
||||||
|
|
||||||
- [形象的机器学习简介](http://www.r2d3.us/visual-intro-to-machine-learning-part-1/)
|
- [形象的机器学习简介](http://www.r2d3.us/visual-intro-to-machine-learning-part-1/)
|
||||||
- [一份温柔的机器学习指南](https://blog.monkeylearn.com/a-gentle-guide-to-machine-learning/)
|
|
||||||
- [为开发者准备的机器学习简介](http://blog.algorithmia.com/introduction-machine-learning-developers/)
|
- [为开发者准备的机器学习简介](http://blog.algorithmia.com/introduction-machine-learning-developers/)
|
||||||
- [菜鸟的机器学习基础](https://www.analyticsvidhya.com/blog/2015/06/machine-learning-basics/)
|
- [菜鸟的机器学习基础](https://www.analyticsvidhya.com/blog/2015/06/machine-learning-basics/)
|
||||||
- [你如何向非计算机专业的人来解释机器学习与数据挖掘?](https://www.quora.com/How-do-you-explain-Machine-Learning-and-Data-Mining-to-non-Computer-Science-people)
|
- [你如何向非计算机专业的人来解释机器学习与数据挖掘?](https://www.quora.com/How-do-you-explain-Machine-Learning-and-Data-Mining-to-non-Computer-Science-people)
|
||||||
- [在罩子下的机器学习,博文简单明了地介绍了机器学习的原理](https://georgemdallas.wordpress.com/2013/06/11/big-data-data-mining-and-machine-learning-under-the-hood/)
|
- [在罩子下的机器学习,博文简单明了地介绍了机器学习的原理](https://georgemdallas.wordpress.com/2013/06/11/big-data-data-mining-and-machine-learning-under-the-hood/)
|
||||||
- [机器学习是什么?它是如何工作的呢?](https://www.youtube.com/watch?v=elojMnjn4kk&list=PL5-da3qGB5ICeMbQuqbbCOQWcS6OYBr5A&index=1)
|
- [机器学习是什么?它是如何工作的呢?](https://www.youtube.com/watch?v=elojMnjn4kk&list=PL5-da3qGB5ICeMbQuqbbCOQWcS6OYBr5A&index=1)
|
||||||
- [深度学习——一份非技术性的简介](http://www.slideshare.net/AlfredPong1/deep-learning-a-nontechnical-introduction-69385936)
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -127,9 +127,9 @@ PyTorch 完全基于 Python。
|
|||||||
|
|
||||||
如果你使用 conda 安装 pytorch 太慢或者失败,不妨换个下载源试试
|
如果你使用 conda 安装 pytorch 太慢或者失败,不妨换个下载源试试
|
||||||
|
|
||||||
在 [cmd](https://so.csdn.net/so/search?q=cmd&spm=1001.2101.3001.7020) 命令行中,输入添加以下命令:
|
在 cmd 命令行中,输入添加以下命令:
|
||||||
|
|
||||||
```
|
```bash
|
||||||
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/msys2/
|
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/msys2/
|
||||||
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/conda-forge
|
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/conda-forge
|
||||||
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
|
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
|
||||||
|
|||||||
@@ -10,8 +10,6 @@
|
|||||||
|
|
||||||
[CNN 与 MLP 之间的关系,优缺点](https://www.editcode.net/archive/detail/89781)
|
[CNN 与 MLP 之间的关系,优缺点](https://www.editcode.net/archive/detail/89781)
|
||||||
|
|
||||||
[MLP(多层感知机)只是 CNN(卷积网络)的一个特例](https://blog.csdn.net/u010165147/article/details/82851717#:~:text=%E6%98%BE%E7%84%B6%E5%8F%AF%E4%BB%A5%E6%8E%A8%E5%AF%BC%E5%87%BA%EF%BC%8C%E5%BD%93%20CNN%E5%8D%B7%E7%A7%AF%E6%A0%B8%E5%A4%A7%E5%B0%8F%E4%B8%8E%E8%BE%93%E5%85%A5%E5%A4%A7%E5%B0%8F%E7%9B%B8%E5%90%8C%20%E6%97%B6%E5%85%B6%E8%AE%A1%E7%AE%97%E8%BF%87%E7%A8%8B%E7%AD%89%E4%BB%B7%E4%BA%8EMLP%EF%BC%8C%E4%B9%9F%E5%B0%B1%E6%98%AF%E8%AF%B4MLP%E7%AD%89%E4%BB%B7%E4%BA%8E,%E5%8D%B7%E7%A7%AF%E6%A0%B8%E5%A4%A7%E5%B0%8F%E4%B8%8E%E6%AF%8F%E5%B1%82%E8%BE%93%E5%85%A5%E5%A4%A7%E5%B0%8F%E7%9B%B8%E5%90%8C%20%E7%9A%84CNN%EF%BC%88%E5%A6%82%E8%BE%93%E5%85%A5%E5%9B%BE%E7%89%87%E4%B8%BA100x100%EF%BC%8C%E5%8D%B7%E7%A7%AF%E6%A0%B8%E5%A4%A7%E5%B0%8F%E4%B8%BA100x100%EF%BC%89%EF%BC%8C%E6%89%80%E4%BB%A5MLP%E6%98%AFCNN%E7%9A%84%E4%B8%80%E4%B8%AA%E7%89%B9%E4%BE%8B%E3%80%82%20%E8%80%8C%E5%8D%B7%E7%A7%AF%E6%A0%B8%E5%A4%A7%E5%B0%8F%E4%B8%8E%E6%AF%8F%E5%B1%82%E8%BE%93%E5%85%A5%E5%A4%A7%E5%B0%8F%E7%9B%B8%E5%90%8C%E4%BC%9A%E7%9B%B4%E6%8E%A5%E4%B8%A2%E5%A4%B1%E9%9D%9E%E5%B8%B8%E5%A4%9A%E7%9A%84%E8%BE%93%E5%85%A5%E7%A9%BA%E9%97%B4%E4%BF%A1%E6%81%AF%EF%BC%8C%E6%89%80%E4%BB%A5MLP%E8%BF%99%E7%A7%8D%E8%BF%90%E8%A1%8C%E6%A8%A1%E5%BC%8F%E4%B8%8D%E9%80%82%E5%90%88%E5%9B%BE%E5%83%8F%E8%BF%99%E7%A7%8D%E7%A9%BA%E9%97%B4%E4%BF%A1%E6%81%AF%E4%B8%B0%E5%AF%8C%E7%9A%84%E6%95%B0%E6%8D%AE%E3%80%82)
|
|
||||||
|
|
||||||
### 1.2
|
### 1.2
|
||||||
|
|
||||||
[深度理解感受野](https://blog.csdn.net/weixin_40756000/article/details/117264194)
|
[深度理解感受野](https://blog.csdn.net/weixin_40756000/article/details/117264194)
|
||||||
@@ -53,9 +51,3 @@
|
|||||||
### 3.2
|
### 3.2
|
||||||
|
|
||||||
[ResNet 残差、退化等细节解读](https://blog.csdn.net/a8039974/article/details/122380735)
|
[ResNet 残差、退化等细节解读](https://blog.csdn.net/a8039974/article/details/122380735)
|
||||||
|
|
||||||
## 思考 4
|
|
||||||
|
|
||||||
### 4.1
|
|
||||||
|
|
||||||
[U-Net 和 ResNet:长短跳跃连接的重要性(生物医学图像分割)](https://www.jianshu.com/p/20a47427823c)
|
|
||||||
|
|||||||
@@ -19,7 +19,6 @@
|
|||||||
具体其发展历程参考:
|
具体其发展历程参考:
|
||||||
|
|
||||||
- [https://mp.weixin.qq.com/s/Mcikp99bsVgxAaykctmcAw](https://mp.weixin.qq.com/s/Mcikp99bsVgxAaykctmcAw) 知识图谱的前世今生
|
- [https://mp.weixin.qq.com/s/Mcikp99bsVgxAaykctmcAw](https://mp.weixin.qq.com/s/Mcikp99bsVgxAaykctmcAw) 知识图谱的前世今生
|
||||||
- [https://www.it610.com/article/1277333416756396032.htm](https://www.it610.com/article/1277333416756396032.htm) 知识图谱历史发展
|
|
||||||
|
|
||||||
在大致了解知识图谱的历史发展脉络后,我们或许对它有了一个初步的认知——一个由抽象符号构成的知识库,目的是为了让计算机理解人类的语义信息,打个不太恰当的比方,就是个计算机理解人类世界的大脑。
|
在大致了解知识图谱的历史发展脉络后,我们或许对它有了一个初步的认知——一个由抽象符号构成的知识库,目的是为了让计算机理解人类的语义信息,打个不太恰当的比方,就是个计算机理解人类世界的大脑。
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
Author: 任浩帆
|
Author: 任浩帆
|
||||||
|
|
||||||
Email: yqykrhf@163.commailto:yqykrhf@163.com
|
Email: yqykrhf@163.com
|
||||||
|
|
||||||
术语介绍的补充:Spy
|
术语介绍的补充:Spy
|
||||||
|
|
||||||
|
|||||||
@@ -260,10 +260,4 @@ $$
|
|||||||
# 参考资料
|
# 参考资料
|
||||||
|
|
||||||
* [基于用户的协同过滤来构建推荐系统:https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw](https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw)
|
* [基于用户的协同过滤来构建推荐系统:https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw](https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw)
|
||||||
* [协同过滤算法概述:https://chenk.tech/posts/8ad63d9d.html](https://chenk.tech/posts/8ad63d9d.html)
|
|
||||||
* B站黑马推荐系统实战课程
|
* B站黑马推荐系统实战课程
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -341,5 +341,4 @@ $$
|
|||||||
# 参考资料
|
# 参考资料
|
||||||
|
|
||||||
* [基于用户的协同过滤来构建推荐系统:https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw](https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw)
|
* [基于用户的协同过滤来构建推荐系统:https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw](https://mp.weixin.qq.com/s/ZtnaQrVIpVOPJpqMdLWOcw)
|
||||||
* [协同过滤算法概述:https://chenk.tech/posts/8ad63d9d.html](https://chenk.tech/posts/8ad63d9d.html)
|
|
||||||
* B站黑马推荐系统实战课程
|
* B站黑马推荐系统实战课程
|
||||||
|
|||||||
@@ -85,7 +85,7 @@ $$
|
|||||||
|
|
||||||
Ok,到这里平淡无奇, 前向传播也大致上快说完了, 还差最后一步。 最后这一步,就是做多分类问题,然后求损失,这就是training那边做的事情。 但是在详细说这个之前, 我想先简单回忆下word2vec里面的skip-gram Model, 这个模型,如果回忆起来,这里理解起来就非常的简单了。
|
Ok,到这里平淡无奇, 前向传播也大致上快说完了, 还差最后一步。 最后这一步,就是做多分类问题,然后求损失,这就是training那边做的事情。 但是在详细说这个之前, 我想先简单回忆下word2vec里面的skip-gram Model, 这个模型,如果回忆起来,这里理解起来就非常的简单了。
|
||||||
|
|
||||||
这里只需要看一张图即可, 这个来自cs231N公开课PPT, 我之前整理w2v的时候用到的,详细内容可看我[这篇博客](https://zhongqiang.blog.csdn.net/article/details/106948860), 这里的思想其实也是从w2v那边过来的。
|
这里只需要看一张图即可, 这个来自cs231N公开课PPT, 我之前整理w2v的时候用到的,这里的思想其实也是从w2v那边过来的。
|
||||||
|
|
||||||
<div align=center>
|
<div align=center>
|
||||||
<img src="https://img-blog.csdnimg.cn/20200624193409649.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1emhvbmdxaWFuZw==,size_1,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述" style="zoom:70%;" />
|
<img src="https://img-blog.csdnimg.cn/20200624193409649.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1emhvbmdxaWFuZw==,size_1,color_FFFFFF,t_70#pic_center" alt="在这里插入图片描述" style="zoom:70%;" />
|
||||||
|
|||||||
@@ -103,7 +103,7 @@ Word2vec包含两个模型,**Skip-gram与CBOW**。下面,我们先讲**Skip-
|
|||||||
我们滑动窗口,再以banking为中心词
|
我们滑动窗口,再以banking为中心词
|
||||||
|
|
||||||
|
|
||||||
<img src="https://ryluo.oss-cn-chengdu.aliyuncs.com/图片4.png"在这里插入图片描述" />
|
<img src="https://ryluo.oss-cn-chengdu.aliyuncs.com/图片4.png" />
|
||||||
|
|
||||||
|
|
||||||
那么,如果我们在整个语料库上不断地滑动窗口,我们可以得到所有位置的$P(o|c)$,我们希望在所有位置上**最大化单词o在单词c周围出现了这一事实**,由极大似然法,可得:
|
那么,如果我们在整个语料库上不断地滑动窗口,我们可以得到所有位置的$P(o|c)$,我们希望在所有位置上**最大化单词o在单词c周围出现了这一事实**,由极大似然法,可得:
|
||||||
|
|||||||
@@ -239,7 +239,7 @@ $$
|
|||||||
|
|
||||||
### 编程实践
|
### 编程实践
|
||||||
|
|
||||||
下面我们通过kaggle上的一个ctr预测的比赛来看一下GBDT+LR模型部分的编程实践, [数据来源](https://github.com/zhongqiangwu960812/AI-RecommenderSystem/tree/master/GBDT%2BLR/data)
|
下面我们通过kaggle上的一个ctr预测的比赛来看一下GBDT+LR模型部分的编程实践, [数据来源](https://github.com/zhongqiangwu960812/AI-RecommenderSystem/tree/master/Rank/GBDT%2BLR/data)
|
||||||
|
|
||||||
我们回顾一下上面的模型架构, 首先是要训练GBDT模型, GBDT的实现一般可以使用xgboost, 或者lightgbm。训练完了GBDT模型之后, 我们需要预测出每个样本落在了哪棵树上的哪个节点上, 然后通过one-hot就会得到一些新的离散特征, 这和原来的特征进行合并组成新的数据集, 然后作为逻辑回归的输入,最后通过逻辑回归模型得到结果。
|
我们回顾一下上面的模型架构, 首先是要训练GBDT模型, GBDT的实现一般可以使用xgboost, 或者lightgbm。训练完了GBDT模型之后, 我们需要预测出每个样本落在了哪棵树上的哪个节点上, 然后通过one-hot就会得到一些新的离散特征, 这和原来的特征进行合并组成新的数据集, 然后作为逻辑回归的输入,最后通过逻辑回归模型得到结果。
|
||||||
|
|
||||||
|
|||||||
@@ -151,6 +151,6 @@ def DeepFM(linear_feature_columns, dnn_feature_columns):
|
|||||||
**参考资料**
|
**参考资料**
|
||||||
- [论文原文](https://arxiv.org/pdf/1703.04247.pdf)
|
- [论文原文](https://arxiv.org/pdf/1703.04247.pdf)
|
||||||
- [deepctr](https://github.com/shenweichen/DeepCTR)
|
- [deepctr](https://github.com/shenweichen/DeepCTR)
|
||||||
- [FM](https://github.com/datawhalechina/team-learning-rs/blob/master/RecommendationSystemFundamentals/04%20FM.md)
|
- [FM](https://github.com/datawhalechina/fun-rec/blob/master/docs/ch02/ch2.1/ch2.1.2/FM.md)
|
||||||
- [推荐系统遇上深度学习(三)--DeepFM模型理论和实践](https://www.jianshu.com/p/6f1c2643d31b)
|
- [推荐系统遇上深度学习(三)--DeepFM模型理论和实践](https://www.jianshu.com/p/6f1c2643d31b)
|
||||||
- [FM算法公式推导](https://blog.csdn.net/qq_32486393/article/details/103498519)
|
- [FM算法公式推导](https://blog.csdn.net/qq_32486393/article/details/103498519)
|
||||||
@@ -12,7 +12,7 @@ IDA pro 是收费软件,价格极其昂贵,一套完全版人民币 10W 左
|
|||||||
|
|
||||||
## 0x00 IDA 简单介绍
|
## 0x00 IDA 简单介绍
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
IDA是一款交互式反汇编和反编译工具,其支持文件类型和文件平台丰富。
|
IDA是一款交互式反汇编和反编译工具,其支持文件类型和文件平台丰富。
|
||||||
|
|
||||||
@@ -20,7 +20,7 @@ IDA是一款交互式反汇编和反编译工具,其支持文件类型和文
|
|||||||
|
|
||||||
## 0x01 启动界面
|
## 0x01 启动界面
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
```
|
```
|
||||||
NEW:打开IDA同时弹出对话框选择要打开的文件
|
NEW:打开IDA同时弹出对话框选择要打开的文件
|
||||||
@@ -30,15 +30,15 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
这里选择Go键,打开以后,将文件拖入
|
这里选择Go键,打开以后,将文件拖入
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
这里按我们的默认选项点击OK即可
|
这里按我们的默认选项点击OK即可
|
||||||
|
|
||||||
## 0x02 关闭界面
|
## 0x02 关闭界面
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
```
|
```
|
||||||
第一个选项:就是不打包数据包文件,那么这些数据库文件就会分开这放。
|
第一个选项:就是不打包数据包文件,那么这些数据库文件就会分开这放。
|
||||||
@@ -53,15 +53,15 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
反汇编代码的图表窗口
|
反汇编代码的图表窗口
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
按**空格键**切换成文本结构的反汇编
|
按**空格键**切换成文本结构的反汇编
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
按**F5**进行反编译跳转至`Pseudocode`(伪代码)界面
|
按**F5**进行反编译跳转至`Pseudocode`(伪代码)界面
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
然后就可以分析代码逻辑了
|
然后就可以分析代码逻辑了
|
||||||
|
|
||||||
@@ -71,19 +71,19 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
十六进制窗口(不太常用)
|
十六进制窗口(不太常用)
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x05 主界面-Structures
|
## 0x05 主界面-Structures
|
||||||
|
|
||||||
结构体窗口
|
结构体窗口
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x06 主界面-Enums
|
## 0x06 主界面-Enums
|
||||||
|
|
||||||
枚举类型界面
|
枚举类型界面
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x07 主界面-Imports
|
## 0x07 主界面-Imports
|
||||||
|
|
||||||
@@ -91,23 +91,23 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
可以查看当前模块用了哪些模块的哪些函数
|
可以查看当前模块用了哪些模块的哪些函数
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x08 主界面-Exports
|
## 0x08 主界面-Exports
|
||||||
|
|
||||||
导出表
|
导出表
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x09 主界面-Strings
|
## 0x09 主界面-Strings
|
||||||
|
|
||||||
按`Shift+F12`转到`String`界面,该操作会搜索程序中的字符串数据并展示
|
按`Shift+F12`转到`String`界面,该操作会搜索程序中的字符串数据并展示
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
按`Ctrl+F`后输入想要检索的字符可以快速搜索字符串
|
按`Ctrl+F`后输入想要检索的字符可以快速搜索字符串
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x0a 其他界面-Functions
|
## 0x0a 其他界面-Functions
|
||||||
|
|
||||||
@@ -115,7 +115,7 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
其中一般来说`main`是程序的主要函数
|
其中一般来说`main`是程序的主要函数
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x0b 其他界面-Output
|
## 0x0b 其他界面-Output
|
||||||
|
|
||||||
@@ -125,13 +125,13 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
另外还可以直接在下面输入python语句,方便在ida使用过程中简单的数据处理
|
另外还可以直接在下面输入python语句,方便在ida使用过程中简单的数据处理
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 0x0c 其他界面-导航栏
|
## 0x0c 其他界面-导航栏
|
||||||
|
|
||||||
一个二进制文件包括不同的区块,这里显示程序的不同类型数据,不同的颜色代表二进制文件中不同的块
|
一个二进制文件包括不同的区块,这里显示程序的不同类型数据,不同的颜色代表二进制文件中不同的块
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -170,11 +170,11 @@ Previous,或者下面的列表项:快速打开之前的的文件
|
|||||||
|
|
||||||
IDA 提供可与其交互的IDA Python接口,可以使用Python做很多的辅助操作
|
IDA 提供可与其交互的IDA Python接口,可以使用Python做很多的辅助操作
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
可以参考这篇文章了解常用的接口
|
可以参考这篇文章了解常用的接口
|
||||||
|
|
||||||
[IDA Python 常用函数 | 4nsw3r's Blog](https://4nsw3r.top/2022/02/11/IDA Python 常用函数/)
|
[IDA Python 常用函数 | 4nsw3r's Blog](https://4nsw3r.top/2022/02/11/IDA%20Python%20%E5%B8%B8%E7%94%A8%E5%87%BD%E6%95%B0/)
|
||||||
|
|
||||||
## 0x11 IDA 动态调试
|
## 0x11 IDA 动态调试
|
||||||
|
|
||||||
@@ -184,17 +184,17 @@ IDA 提供可与其交互的IDA Python接口,可以使用Python做很多的辅
|
|||||||
|
|
||||||
可以先在汇编代码或伪代码界面下断点,然后`F9`选择调试器,这里直接选`Local Windows Debugger`
|
可以先在汇编代码或伪代码界面下断点,然后`F9`选择调试器,这里直接选`Local Windows Debugger`
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
之后就可以用F7(单步不跳过执行)/F8(单步跳过执行)/F9(继续执行,遇到断点停止)进行调试
|
之后就可以用F7(单步不跳过执行)/F8(单步跳过执行)/F9(继续执行,遇到断点停止)进行调试
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
### 调试Linux下的文件
|
### 调试Linux下的文件
|
||||||
|
|
||||||
可以先在汇编代码或伪代码界面下断点
|
可以先在汇编代码或伪代码界面下断点
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
由于Linux下文件调试比较特殊,需要远程起一个服务器运行服务端,这里可以使用**Vmware**或者**WSL2(Windows subsystem Linux)**进行调试
|
由于Linux下文件调试比较特殊,需要远程起一个服务器运行服务端,这里可以使用**Vmware**或者**WSL2(Windows subsystem Linux)**进行调试
|
||||||
|
|
||||||
@@ -240,21 +240,21 @@ int main() {
|
|||||||
|
|
||||||
##### 将程序拖入IDA
|
##### 将程序拖入IDA
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
##### F5分析查看伪代码
|
##### F5分析查看伪代码
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
发现有`change`和`check`的自定义函数
|
发现有`change`和`check`的自定义函数
|
||||||
|
|
||||||
按`n`修改一下变量名
|
按`n`修改一下变量名
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
分别进入里面查看函数逻辑
|
分别进入里面查看函数逻辑
|
||||||
|
|
||||||
@@ -262,11 +262,11 @@ int main() {
|
|||||||
|
|
||||||
change函数
|
change函数
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
check函数
|
check函数
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
###### 静态分析逻辑
|
###### 静态分析逻辑
|
||||||
|
|
||||||
@@ -280,19 +280,19 @@ change函数是对输入字符串的每一个字节进行修改
|
|||||||
|
|
||||||
随意的进行一些输入
|
随意的进行一些输入
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
然后断下来
|
然后断下来
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
F7进入函数进行单步不跳过调试
|
F7进入函数进行单步不跳过调试
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
遇到类似`strlen`等库函数可以F8单步调试跳过
|
遇到类似`strlen`等库函数可以F8单步调试跳过
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
可以发现输入字符串的每一个字节的Ascii值都减小了1
|
可以发现输入字符串的每一个字节的Ascii值都减小了1
|
||||||
|
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ ESP 定律的原理在于利用程序中堆栈平衡来快速找到 OEP.
|
|||||||
|
|
||||||
#### 示例
|
#### 示例
|
||||||
|
|
||||||
示例程序可以点击此处下载: [2_esp.zip](https://github.com/ctf-wiki/ctf-challenges/blob/master/reverse/unpack/example/2_esp.zip)
|
示例程序可以点击此处下载: [2_esp.zip](https://github.com/ctf-wiki/ctf-challenges/blob/master/reverse/unpack/2_esp.zip)
|
||||||
|
|
||||||
还是上一篇的示例, 入口一句 `pushad`, 我们按下 F8 执行 `pushad` 保存寄存器状态, 我们可以在右边的寄存器窗口里发现 `ESP` 寄存器的值变为了红色, 也即值发生了改变.
|
还是上一篇的示例, 入口一句 `pushad`, 我们按下 F8 执行 `pushad` 保存寄存器状态, 我们可以在右边的寄存器窗口里发现 `ESP` 寄存器的值变为了红色, 也即值发生了改变.
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ reverse 主要研究软件破解,软件加固,计算机病毒等。
|
|||||||
## 入门材料
|
## 入门材料
|
||||||
> HGAME Mini 2022 Reverse Pwn 入门材料
|
> HGAME Mini 2022 Reverse Pwn 入门材料
|
||||||
> Reverse:https://www.notion.so/b92ca2bfaacf4e7c873882dff9dbf649
|
> Reverse:https://www.notion.so/b92ca2bfaacf4e7c873882dff9dbf649
|
||||||
> Pwn:https://ek1ng.oss-cn-hangzhou.aliyuncs.com/HGAME%20Mini%202022%20Pwn%E5%85%A5%E9%97%A8%E6%8C%87%E5%8C%97.pdf
|
> Pwn:[PWN入门指北](https://ek1ng.oss-cn-hangzhou.aliyuncs.com/HGAME%20Mini%202022%20Pwn%E5%85%A5%E9%97%A8%E6%8C%87%E5%8C%97.pdf)
|
||||||
|
|
||||||
## 学习二进制安全需要具备哪些基础?
|
## 学习二进制安全需要具备哪些基础?
|
||||||
|
|
||||||
|
|||||||
@@ -14,8 +14,6 @@
|
|||||||
|
|
||||||
[MDN Web 入门](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web)
|
[MDN Web 入门](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web)
|
||||||
|
|
||||||
[ A friendly web development tutorial for complete beginners](https://www.internetingishard.com/html-and-css/)
|
|
||||||
|
|
||||||
[前端入门必会的初级调试技巧](https://zhuanlan.zhihu.com/p/145466139)
|
[前端入门必会的初级调试技巧](https://zhuanlan.zhihu.com/p/145466139)
|
||||||
|
|
||||||
#### JavaScript
|
#### JavaScript
|
||||||
|
|||||||
@@ -51,11 +51,9 @@
|
|||||||
zzm 花费了一年的时间动员了大伙对讲义进行修缮和完备,不得不说这确实不是一个小的工作,不过在2023年3月,在计院领导的支持下,计算机学院科协成立了。我们将在学院的支持下继续完善这个内容,同时也欢迎大伙加入我们,共同参与到讲义的学习与撰写中来!
|
zzm 花费了一年的时间动员了大伙对讲义进行修缮和完备,不得不说这确实不是一个小的工作,不过在2023年3月,在计院领导的支持下,计算机学院科协成立了。我们将在学院的支持下继续完善这个内容,同时也欢迎大伙加入我们,共同参与到讲义的学习与撰写中来!
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/hdu-cs-qq.jpg">
|
<img src="https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/qrcodes.png">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p align="center">欢迎加群669895692</p>
|
|
||||||
|
|
||||||
## 学习原则
|
## 学习原则
|
||||||
|
|
||||||
1. 建议保持至少一半时间在实操,一半时间在学理论知识,比例未必正确的,但是强调实操和反馈的重要性,如果你上来就拿一本经典的花书看,只看理论或者上来就整一段开源代码,势必会陷入不同程度的盲目和困苦当中。
|
1. 建议保持至少一半时间在实操,一半时间在学理论知识,比例未必正确的,但是强调实操和反馈的重要性,如果你上来就拿一本经典的花书看,只看理论或者上来就整一段开源代码,势必会陷入不同程度的盲目和困苦当中。
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, reactive, ref } from 'vue'
|
import { computed, reactive, ref } from 'vue'
|
||||||
import type { CSSProperties } from 'vue'
|
import type { CSSProperties } from 'vue'
|
||||||
import { useParallax } from '@vueuse/core'
|
import { useMounted, useParallax } from '@vueuse/core'
|
||||||
const target = ref(null)
|
const target = ref(null)
|
||||||
|
|
||||||
|
|
||||||
@@ -11,6 +11,7 @@ const targetStyle: CSSProperties = {
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
|
userSelect: 'none',
|
||||||
transition: '.3s ease-out all',
|
transition: '.3s ease-out all',
|
||||||
}
|
}
|
||||||
const cardWindowStyle: CSSProperties = {
|
const cardWindowStyle: CSSProperties = {
|
||||||
@@ -25,6 +26,8 @@ const cardWindowStyle: CSSProperties = {
|
|||||||
}
|
}
|
||||||
const layerBase: CSSProperties = {
|
const layerBase: CSSProperties = {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
|
userSelect: 'none',
|
||||||
|
"-webkit-user-drag": "none",
|
||||||
height: '100%',
|
height: '100%',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
transition: '.3s ease-out all',
|
transition: '.3s ease-out all',
|
||||||
@@ -36,46 +39,54 @@ const containerStyle: CSSProperties = {
|
|||||||
|
|
||||||
const layer0 = computed(() => ({
|
const layer0 = computed(() => ({
|
||||||
...layerBase,
|
...layerBase,
|
||||||
transform: `translateX(${parallax.tilt * 10}px) translateY(${
|
content:'url(https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/hdu-cs-wiki_main.png)',
|
||||||
parallax.roll * 10
|
transform: `translateX(${parallax.tilt * 10}px) translateY(${parallax.roll * 10
|
||||||
}px) scale(1)`,
|
}px) scale(1)`,
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const layer1 = computed(() => ({
|
const layer1 = computed(() => ({
|
||||||
...layerBase,
|
content:'url(https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/sparkles.gif)',
|
||||||
transform: `translateX(${parallax.tilt * 20}px) translateY(${
|
userSelect: 'none',
|
||||||
parallax.roll * 20
|
"-webkit-user-drag": "none",
|
||||||
}px) scale(1.33)`,
|
transform: `translateX(${parallax.tilt * 20}px) translateY(${parallax.roll * 20
|
||||||
|
}px) scale(1.33)`,
|
||||||
|
'background-blend-mode': 'overlay',
|
||||||
|
filter: 'brightness(1) contrast(1)',
|
||||||
|
'mix-blend-mode': 'color-dodge',
|
||||||
|
opacity: '1',
|
||||||
|
position: 'absolute',
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const layer2 = computed(() => ({
|
const layer2 = computed(() => ({
|
||||||
...layerBase,
|
transform: `translateX(${parallax.tilt * 30}px) translateY(${parallax.roll * 30
|
||||||
transform: `translateX(${parallax.tilt * 30}px) translateY(${
|
}px) scale(1.33)`,
|
||||||
parallax.roll * 30
|
'background-image': 'linear-gradient(115deg,transparent 0%,#ec9bb6 25%,transparent 47%,transparent 53%,#ccac6f 75%,transparent 100%)',
|
||||||
}px) scale(1.33)`,
|
opacity: '.18',
|
||||||
|
filter: 'brightness(.5) contrast(1)',
|
||||||
|
width: '100%',
|
||||||
|
height: '100%',
|
||||||
|
position: 'absolute',
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const layer3 = computed(() => ({
|
const layer3 = computed(() => ({
|
||||||
...layerBase,
|
...layerBase,
|
||||||
transform: `translateX(${parallax.tilt * 40}px) translateY(${
|
transform: `translateX(${parallax.tilt * 40}px) translateY(${parallax.roll * 40
|
||||||
parallax.roll * 40
|
}px) scale(1.33)`,
|
||||||
}px) scale(1.33)`,
|
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const layer4 = layerBase
|
const layer4 = layerBase
|
||||||
|
|
||||||
const cardStyle = computed(() => ({
|
const cardStyle = computed(() => ({
|
||||||
background: '',
|
background: '',
|
||||||
height: '20rem',
|
height: '14rem',
|
||||||
width: '15rem',
|
width: '20rem',
|
||||||
borderRadius: '5px',
|
borderRadius: '20px',
|
||||||
border: '1px solid #000000',
|
border: '1px solid #000000',
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
transition: '.3s ease-out all',
|
transition: '.3s ease-out all',
|
||||||
boxShadow: '0 0 20px 0 rgba(255, 255, 255, 0.1)',
|
boxShadow: '-20px -20px 30px -25px #11e8da, 20px 20px 30px -25px #1ea5e6, -7px -7px 10px -5px #11e8da, 7px 7px 10px -5px #1ea5e6, 0 0 13px 4px rgba(255,255,255,0.3),0 55px 35px -20px rgba(0, 0, 0, 0.5)',
|
||||||
transform: `rotateX(${parallax.roll * 20}deg) rotateY(${
|
transform: `rotateX(${parallax.roll * 20}deg) rotateY(${parallax.tilt * 20
|
||||||
parallax.tilt * 20
|
}deg)`,
|
||||||
}deg)`,
|
|
||||||
}))
|
}))
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -90,15 +101,79 @@ export default {
|
|||||||
<div ref="target" :style="targetStyle">
|
<div ref="target" :style="targetStyle">
|
||||||
<div :style="containerStyle">
|
<div :style="containerStyle">
|
||||||
<div :style="cardStyle">
|
<div :style="cardStyle">
|
||||||
|
<div id="kirakira"></div>
|
||||||
|
<div :style="layer2"></div>
|
||||||
|
<img :style="layer1"
|
||||||
|
class="image">
|
||||||
<div :style="cardWindowStyle">
|
<div :style="cardWindowStyle">
|
||||||
<img
|
<img :style="layer0" class="image">
|
||||||
:style="layer0"
|
|
||||||
src="/hdu-cs-wiki_main.png"
|
|
||||||
class="image"
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#kirakira {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1;
|
||||||
|
transition: .3s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
#kirakira:hover {
|
||||||
|
background-image: linear-gradient(110deg,
|
||||||
|
transparent 25%,
|
||||||
|
#ec9bb6 48%,
|
||||||
|
#ccac6f 52%,
|
||||||
|
transparent 75%);
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: 250% 250%;
|
||||||
|
opacity: .18;
|
||||||
|
filter: brightness(.66) contrast(1.33);
|
||||||
|
transition: none;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
mix-blend-mode: color-dodge;
|
||||||
|
transition: all .33s ease;
|
||||||
|
animation: holoGradient 12s ease 0s 1,
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes holoGradient {
|
||||||
|
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
opacity: 0.3;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
filter: brightness(.5) contrast(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
5%,
|
||||||
|
9% {
|
||||||
|
background-position: 100% 100%;
|
||||||
|
opacity: 0.1;
|
||||||
|
filter: brightness(.75) contrast(1.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
13%,
|
||||||
|
17% {
|
||||||
|
background-position: 0% 0%;
|
||||||
|
opacity: .18;
|
||||||
|
}
|
||||||
|
|
||||||
|
35%,
|
||||||
|
39% {
|
||||||
|
background-position: 100% 100%;
|
||||||
|
opacity: 0.2;
|
||||||
|
filter: brightness(.5) contrast(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
55% {
|
||||||
|
background-position: 0% 0%;
|
||||||
|
opacity: 0.3;
|
||||||
|
filter: brightness(.75) contrast(1.25);
|
||||||
|
}
|
||||||
|
}</style>
|
||||||
BIN
public/qrcodes.png
Normal file
BIN
public/qrcodes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
public/sparkles.gif
Normal file
BIN
public/sparkles.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
4
简介.md
4
简介.md
@@ -31,13 +31,11 @@
|
|||||||
想必在这里,你或多或少都能得到自己的答案!
|
想必在这里,你或多或少都能得到自己的答案!
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/hdu-cs-qq.jpg"/>
|
<img src="https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/qrcodes.png"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
欢迎加群与学长交流!我们也可以针对你的喜好为你定制一个方案!
|
欢迎加群与学长交流!我们也可以针对你的喜好为你定制一个方案!
|
||||||
|
|
||||||
**群号:669895692**
|
|
||||||
|
|
||||||
::: tip 🤔
|
::: tip 🤔
|
||||||
|
|
||||||
### 为什么我要花大量的时间与折磨受这样的训练?
|
### 为什么我要花大量的时间与折磨受这样的训练?
|
||||||
|
|||||||
Reference in New Issue
Block a user