mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-04-30 21:49:30 +08:00
4813 lines
No EOL
108 KiB
JSON
4813 lines
No EOL
108 KiB
JSON
[
|
||
{
|
||
"title": "Vue.js 挑战练习",
|
||
"created": "2022-08-12T00:00:00.000Z",
|
||
"summary": "我的答案以及相关知识点",
|
||
"tags": [
|
||
"Vue"
|
||
],
|
||
"slug": "/2022-08-12-vue-challenges.md",
|
||
"path": "/2022-08-12-vue-challenges",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Built-ins",
|
||
"slug": "built-ins"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "DOM 传送门",
|
||
"slug": "dom-传送门"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优化性能的指令",
|
||
"slug": "优化性能的指令"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "CSS Features",
|
||
"slug": "css-features"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "动态 CSS",
|
||
"slug": "动态-css"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "全局 CSS",
|
||
"slug": "全局-css"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Components",
|
||
"slug": "components"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "DOM 传送门",
|
||
"slug": "dom-传送门-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Props 验证",
|
||
"slug": "props-验证"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "函数式组件",
|
||
"slug": "函数式组件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "渲染函数h()",
|
||
"slug": "渲染函数h"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "树组件",
|
||
"slug": "树组件"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Composable Function",
|
||
"slug": "composable-function"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "切换器",
|
||
"slug": "切换器"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "计数器",
|
||
"slug": "计数器"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "实现本地存储函数",
|
||
"slug": "实现本地存储函数"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "鼠标坐标",
|
||
"slug": "鼠标坐标"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Composition API",
|
||
"slug": "composition-api"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "生命周期钩子",
|
||
"slug": "生命周期钩子"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "ref 全家桶",
|
||
"slug": "ref-全家桶"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "响应性丢失",
|
||
"slug": "响应性丢失"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "可写的计算属性",
|
||
"slug": "可写的计算属性"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "watch 全家桶",
|
||
"slug": "watch-全家桶"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "浅层 ref",
|
||
"slug": "浅层-ref"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "依赖注入",
|
||
"slug": "依赖注入"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Effect 作用域 API",
|
||
"slug": "effect-作用域-api"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自定义 ref",
|
||
"slug": "自定义-ref"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Directives",
|
||
"slug": "directives"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "大写",
|
||
"slug": "大写"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优化性能的指令",
|
||
"slug": "优化性能的指令-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "切换焦点指令",
|
||
"slug": "切换焦点指令"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "防抖点击指令",
|
||
"slug": "防抖点击指令"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "激活的样式-指令",
|
||
"slug": "激活的样式-指令"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "实现简易版v-model指令",
|
||
"slug": "实现简易版v-model指令"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Event Handling",
|
||
"slug": "event-handling"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "阻止事件冒泡",
|
||
"slug": "阻止事件冒泡"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "按键修饰符",
|
||
"slug": "按键修饰符"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Global API:General",
|
||
"slug": "global-apigeneral"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "下一次 DOM 更新",
|
||
"slug": "下一次-dom-更新"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Lifecycle",
|
||
"slug": "lifecycle"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "生命周期钩子",
|
||
"slug": "生命周期钩子-1"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Reactivity:Advanced",
|
||
"slug": "reactivityadvanced"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "浅层 ref",
|
||
"slug": "浅层-ref-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "原始值 API",
|
||
"slug": "原始值-api"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Effect 作用域 API",
|
||
"slug": "effect-作用域-api-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自定义 ref",
|
||
"slug": "自定义-ref-1"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Reactivity:Core",
|
||
"slug": "reactivitycore"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "ref 全家桶",
|
||
"slug": "ref-全家桶-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "可写的计算属性",
|
||
"slug": "可写的计算属性-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "watch 全家桶",
|
||
"slug": "watch-全家桶-1"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Reactivity:Utilities",
|
||
"slug": "reactivityutilities"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "响应性丟失",
|
||
"slug": "响应性丟失"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Utility Function",
|
||
"slug": "utility-function"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "until",
|
||
"slug": "until"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Web Components",
|
||
"slug": "web-components"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自定义元素",
|
||
"slug": "自定义元素"
|
||
}
|
||
],
|
||
"updated": "2022-08-13T08:21:08.878Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Monkey Patch",
|
||
"created": "2022-08-06T00:00:00.000Z",
|
||
"summary": "猴子打补丁",
|
||
"toc": false,
|
||
"tag": [
|
||
"Notes"
|
||
],
|
||
"slug": "/2022-08-06-notes/index.md",
|
||
"path": "/2022-08-06-notes",
|
||
"updated": "2022-08-07T04:36:02.907Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "我在看什么 · 7 月",
|
||
"created": "2022-07-31T00:00:00.000Z",
|
||
"summary": "eval / CSP&XSS / Commonplace Book ……",
|
||
"tags": [
|
||
"我在看什么"
|
||
],
|
||
"image": "/2022-07-31-reading-7/july.webp",
|
||
"slug": "/2022-07-31-reading-7/index.md",
|
||
"path": "/2022-07-31-reading-7",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "前端",
|
||
"slug": "前端"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "后端",
|
||
"slug": "后端"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "什锦",
|
||
"slug": "什锦"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Commonplace Book",
|
||
"slug": "commonplace-book"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T11:32:41.119Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JS中的二进制数字",
|
||
"created": "2022-07-27T00:00:00.000Z",
|
||
"summary": "0b/0B和paresInt",
|
||
"tags": [
|
||
"JavsScript"
|
||
],
|
||
"slug": "/2022-07-27-bin.md",
|
||
"path": "/2022-07-27-bin",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "ES6+",
|
||
"slug": "es6"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Before ES6",
|
||
"slug": "before-es6"
|
||
}
|
||
],
|
||
"updated": "2022-08-11T17:12:21.128Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"created": "2022-07-26T00:00:00.000Z",
|
||
"tags": [
|
||
"XSS",
|
||
"Notes"
|
||
],
|
||
"slug": "/2022-07-23-notes-xss.md",
|
||
"path": "/2022-07-23-notes-xss",
|
||
"toc": [
|
||
{
|
||
"depth": 3,
|
||
"title": "XSS 学习",
|
||
"slug": "xss-学习"
|
||
}
|
||
],
|
||
"updated": "2022-08-11T17:39:51.841Z",
|
||
"type": "note",
|
||
"html": "<h3 id=\"xss-学习\"><a href=\"#xss-学习\">XSS 学习</a></h3><p>介绍文章:</p><ul><li><a href=\"https://tech.meituan.com/2018/09/27/fe-security.html\" rel=\"nofollow noopener noreferrer external\" target=\"_blank\">前端安全系列(一):如何防止 XSS 攻击? - 美团技术团队</a></li><li><a href=\"https://developer.mozilla.org/zh-CN/docs/Glossary/Cross-site_scripting\" rel=\"nofollow noopener noreferrer external\" target=\"_blank\">Cross-site scripting(跨站脚本攻击) - 术语表 | MDN</a></li></ul><p>练习:</p><ul><li><a href=\"https://prompt.ml/\" rel=\"nofollow noopener noreferrer external\" target=\"_blank\">prompt(1) to win</a></li><li>解答:<a href=\"https://github.com/cure53/XSSChallengeWiki/wiki/prompt.ml#level-1\" rel=\"nofollow noopener noreferrer external\" target=\"_blank\">prompt.ml</a></li></ul><p>相关文章:</p><ul><li><a href=\"https://www.leavesongs.com/PENETRATION/xss-from-my-blog.html\" rel=\"nofollow noopener noreferrer external\" target=\"_blank\">我自己博客的一个 XSS 的故事 | 离别歌</a></li></ul>"
|
||
},
|
||
{
|
||
"title": "D3.js 基础笔记",
|
||
"created": "2022-07-23T00:00:00.000Z",
|
||
"summary": "即使是FreeCodeCamp也要做笔记",
|
||
"tags": [
|
||
"D3.js",
|
||
"数据可视化"
|
||
],
|
||
"slug": "/2022-07-23-d3.md",
|
||
"path": "/2022-07-23-d3",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "学习资源",
|
||
"slug": "学习资源"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "基础操作",
|
||
"slug": "基础操作"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "修改元素",
|
||
"slug": "修改元素"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "使用数据",
|
||
"slug": "使用数据"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "使用动态数据",
|
||
"slug": "使用动态数据"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "给元素添加内联样式",
|
||
"slug": "给元素添加内联样式"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "添加 Class",
|
||
"slug": "添加-class"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "标签",
|
||
"slug": "标签"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "添加工具提示 tooltip",
|
||
"slug": "添加工具提示-tooltip"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "SVG",
|
||
"slug": "svg"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "创建 SVG",
|
||
"slug": "创建-svg"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反转 SVG 元素",
|
||
"slug": "反转-svg-元素"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "更改 SVG 元素的颜色",
|
||
"slug": "更改-svg-元素的颜色"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "SVG 图形",
|
||
"slug": "svg-图形"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "矩形",
|
||
"slug": "矩形"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "圆形",
|
||
"slug": "圆形"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "比例尺",
|
||
"slug": "比例尺"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "创建线性比例",
|
||
"slug": "创建线性比例"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "线性缩放",
|
||
"slug": "线性缩放"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "按比例设置域和范围",
|
||
"slug": "按比例设置域和范围"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "最小值最大值",
|
||
"slug": "最小值最大值"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "使用动态比例",
|
||
"slug": "使用动态比例"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "使用预定义的比例放置元素",
|
||
"slug": "使用预定义的比例放置元素"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "添加坐标轴",
|
||
"slug": "添加坐标轴"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "常见图表",
|
||
"slug": "常见图表"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "散点图",
|
||
"slug": "散点图"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.463Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "css和js两种方式实现div右移1000px动画",
|
||
"created": "2022-07-20T00:00:00.000Z",
|
||
"summary": "用keyframes和timer",
|
||
"tags": [
|
||
"CSS",
|
||
"JavaScript",
|
||
"animation"
|
||
],
|
||
"slug": "/2022-07-20-animation/index.svelte.md",
|
||
"path": "/2022-07-20-animation",
|
||
"toc": [],
|
||
"updated": "2022-08-01T03:03:33.463Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "我在看什么 · 5月",
|
||
"created": "2022-07-16T00:00:00.000Z",
|
||
"summary": "Anki / JSDoc / 蘑菇 / Music-Map ……",
|
||
"tags": [
|
||
"我在看什么"
|
||
],
|
||
"image": "/2022-07-16-reading-5/May1.jpg",
|
||
"slug": "/2022-07-16-reading-5/index.md",
|
||
"path": "/2022-07-16-reading-5",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Productivity",
|
||
"slug": "productivity"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "有趣的",
|
||
"slug": "有趣的"
|
||
}
|
||
],
|
||
"updated": "2022-08-11T16:29:56.272Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "我在看什么 · 6月",
|
||
"created": "2022-07-15T00:00:00.000Z",
|
||
"summary": "Vue / 网页性能优化 / npm ……",
|
||
"tags": [
|
||
"我在看什么"
|
||
],
|
||
"image": "/2022-07-15-reading-6/june.png",
|
||
"slug": "/2022-07-15-reading-6/index.md",
|
||
"path": "/2022-07-15-reading-6",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "编程相关",
|
||
"slug": "编程相关"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "前端",
|
||
"slug": "前端"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "后端",
|
||
"slug": "后端"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他",
|
||
"slug": "其他"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "互联网哲学",
|
||
"slug": "互联网哲学"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T11:32:41.091Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "SQL 基础笔记",
|
||
"created": "2022-07-13T00:00:00.000Z",
|
||
"summary": "关于增改删查的方式",
|
||
"tags": [
|
||
"SQL"
|
||
],
|
||
"slug": "/2022-07-13-sql.md",
|
||
"path": "/2022-07-13-sql",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "SQL vs. NOSQL",
|
||
"slug": "sql-vs-nosql"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "CRUD",
|
||
"slug": "crud"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Create",
|
||
"slug": "create"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Read",
|
||
"slug": "read"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Update",
|
||
"slug": "update"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Destory",
|
||
"slug": "destory"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Understanding SQL Relationships, Foreign Keys and Inner Joins",
|
||
"slug": "understanding-sql-relationships-foreign-keys-and-inner-joins"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "FOREIGN KEY",
|
||
"slug": "foreign-key"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "INNER JOIN",
|
||
"slug": "inner-join"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.359Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "一些设计作品",
|
||
"created": "2022-07-13T00:00:00.000Z",
|
||
"summary": "logo / UI / 包装 / 儿童玩具 ……",
|
||
"slug": "/2022-07-13-work/index.md",
|
||
"path": "/2022-07-13-work",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "二十四节气茶包",
|
||
"slug": "二十四节气茶包"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "UI 设计",
|
||
"slug": "ui-设计"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "饼干包装",
|
||
"slug": "饼干包装"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Logo",
|
||
"slug": "logo"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "排版装帧",
|
||
"slug": "排版装帧"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "儿童玩具",
|
||
"slug": "儿童玩具"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.433Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Privacy Policy 隐私声明",
|
||
"created": "2022-06-19T00:00:00.000Z",
|
||
"flags": [
|
||
"unlisted"
|
||
],
|
||
"slug": "/privacy/index.svelte.md",
|
||
"path": "/privacy",
|
||
"toc": [],
|
||
"updated": "2022-08-01T03:03:33.476Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "VPS · Jellyfin结合Cloudreve开启线上影院",
|
||
"created": "2022-06-15T00:00:00.000Z",
|
||
"summary": "基于 Docker 和 Nginx 的信心搭建过程",
|
||
"image": "/2022-06-15-jellyfin/1.jpg",
|
||
"tags": [
|
||
"Nginx",
|
||
"VPS",
|
||
"Docker"
|
||
],
|
||
"slug": "/2022-06-15-jellyfin/index.md",
|
||
"path": "/2022-06-15-jellyfin",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "关于 Jellyfin",
|
||
"slug": "关于-jellyfin"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Cloudrever",
|
||
"slug": "cloudrever"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反代",
|
||
"slug": "反代"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "一些配置",
|
||
"slug": "一些配置"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Jellyfin",
|
||
"slug": "jellyfin"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "搭建",
|
||
"slug": "搭建"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反代",
|
||
"slug": "反代-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "媒体库路径",
|
||
"slug": "媒体库路径"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "插件安装",
|
||
"slug": "插件安装"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "主题和语言",
|
||
"slug": "主题和语言"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T11:32:41.091Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "VPS · 配置 Cloudflare 的免费 SSL 证书",
|
||
"created": "2022-06-12T00:00:00.000Z",
|
||
"summary": "关于如何为多个域名配置SSL证书的操作笔记",
|
||
"tags": [
|
||
"Nginx",
|
||
"VPS"
|
||
],
|
||
"slug": "/2022-06-12-cloudflare.md",
|
||
"path": "/2022-06-12-cloudflare",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 创建证书",
|
||
"slug": "1-创建证书"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 密钥上传到 VPS",
|
||
"slug": "2-密钥上传到-vps"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 修改 Nginx 配置",
|
||
"slug": "3-修改-nginx-配置"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.353Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "实现一个返回页面顶部的 Vue3 组件",
|
||
"created": "2022-06-10T00:00:00.000Z",
|
||
"summary": "结合流畅的动画平滑滚动到页面顶部",
|
||
"tags": [
|
||
"Vue3",
|
||
"BootStrap"
|
||
],
|
||
"slug": "/2022-06-10-backtotop.md",
|
||
"path": "/2022-06-10-backtotop",
|
||
"toc": [],
|
||
"updated": "2022-08-01T11:38:16.754Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Contabo OSS + PicGo 图床配置",
|
||
"created": "2022-05-30T00:00:00.000Z",
|
||
"summary": "OSS自建图床笔记",
|
||
"tags": [
|
||
"OSS"
|
||
],
|
||
"slug": "/2022-05-30-contabo-oss.md",
|
||
"path": "/2022-05-30-contabo-oss",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 购买套餐",
|
||
"slug": "1-购买套餐"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 创建 Bucket",
|
||
"slug": "2-创建-bucket"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 安装 PicGo 插件",
|
||
"slug": "3-安装-picgo-插件"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4. 配置插件",
|
||
"slug": "4-配置插件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "应用密钥 ID 和 应用密钥",
|
||
"slug": "应用密钥-id-和-应用密钥"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "桶 / 自定义节点 /自定义域名",
|
||
"slug": "桶--自定义节点-自定义域名"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "其他设置",
|
||
"slug": "其他设置"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5. 其他",
|
||
"slug": "5-其他"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Obsidian 中的图床设置",
|
||
"slug": "obsidian-中的图床设置"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "更多 PicGO 插件:",
|
||
"slug": "更多-picgo-插件"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.353Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "为博客写一个Project showcase 页面",
|
||
"created": "2022-05-26T00:00:00.000Z",
|
||
"summary": "第一次Pull Request的经历",
|
||
"tags": [
|
||
"Svelte",
|
||
"Open Source"
|
||
],
|
||
"slug": "/2022-05-26-write-a-page-template.md",
|
||
"path": "/2022-05-26-write-a-page-template",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 分析需求",
|
||
"slug": "1-分析需求"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 画原型图",
|
||
"slug": "2-画原型图"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 创建组件样式 CSS",
|
||
"slug": "2-创建组件样式-css"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4. 编写组件代码",
|
||
"slug": "4-编写组件代码"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据",
|
||
"slug": "数据"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "组件",
|
||
"slug": "组件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "页面",
|
||
"slug": "页面"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "响应式布局",
|
||
"slug": "响应式布局"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5. 测试",
|
||
"slug": "5-测试"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6. Pull request 到 Github",
|
||
"slug": "6-pull-request-到-github"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7. Last but not least",
|
||
"slug": "7-last-but-not-least"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T11:36:42.589Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Git · 常用操作笔记",
|
||
"created": "2022-05-25T00:00:00.000Z",
|
||
"summary": "每次更新博客进行的操作以及常见错误处理",
|
||
"tags": [
|
||
"Git"
|
||
],
|
||
"slug": "/2022-05-25-git.md",
|
||
"path": "/2022-05-25-git",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "每次更新博客进行的操作",
|
||
"slug": "每次更新博客进行的操作"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1. 追踪所有文件",
|
||
"slug": "1-追踪所有文件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. 提交上传信息",
|
||
"slug": "2-提交上传信息"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. push 到 Github",
|
||
"slug": "3-push-到-github"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "常用 Git 操作",
|
||
"slug": "常用-git-操作"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "常见问题",
|
||
"slug": "常见问题"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "版本回滚",
|
||
"slug": "版本回滚"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "报错处理",
|
||
"slug": "报错处理"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "博客相关",
|
||
"slug": "博客相关"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "其他",
|
||
"slug": "其他"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.322Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Hypothesis 使用小记",
|
||
"created": "2022-05-25T00:00:00.000Z",
|
||
"summary": "Hypothesis同步到Obsidian / Logseq的方法",
|
||
"tags": [
|
||
"Logseq",
|
||
"Obsidian"
|
||
],
|
||
"slug": "/2022-05-25-hypothesis/index.md",
|
||
"path": "/2022-05-25-hypothesis",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "同步到 Logseq",
|
||
"slug": "同步到-logseq"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1. 打开插件系统开关",
|
||
"slug": "1-打开插件系统开关"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. 安装 Hypothesis 插件",
|
||
"slug": "2-安装-hypothesis-插件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. 获取 API Token",
|
||
"slug": "3-获取-api-token"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. 同步笔记",
|
||
"slug": "4-同步笔记"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "5. 修改笔记模板",
|
||
"slug": "5-修改笔记模板"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "同步到 Obsidian",
|
||
"slug": "同步到-obsidian"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1. 安装 Hypothesis 插件",
|
||
"slug": "1-安装-hypothesis-插件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. API 配置",
|
||
"slug": "2-api-配置"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. 笔记模板配置",
|
||
"slug": "3-笔记模板配置"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. 更新笔记",
|
||
"slug": "4-更新笔记"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "订阅 Hypothesis 的 RSS",
|
||
"slug": "订阅-hypothesis-的-rss"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他参考",
|
||
"slug": "其他参考"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.353Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "SQL · 在 Windows 10 上安装 sqlite",
|
||
"created": "2022-05-23T00:00:00.000Z",
|
||
"summary": "写给计算机小白的 sqlite 安装笔记",
|
||
"tags": [
|
||
"SQL"
|
||
],
|
||
"slug": "/2022-05-23-win-sql/index.md",
|
||
"path": "/2022-05-23-win-sql",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 下载二进制文件",
|
||
"slug": "1-下载二进制文件"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 创建安装文件夹",
|
||
"slug": "2-创建安装文件夹"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 添加环境变量",
|
||
"slug": "3-添加环境变量"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4. 命令提示符中查看 sqlite3 版本",
|
||
"slug": "4-命令提示符中查看-sqlite3-版本"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "常用命令行",
|
||
"slug": "常用命令行"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.303Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · 数组中的copyWithin方法",
|
||
"created": "2022-05-08T17:13:47.671Z",
|
||
"summary": "一种数组内元素复制的方法",
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"lastmod": "2022-05-09T02:27:47.533Z",
|
||
"slug": "/2022-05-09-copywithin/index.md",
|
||
"path": "/2022-05-09-copywithin",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "简介",
|
||
"slug": "简介"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "语法:",
|
||
"slug": "语法"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参数",
|
||
"slug": "参数"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "target",
|
||
"slug": "target"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "start",
|
||
"slug": "start"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "end",
|
||
"slug": "end"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "例子",
|
||
"slug": "例子"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "源码",
|
||
"slug": "源码"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "可视化",
|
||
"slug": "可视化"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.294Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "VPS 安全初始化",
|
||
"created": "2022-05-06T00:00:00.000Z",
|
||
"summary": "上次 VPS 被别人暴力破解了,一哭二闹三重装之后,有了本文",
|
||
"tags": [
|
||
"VPS",
|
||
"Self hosted"
|
||
],
|
||
"slug": "/2022-05-07-vps-init.md",
|
||
"path": "/2022-05-07-vps-init",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "思路",
|
||
"slug": "思路"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "日常防护",
|
||
"slug": "日常防护"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "安全检查",
|
||
"slug": "安全检查"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 创建新用户",
|
||
"slug": "1-创建新用户"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 配置 SSH-keys",
|
||
"slug": "2-配置-ssh-keys"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "本地生成 SSH 密钥对",
|
||
"slug": "本地生成-ssh-密钥对"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "安装公钥",
|
||
"slug": "安装公钥"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "修改权限",
|
||
"slug": "修改权限"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "修改 sshd 配置文件",
|
||
"slug": "修改-sshd-配置文件"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "禁用密码登陆和改端口",
|
||
"slug": "禁用密码登陆和改端口"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "修改默认登陆端口",
|
||
"slug": "修改默认登陆端口"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 安装 ClamAV",
|
||
"slug": "3-安装-clamav"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "安装",
|
||
"slug": "安装"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "更新病毒数据库",
|
||
"slug": "更新病毒数据库"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "开机启动",
|
||
"slug": "开机启动"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "下载 ClamAV 数据库",
|
||
"slug": "下载-clamav-数据库"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "限制 Clamscan CPU 使用率",
|
||
"slug": "限制-clamscan-cpu-使用率"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "常见 CLI",
|
||
"slug": "常见-cli"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "ClamAV 返回码",
|
||
"slug": "clamav-返回码"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4. 安装 Fail2ban",
|
||
"slug": "4-安装-fail2ban"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "准备",
|
||
"slug": "准备"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "安装",
|
||
"slug": "安装-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "修改配置:",
|
||
"slug": "修改配置"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5. SSL 证书相关",
|
||
"slug": "5-ssl-证书相关"
|
||
}
|
||
],
|
||
"updated": "2022-08-01T03:03:33.291Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "About",
|
||
"created": "2022-05-06T00:00:00.000Z",
|
||
"updated": "2022-05-06T00:00:00.000Z",
|
||
"flags": [
|
||
"unlisted"
|
||
],
|
||
"lastmod": "2022-05-20T04:07:08.760Z",
|
||
"slug": "/about/index.svelte.md",
|
||
"path": "/about",
|
||
"toc": [
|
||
{
|
||
"depth": 3,
|
||
"title": "写码进度",
|
||
"slug": "写码进度"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "其他站点",
|
||
"slug": "其他站点"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "博客日志",
|
||
"slug": "博客日志"
|
||
}
|
||
],
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · 解决 Chrome 中小于12px的字体不显示的问题",
|
||
"lastmod": "2022-04-07T07:36:23.629Z",
|
||
"summary": "先用scale总体缩小再补上减少的宽度",
|
||
"created": "2022-03-29T13:46:29.228Z",
|
||
"tags": [
|
||
"CSS",
|
||
"CSS Trick"
|
||
],
|
||
"categories": [
|
||
"CSS"
|
||
],
|
||
"toc": false,
|
||
"slug": "/2022-03-29-12px.md",
|
||
"path": "/2022-03-29-12px",
|
||
"updated": "2022-08-06T10:50:25.374Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Miniflux · 保存文章到 Pocket 以及 RSS",
|
||
"summary": "将 Miniflux 上的文章到保存到 Pocket/Instapaper,以及 RSS 相关文章和资源",
|
||
"created": "2022-03-10T16:24:38.663Z",
|
||
"preview": "",
|
||
"draft": "",
|
||
"tags": [
|
||
"RSS",
|
||
"Miniflux"
|
||
],
|
||
"changelogs": [
|
||
{
|
||
"tag": "202203011",
|
||
"summary": [
|
||
"添加了`instapaper`的连接方式",
|
||
"添加了Pocket按钮嵌入方式"
|
||
]
|
||
}
|
||
],
|
||
"lastmod": "2022-04-07T07:38:52.406Z",
|
||
"slug": "/2022-03-11-miniflux-to-pocket.md",
|
||
"path": "/2022-03-11-miniflux-to-pocket",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 创建 Pocket Application",
|
||
"slug": "1-创建-pocket-application"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 获取 Consumer Key 用户密钥",
|
||
"slug": "2-获取-consumer-key-用户密钥"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 获取 Access Token 访问密钥",
|
||
"slug": "3-获取-access-token-访问密钥"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他",
|
||
"slug": "其他"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.为博客添加 Pocket 收藏按钮",
|
||
"slug": "1为博客添加-pocket-收藏按钮"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.用 Fever 同步到 Reeder",
|
||
"slug": "2用-fever-同步到-reeder"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3.连接到 Instapaper",
|
||
"slug": "3连接到-instapaper"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "RSS 相关内容",
|
||
"slug": "rss-相关内容"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1. Miniflux 搭建",
|
||
"slug": "1-miniflux-搭建"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. 其他选择",
|
||
"slug": "2-其他选择"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. RSS 生成",
|
||
"slug": "3-rss-生成"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. 看什么",
|
||
"slug": "4-看什么"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "5. 关于 RSS",
|
||
"slug": "5-关于-rss"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:51:23.859Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Forty页面仿写",
|
||
"summary": "完成 HTML、CSS 代码编写,暂无 JavaScript",
|
||
"created": "2022-03-10T08:38:17.227Z",
|
||
"preview": "",
|
||
"draft": "",
|
||
"tags": [
|
||
"CSS",
|
||
"HTML"
|
||
],
|
||
"lastmod": "2022-04-07T07:39:48.473Z",
|
||
"slug": "/2022-03-10-forty.md",
|
||
"path": "/2022-03-10-forty",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "示例图",
|
||
"slug": "示例图"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Demo",
|
||
"slug": "demo"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:51:23.374Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · Tab选项卡",
|
||
"summary": "一个纯 CSS 实现的 Tab 选项卡",
|
||
"created": "2022-03-09T07:42:25.299Z",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"categories": [
|
||
"CSS"
|
||
],
|
||
"lastmod": "2022-04-07T07:40:02.371Z",
|
||
"slug": "/2022-03-09-css-tab.md",
|
||
"path": "/2022-03-09-css-tab",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "原理",
|
||
"slug": "原理"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "代码",
|
||
"slug": "代码"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "HTML",
|
||
"slug": "html"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "CSS",
|
||
"slug": "css"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参考",
|
||
"slug": "参考"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:54.161Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · 打字机效果生成器",
|
||
"summary": "用 JavaScript 实现网页打字机效果",
|
||
"created": "2022-03-08T16:19:05.137Z",
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"categories": [
|
||
"JavaScript"
|
||
],
|
||
"lastmod": "2022-04-07T07:40:27.758Z",
|
||
"slug": "/2022-03-09-typewriter.md",
|
||
"path": "/2022-03-09-typewriter",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "解法",
|
||
"slug": "解法"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参考",
|
||
"slug": "参考"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:29.470Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · Caesar Cipher 凯撒加密",
|
||
"summary": "用JavaScrpit编码实现凯撒加密算法",
|
||
"created": "2022-03-08T16:01:08.850Z",
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"categories": [
|
||
"JavaScript"
|
||
],
|
||
"lastmod": "2022-04-07T07:20:47.694Z",
|
||
"slug": "/2022-03-09-caesar-cipher.md",
|
||
"path": "/2022-03-09-caesar-cipher",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "解法",
|
||
"slug": "解法"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "HTML",
|
||
"slug": "html"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "JS",
|
||
"slug": "js"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参考",
|
||
"slug": "参考"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:48.659Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · 字符串去重",
|
||
"summary": "编码实现字符串去重",
|
||
"created": "2022-03-07T13:55:21.090Z",
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"categories": [
|
||
"JavaScript"
|
||
],
|
||
"lastmod": "2022-04-07T07:20:30.550Z",
|
||
"slug": "/2022-03-07-filter.md",
|
||
"path": "/2022-03-07-filter",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "解法",
|
||
"slug": "解法"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他解法",
|
||
"slug": "其他解法"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:50.151Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Obsidian · 网课学习笔记整理",
|
||
"summary": "拆分整合的过程",
|
||
"created": "2022-03-06T16:23:33.118Z",
|
||
"tags": [
|
||
"Obsidian"
|
||
],
|
||
"categories": [
|
||
"Obsidian"
|
||
],
|
||
"lastmod": "2022-04-07T07:20:39.933Z",
|
||
"slug": "/2022-03-07-obsidian-notes1.md",
|
||
"path": "/2022-03-07-obsidian-notes1",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "具体的方法",
|
||
"slug": "具体的方法"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Step1-构建地图",
|
||
"slug": "step1-构建地图"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Step2-写课堂笔记",
|
||
"slug": "step2-写课堂笔记"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Step3-重组笔记",
|
||
"slug": "step3-重组笔记"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "布局",
|
||
"slug": "布局"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "结构编辑",
|
||
"slug": "结构编辑"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "拆分笔记",
|
||
"slug": "拆分笔记"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:46.655Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Airtable · 网页剪藏",
|
||
"summary": "Airtable Web Cilpper设置",
|
||
"created": "2022-03-06T05:58:29.026Z",
|
||
"categories": [
|
||
"实用技巧"
|
||
],
|
||
"tags": [
|
||
"实用技巧"
|
||
],
|
||
"lastmod": "2022-04-16T12:54:20.049Z",
|
||
"slug": "/2022-03-06-airtable.md",
|
||
"path": "/2022-03-06-airtable",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "书签这回事",
|
||
"slug": "书签这回事"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "关于 Airtable",
|
||
"slug": "关于-airtable"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "怎么用 Airtable 剪切网页",
|
||
"slug": "怎么用-airtable-剪切网页"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1. 创建表格",
|
||
"slug": "1-创建表格"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. 创建 app",
|
||
"slug": "2-创建-app"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. 配置剪切设置",
|
||
"slug": "3-配置剪切设置"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. Web Clipper 剪切",
|
||
"slug": "4-web-clipper-剪切"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:42.370Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · 十进制数转二进制",
|
||
"summary": "用JavaScript将十进制数转二进制数",
|
||
"created": "2022-03-04T14:57:48.683Z",
|
||
"draft": "",
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"categories": [
|
||
"JavaScript"
|
||
],
|
||
"lastmod": "2022-04-16T12:54:16.167Z",
|
||
"type": "article",
|
||
"slug": "/2022-03-04-decbin.md",
|
||
"path": "/2022-03-04-decbin",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Task1",
|
||
"slug": "task1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Task2",
|
||
"slug": "task2"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "解法",
|
||
"slug": "解法"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:40.572Z",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "JavaScript · 判断水仙花数",
|
||
"summary": "用JavaScript判断水仙花数",
|
||
"created": "2022-03-03T15:07:14.533Z",
|
||
"categories": [
|
||
"JavaScript"
|
||
],
|
||
"tags": [
|
||
"JavaScript"
|
||
],
|
||
"slug": "/2022-03-03.md",
|
||
"lastmod": "2022-04-07T07:20:02.340Z",
|
||
"path": "/2022-03-03",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "题目",
|
||
"slug": "题目"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "解法",
|
||
"slug": "解法"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参考",
|
||
"slug": "参考"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:38.994Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "自建网页书签Flare",
|
||
"created": "2022-02-20T14:04:17.000Z",
|
||
"tags": [
|
||
"Docker",
|
||
"Self-hosted"
|
||
],
|
||
"slug": "/flare.md",
|
||
"summary": "通过Docker自建网页书签Flare",
|
||
"lastmod": "2022-03-30T02:19:33.711Z",
|
||
"path": "/flare",
|
||
"toc": [
|
||
{
|
||
"depth": 3,
|
||
"title": "1.创建 Flare 文件夹",
|
||
"slug": "1创建-flare-文件夹"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.下载包含示例的代码",
|
||
"slug": "2下载包含示例的代码"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3.运行容器",
|
||
"slug": "3运行容器"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "方法 1:直接启动",
|
||
"slug": "方法-1直接启动"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "方法 2:通过 docker composer",
|
||
"slug": "方法-2通过-docker-composer"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4.修改书签内容",
|
||
"slug": "4修改书签内容"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "5.用 nginx 反代和设置域名",
|
||
"slug": "5用-nginx-反代和设置域名"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "6.SSL 证书和其他书签",
|
||
"slug": "6ssl-证书和其他书签"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:53.655Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "用 docker 安装 Halo 博客",
|
||
"created": "2022-02-16T14:04:17.000Z",
|
||
"tags": [
|
||
"Docker",
|
||
"Self-hosted"
|
||
],
|
||
"slug": "/halo.md",
|
||
"summary": "",
|
||
"lastmod": "2022-05-07T05:39:19.169Z",
|
||
"path": "/halo",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "准备",
|
||
"slug": "准备"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "解析域名",
|
||
"slug": "解析域名"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "安装 docker",
|
||
"slug": "安装-docker"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "检查端口开放情况",
|
||
"slug": "检查端口开放情况"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "安装 Halo",
|
||
"slug": "安装-halo"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.创建工作目录",
|
||
"slug": "1创建工作目录"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.下载示例配置文件到工作目录",
|
||
"slug": "2下载示例配置文件到工作目录"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. 编辑配置文件,配置数据库或者端口",
|
||
"slug": "3-编辑配置文件配置数据库或者端口"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "打开配置文件 application.yaml",
|
||
"slug": "打开配置文件-applicationyaml"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "修改配置",
|
||
"slug": "修改配置"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. 拉取最新的 Halo 镜像",
|
||
"slug": "4-拉取最新的-halo-镜像"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "5. 创建容器",
|
||
"slug": "5-创建容器"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "6. 打开安装引导界面。",
|
||
"slug": "6-打开安装引导界面"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "用 Nginx 反代",
|
||
"slug": "用-nginx-反代"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.安装 Nginx",
|
||
"slug": "1安装-nginx"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.配置 halo.conf",
|
||
"slug": "2配置-haloconf"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3.重启 nginx",
|
||
"slug": "3重启-nginx"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "安装 certbot,为域名获取免费 SSL 证书",
|
||
"slug": "安装-certbot为域名获取免费-ssl-证书"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.安装 certbot",
|
||
"slug": "1安装-certbot"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.配置证书",
|
||
"slug": "2配置证书"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他",
|
||
"slug": "其他"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:49.221Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "VS Code 技巧合集",
|
||
"tags": [
|
||
"实用技巧"
|
||
],
|
||
"categories": [
|
||
"实用技巧"
|
||
],
|
||
"slug": "/vscode.md",
|
||
"summary": "字体/插件/设置……",
|
||
"created": "2022-01-27T13:40:28.920Z",
|
||
"lastmod": "2022-03-30T02:20:34.584Z",
|
||
"path": "/vscode",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "关闭 VS Code 中的 popup 面板",
|
||
"slug": "关闭-vs-code-中的-popup-面板"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "修改字体",
|
||
"slug": "修改字体"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "快捷键",
|
||
"slug": "快捷键"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "插件",
|
||
"slug": "插件"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "设置",
|
||
"slug": "设置"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他",
|
||
"slug": "其他"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:29.477Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "两种免费发布Axure原型的方式",
|
||
"created": "2022-01-21T00:11:17.000Z",
|
||
"tags": [
|
||
"实用技巧"
|
||
],
|
||
"slug": "/axure.md",
|
||
"summary": "通过Netlify和Vercel发布",
|
||
"lastmod": "2022-04-07T07:24:20.692Z",
|
||
"path": "/axure",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Netlify",
|
||
"slug": "netlify"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Vercel +Github",
|
||
"slug": "vercel-github"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:51:25.527Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · Argon主题的CSS修改",
|
||
"created": "2022-01-16T14:04:17.000Z",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"slug": "/argon.md",
|
||
"summary": "基于最近所学,对当前Argon主题做了一些微小的调整",
|
||
"lastmod": "2022-05-07T05:30:35.639Z",
|
||
"path": "/argon",
|
||
"toc": [],
|
||
"updated": "2022-08-06T10:50:02.849Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · hover时图片放大的动效",
|
||
"created": "2022-01-13T16:03:47.000Z",
|
||
"slug": "/hover.md",
|
||
"tags": [
|
||
"CSS Trick",
|
||
"CSS"
|
||
],
|
||
"summary": "通过transform设置",
|
||
"lastmod": "2022-05-07T05:30:52.029Z",
|
||
"path": "/hover",
|
||
"toc": [],
|
||
"updated": "2022-08-06T10:49:47.292Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · 三种布局方式",
|
||
"slug": "/css-layout.md",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"created": "2022-01-13T10:07:00.000Z",
|
||
"summary": "Float / Flexbox / Grid /",
|
||
"lastmod": "2022-05-07T05:30:20.613Z",
|
||
"path": "/css-layout",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Overview",
|
||
"slug": "overview"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Box-sizing",
|
||
"slug": "box-sizing"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "reset",
|
||
"slug": "reset"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Float Layout",
|
||
"slug": "float-layout"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "left",
|
||
"slug": "left"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "right",
|
||
"slug": "right"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "ABSOLUTE POSITIONING VS. FLOATS",
|
||
"slug": "absolute-positioning-vs-floats"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Clear Float",
|
||
"slug": "clear-float"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "方法 1: empty div",
|
||
"slug": "方法-1-empty-div"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "方法 2:clearfix hack",
|
||
"slug": "方法-2clearfix-hack"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Flexbox",
|
||
"slug": "flexbox"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Flex container",
|
||
"slug": "flex-container"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Flex items",
|
||
"slug": "flex-items"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Propetities",
|
||
"slug": "propetities"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "order",
|
||
"slug": "order"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "flex-grow",
|
||
"slug": "flex-grow"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "flex-basis",
|
||
"slug": "flex-basis"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "shorthand",
|
||
"slug": "shorthand"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "CSS Grid",
|
||
"slug": "css-grid"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "grid container",
|
||
"slug": "grid-container"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "Gap",
|
||
"slug": "gap"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "align tracks inside containers",
|
||
"slug": "align-tracks-inside-containers"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "grid items",
|
||
"slug": "grid-items"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "align items inside cells",
|
||
"slug": "align-items-inside-cells"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "fr",
|
||
"slug": "fr"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "implicit row",
|
||
"slug": "implicit-row"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:54.807Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · Add margin to buttons",
|
||
"slug": "/margin.md",
|
||
"tags": [
|
||
"CSS Trick",
|
||
"CSS"
|
||
],
|
||
"created": "2022-01-13T10:04:21.000Z",
|
||
"summary": "用helper class为单个按钮加margin,防止元素复用时产生不必要的margin",
|
||
"lastmod": "2022-05-07T05:32:49.156Z",
|
||
"path": "/margin",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "HTML",
|
||
"slug": "html"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "CSS",
|
||
"slug": "css"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "为按钮增加内边距",
|
||
"slug": "为按钮增加内边距"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:40.186Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · Reusable Grid",
|
||
"slug": "/grid.md",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"created": "2022-01-13T10:01:44.000Z",
|
||
"summary": "可复用的CSS Grid设置",
|
||
"lastmod": "2022-05-07T05:32:52.372Z",
|
||
"path": "/grid",
|
||
"toc": [
|
||
{
|
||
"depth": 4,
|
||
"title": "CSS:",
|
||
"slug": "css"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "HTML:",
|
||
"slug": "html"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:51.803Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · Rem in CSS",
|
||
"slug": "/rem-css.md",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"created": "2022-01-12T09:50:27.000Z",
|
||
"summary": "CSS中的Rem是什么",
|
||
"lastmod": "2022-05-07T05:32:42.708Z",
|
||
"path": "/rem-css",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. set px",
|
||
"slug": "1-set-px"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. percentage",
|
||
"slug": "2-percentage"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:34.711Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "翻译 · Material Design3",
|
||
"created": "2022-01-03T13:02:17.000Z",
|
||
"tags": [
|
||
"翻译"
|
||
],
|
||
"categories": [
|
||
"翻译"
|
||
],
|
||
"slug": "/material.md",
|
||
"summary": "部分翻译内容",
|
||
"lastmod": "2022-05-07T05:30:39.510Z",
|
||
"path": "/material",
|
||
"toc": [],
|
||
"updated": "2022-08-06T10:49:37.342Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "《用户体验要素》- 战略层(产品目标和用户需求)",
|
||
"created": "2022-01-02T13:08:29.000Z",
|
||
"categories": [
|
||
"UX学习笔记"
|
||
],
|
||
"tags": [
|
||
"《用户体验要素》",
|
||
"读书笔记"
|
||
],
|
||
"summary": "第三章笔记",
|
||
"lastmod": "2022-05-07T05:33:16.860Z",
|
||
"slug": "/用户体验要素3.md",
|
||
"path": "/用户体验要素3",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "产品目标",
|
||
"slug": "产品目标"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "用户需求",
|
||
"slug": "用户需求"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户细分( user segmentation)",
|
||
"slug": "用户细分-user-segmentation"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户研究(User Research)",
|
||
"slug": "用户研究user-research"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "团队角色和流程",
|
||
"slug": "团队角色和流程"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:03.925Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "CSS · 基础笔记",
|
||
"created": "2021-12-06T03:59:47.000Z",
|
||
"slug": "/css-fundamental.md",
|
||
"tags": [
|
||
"CSS"
|
||
],
|
||
"lastmod": "2022-05-07T05:30:27.910Z",
|
||
"path": "/css-fundamental",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "css 是什么",
|
||
"slug": "css-是什么"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "分类",
|
||
"slug": "分类"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "inline CSS",
|
||
"slug": "inline-css"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "internal CSS",
|
||
"slug": "internal-css"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "external CSS",
|
||
"slug": "external-css"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "组成",
|
||
"slug": "组成"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Selectors",
|
||
"slug": "selectors"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "descendent selector",
|
||
"slug": "descendent-selector"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "line selector",
|
||
"slug": "line-selector"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "id",
|
||
"slug": "id"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "class attributes",
|
||
"slug": "class-attributes"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "universal selector",
|
||
"slug": "universal-selector"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "body",
|
||
"slug": "body"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优先级",
|
||
"slug": "优先级"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "conflicting between selectors",
|
||
"slug": "conflicting-between-selectors"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "inheritance",
|
||
"slug": "inheritance"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "颜色",
|
||
"slug": "颜色"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "RGB/RGBA",
|
||
"slug": "rgbrgba"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Hexadecimal Colors",
|
||
"slug": "hexadecimal-colors"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Pseudo Class",
|
||
"slug": "pseudo-class"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "第一个元素/最后一个元素",
|
||
"slug": "第一个元素最后一个元素"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "奇数/偶数 /特定次序",
|
||
"slug": "奇数偶数-特定次序"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "多种元素时",
|
||
"slug": "多种元素时"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Style hyperlinks",
|
||
"slug": "style-hyperlinks"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "link",
|
||
"slug": "link"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "visited",
|
||
"slug": "visited"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "hover",
|
||
"slug": "hover"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "active",
|
||
"slug": "active"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Pseudo Elements",
|
||
"slug": "pseudo-elements"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "adjacent sibiling selector",
|
||
"slug": "adjacent-sibiling-selector"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "after",
|
||
"slug": "after"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "before",
|
||
"slug": "before"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Box Model",
|
||
"slug": "box-model"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Type of boxes:",
|
||
"slug": "type-of-boxes"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "inline boxes",
|
||
"slug": "inline-boxes"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "block-level boxes",
|
||
"slug": "block-level-boxes"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "inline-block boxes",
|
||
"slug": "inline-block-boxes"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "padding",
|
||
"slug": "padding"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "reset margin ane padding",
|
||
"slug": "reset-margin-ane-padding"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "margin",
|
||
"slug": "margin"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "collapsing margins",
|
||
"slug": "collapsing-margins"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Dimensions",
|
||
"slug": "dimensions"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "width",
|
||
"slug": "width"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "position",
|
||
"slug": "position"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Normal Flow",
|
||
"slug": "normal-flow"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Absolute Position",
|
||
"slug": "absolute-position"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "centering page",
|
||
"slug": "centering-page"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "基本操作",
|
||
"slug": "基本操作"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "CSS 注释",
|
||
"slug": "css-注释"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Fix bugs",
|
||
"slug": "fix-bugs"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:56.359Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "HTML · 基础笔记",
|
||
"created": "2021-12-06T03:59:47.000Z",
|
||
"slug": "/html-basis.md",
|
||
"tags": [
|
||
"HTML"
|
||
],
|
||
"lastmod": "2022-05-07T05:30:47.655Z",
|
||
"path": "/html-basis",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "HTML 是什么",
|
||
"slug": "html-是什么"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "基本组成",
|
||
"slug": "基本组成"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "框架",
|
||
"slug": "框架"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "attributes",
|
||
"slug": "attributes"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "tags",
|
||
"slug": "tags"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "HTML entity",
|
||
"slug": "html-entity"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "semantic HTML",
|
||
"slug": "semantic-html"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "空格",
|
||
"slug": "空格"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "当 div 中用 css 设置了图片时",
|
||
"slug": "当-div-中用-css-设置了图片时"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "随堂练习",
|
||
"slug": "随堂练习"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "商品卡片",
|
||
"slug": "商品卡片"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "分页器 pagination",
|
||
"slug": "分页器-pagination"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:44.906Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "《用户体验要素》- 认识这些要素",
|
||
"summary": "第二章笔记",
|
||
"created": "2021-12-06T03:59:47.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"《用户体验要素》"
|
||
],
|
||
"tags": [
|
||
"读书笔记",
|
||
"《用户体验要素》"
|
||
],
|
||
"hidden": false,
|
||
"draft": false,
|
||
"slug": "/用户体验要素2.md",
|
||
"lastmod": "2022-04-16T12:55:45.413Z",
|
||
"path": "/用户体验要素2",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "五个层面",
|
||
"slug": "五个层面"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "表现层 (surface)",
|
||
"slug": "表现层-surface"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "框架层 (skeleton)",
|
||
"slug": "框架层-skeleton"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "结构层(structure)",
|
||
"slug": "结构层structure"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "范围层 (scope)",
|
||
"slug": "范围层-scope"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "战略层 (strategy)",
|
||
"slug": "战略层-strategy"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "如何建设这五个层面?",
|
||
"slug": "如何建设这五个层面"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自下而上地建设",
|
||
"slug": "自下而上地建设"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在上一层完成之前开始下一层",
|
||
"slug": "在上一层完成之前开始下一层"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "基本的双重性",
|
||
"slug": "基本的双重性"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是网页基本的双重性质?",
|
||
"slug": "什么是网页基本的双重性质"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是信息型的媒介类产品?",
|
||
"slug": "什么是信息型的媒介类产品"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是功能型的平台类产品",
|
||
"slug": "什么是功能型的平台类产品"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户体验的基本要素是什么?(五个层次、两种类别的产品)",
|
||
"slug": "用户体验的基本要素是什么五个层次两种类别的产品"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:05.032Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "《用户体验要素》- 用户体验为何如此重要",
|
||
"summary": "第一章笔记",
|
||
"created": "2021-11-29T03:06:10.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"《用户体验要素》"
|
||
],
|
||
"tags": [
|
||
"读书笔记",
|
||
"《用户体验要素》"
|
||
],
|
||
"hidden": false,
|
||
"draft": false,
|
||
"slug": "/用户体验要素1.md",
|
||
"lastmod": "2022-04-16T12:55:42.468Z",
|
||
"path": "/用户体验要素1",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "什么是用户体验",
|
||
"slug": "什么是用户体验"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "为体验而设计:使用第一",
|
||
"slug": "为体验而设计使用第一"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为什么小而美的产品,更容易成功?",
|
||
"slug": "为什么小而美的产品更容易成功"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "用户体验和商机",
|
||
"slug": "用户体验和商机"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为什么在网站上,用户体验比别的产品更重要?",
|
||
"slug": "为什么在网站上用户体验比别的产品更重要"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为什么用户体验很重要?有什么作用吗",
|
||
"slug": "为什么用户体验很重要有什么作用吗"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是转化率?有什么用?",
|
||
"slug": "什么是转化率有什么用"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "改善用户体验,是为了什么?通过什么方式达到?",
|
||
"slug": "改善用户体验是为了什么通过什么方式达到"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "以用户为中心的设计",
|
||
"slug": "以用户为中心的设计"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是“以用户为中心”的设计?",
|
||
"slug": "什么是以用户为中心的设计"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "怎么做?",
|
||
"slug": "怎么做"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:06.494Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Evaluation",
|
||
"summary": "Introduction to User Experience Design|Week5",
|
||
"created": "2021-11-18T14:09:49.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"Introduction to User Experience Design"
|
||
],
|
||
"tags": [
|
||
"UX"
|
||
],
|
||
"slug": "/2021-11-18-ux5/index.md",
|
||
"path": "/2021-11-18-ux5",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "评估",
|
||
"slug": "评估"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "分类",
|
||
"slug": "分类"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "形成性评估",
|
||
"slug": "形成性评估"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "总结性评估",
|
||
"slug": "总结性评估"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "如何评估",
|
||
"slug": "如何评估"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据收集",
|
||
"slug": "数据收集"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "衡量",
|
||
"slug": "衡量"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "可学习性",
|
||
"slug": "可学习性"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "可记忆性",
|
||
"slug": "可记忆性"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "主观情感评估",
|
||
"slug": "主观情感评估"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "相关资源",
|
||
"slug": "相关资源"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "推荐教材",
|
||
"slug": "推荐教材"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Trade Book",
|
||
"slug": "trade-book"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Text Books",
|
||
"slug": "text-books"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "参考网站",
|
||
"slug": "参考网站"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:47:38.841Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Prototyping",
|
||
"summary": "Introduction to User Experience Design|Week4",
|
||
"created": "2021-11-18T13:26:41.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"Introduction to User Experience Design"
|
||
],
|
||
"tags": [
|
||
"UX"
|
||
],
|
||
"slug": "/2021-11-18-ux4/index.md",
|
||
"path": "/2021-11-18-ux4",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "关于 Prototyping",
|
||
"slug": "关于-prototyping"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是原型开发",
|
||
"slug": "什么是原型开发"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "原型开发的作用",
|
||
"slug": "原型开发的作用"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "水平原型",
|
||
"slug": "水平原型"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "垂直原型",
|
||
"slug": "垂直原型"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "低保真 Lofi Prototype",
|
||
"slug": "低保真-lofi-prototype"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "低保真和高保真的区别",
|
||
"slug": "低保真和高保真的区别"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "注意事项",
|
||
"slug": "注意事项"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "三种形式",
|
||
"slug": "三种形式"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "1. 草图",
|
||
"slug": "1-草图"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "2. 故事版",
|
||
"slug": "2-故事版"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "3.卡片原型",
|
||
"slug": "3卡片原型"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "其他原型方式",
|
||
"slug": "其他原型方式"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "绿野仙踪/奥茨法师",
|
||
"slug": "绿野仙踪奥茨法师"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "概念验证视频",
|
||
"slug": "概念验证视频"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "隐喻技术",
|
||
"slug": "隐喻技术"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "相关资源",
|
||
"slug": "相关资源"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Resources and Tools for Protoyping 1",
|
||
"slug": "resources-and-tools-for-protoyping-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Tools",
|
||
"slug": "tools"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Resources for Prototyping 2",
|
||
"slug": "resources-for-prototyping-2"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:10.016Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Design Alternatives",
|
||
"summary": "Introduction to User Experience Design|Week3",
|
||
"created": "2021-11-14T03:18:45.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"Introduction to User Experience Design"
|
||
],
|
||
"tags": [
|
||
"UX"
|
||
],
|
||
"lastmod": "2022-04-16T12:56:27.924Z",
|
||
"slug": "/2021-11-14-ux3/index.md",
|
||
"path": "/2021-11-14-ux3",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Review of Design Goals 审查设计目标",
|
||
"slug": "review-of-design-goals-审查设计目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户体验的核心目标",
|
||
"slug": "用户体验的核心目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "设计的定义",
|
||
"slug": "设计的定义"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "设计的目标",
|
||
"slug": "设计的目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "设计时,需考虑的三个方面",
|
||
"slug": "设计时需考虑的三个方面"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Design Alternatives 设计替代方案",
|
||
"slug": "design-alternatives-设计替代方案"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "目标",
|
||
"slug": "目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "关键",
|
||
"slug": "关键"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Road map 路线",
|
||
"slug": "road-map-路线"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:15.281Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Requirement Gathering",
|
||
"summary": "Introduction to User Experience Design|Week2",
|
||
"created": "2021-11-09T14:26:49.000Z",
|
||
"categories": [
|
||
"UX学习笔记",
|
||
"Introduction to User Experience Design"
|
||
],
|
||
"tags": [
|
||
"UX"
|
||
],
|
||
"slug": "/2021-11-09-ux2/index.md",
|
||
"path": "/2021-11-09-ux2",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "Overview",
|
||
"slug": "overview"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Types of Users and Types of Data",
|
||
"slug": "types-of-users-and-types-of-data"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据类型",
|
||
"slug": "数据类型"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "定量",
|
||
"slug": "定量"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "定性",
|
||
"slug": "定性"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "将用户视为利益相关者的三个类型",
|
||
"slug": "将用户视为利益相关者的三个类型"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "了解利益相关者的意义",
|
||
"slug": "了解利益相关者的意义"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Discovery Technique Overview",
|
||
"slug": "discovery-technique-overview"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "四种调研方法",
|
||
"slug": "四种调研方法"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "交互程度",
|
||
"slug": "交互程度"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "进行的场景",
|
||
"slug": "进行的场景"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在设计周期中迭代",
|
||
"slug": "在设计周期中迭代"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Naturalistic Observation 自然观察",
|
||
"slug": "naturalistic-observation-自然观察"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何做",
|
||
"slug": "如何做"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据",
|
||
"slug": "数据"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优点",
|
||
"slug": "优点"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "缺点",
|
||
"slug": "缺点"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "道德局限",
|
||
"slug": "道德局限"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在设计流程中",
|
||
"slug": "在设计流程中"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Survey 问卷",
|
||
"slug": "survey-问卷"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何做",
|
||
"slug": "如何做-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据",
|
||
"slug": "数据-1"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "1.定性-封闭性问题",
|
||
"slug": "1定性-封闭性问题"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "2.定量-开放性问题",
|
||
"slug": "2定量-开放性问题"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优点",
|
||
"slug": "优点-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "缺点",
|
||
"slug": "缺点-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在设计流程中",
|
||
"slug": "在设计流程中-1"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Focus group 焦点小组",
|
||
"slug": "focus-group-焦点小组"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么-2"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何做",
|
||
"slug": "如何做-2"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "组成",
|
||
"slug": "组成"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据",
|
||
"slug": "数据-2"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优点",
|
||
"slug": "优点-2"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "缺点",
|
||
"slug": "缺点-2"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在设计流程中",
|
||
"slug": "在设计流程中-2"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Interviews",
|
||
"slug": "interviews"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么-3"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何做",
|
||
"slug": "如何做-3"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "数据",
|
||
"slug": "数据-3"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "优点",
|
||
"slug": "优点-3"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "缺点",
|
||
"slug": "缺点-3"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "在设计流程中",
|
||
"slug": "在设计流程中-3"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "User Results 用户数据处理",
|
||
"slug": "user-results-用户数据处理"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "描述性统计信息",
|
||
"slug": "描述性统计信息"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户特征表",
|
||
"slug": "用户特征表"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "人物画像 Persona",
|
||
"slug": "人物画像-persona"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Presenting Task Findings",
|
||
"slug": "presenting-task-findings"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Scenario",
|
||
"slug": "scenario"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "是什么",
|
||
"slug": "是什么-4"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "作用",
|
||
"slug": "作用"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Essential Case Study",
|
||
"slug": "essential-case-study"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "三个要素",
|
||
"slug": "三个要素"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Hierarchical Task Analysis",
|
||
"slug": "hierarchical-task-analysis"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Current UI Critique",
|
||
"slug": "current-ui-critique"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "步骤",
|
||
"slug": "步骤"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "相关资源",
|
||
"slug": "相关资源"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:17.439Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "Overview of User Experience Design",
|
||
"summary": "Introduction to User Experience Design|Week1",
|
||
"created": "2021-11-08T02:54:40.000Z",
|
||
"tags": [
|
||
"UX"
|
||
],
|
||
"slug": "/2021-11-08-ux1/index.md",
|
||
"path": "/2021-11-08-ux1",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "课程简介",
|
||
"slug": "课程简介"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Week 1 笔记",
|
||
"slug": "week-1-笔记"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是 ux?",
|
||
"slug": "什么是-ux"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户体验设计的核心概念",
|
||
"slug": "用户体验设计的核心概念"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是用户",
|
||
"slug": "什么是用户"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是界面",
|
||
"slug": "什么是界面"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "用户体验设计的目标",
|
||
"slug": "用户体验设计的目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "界面设计环 (四个步骤)",
|
||
"slug": "界面设计环-四个步骤"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "Step1:Requirements Gathering 收集需求",
|
||
"slug": "step1requirements-gathering-收集需求"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "Step 2:Design Alternatives 设计方案",
|
||
"slug": "step-2design-alternatives-设计方案"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "Step 3:Prototyping 原型",
|
||
"slug": "step-3prototyping-原型"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "Step 4:Evaluation 评估测试",
|
||
"slug": "step-4evaluation-评估测试"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么样的界面是“实用”的?",
|
||
"slug": "什么样的界面是实用的"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "好设计的三个特征",
|
||
"slug": "好设计的三个特征"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "1 - Affordance (示能)",
|
||
"slug": "1---affordance-示能"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "2 - Signifiers (意符)",
|
||
"slug": "2---signifiers-意符"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "3 - Feedback (反馈)",
|
||
"slug": "3---feedback-反馈"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何与“用户”接洽",
|
||
"slug": "如何与用户接洽"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "三个步骤",
|
||
"slug": "三个步骤"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:20.887Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "全球商业化中的设计",
|
||
"summary": "《设计心理学 1》第七章——本书的总结",
|
||
"created": "2021-11-03T03:59:18.000Z",
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"slug": "/设计心理学1-7.md",
|
||
"lastmod": "2022-04-16T12:55:38.967Z",
|
||
"path": "/设计心理学1-7",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1.竞争压力",
|
||
"slug": "1竞争压力"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2.新技术推动变革",
|
||
"slug": "2新技术推动变革"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3.新产品上市需要多长时间",
|
||
"slug": "3新产品上市需要多长时间"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.创新的两种形式:渐进式和颠覆式",
|
||
"slug": "4创新的两种形式渐进式和颠覆式"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5. 设计心理学:1988 ~ 2038",
|
||
"slug": "5-设计心理学1988--2038"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6.书籍的未来",
|
||
"slug": "6书籍的未来"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7. 设计的道义和责任",
|
||
"slug": "7-设计的道义和责任"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "8. 设计思维和思考设计",
|
||
"slug": "8-设计思维和思考设计"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:07.505Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "设计思维",
|
||
"created": "2021-11-03T03:49:10.353Z",
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"draft": false,
|
||
"summary": "《设计心理学 1》第六章——设计需要探究问题的来源,而不只是停留在表面",
|
||
"lastmod": "2022-05-07T05:31:58.650Z",
|
||
"slug": "/设计心理学1-6.md",
|
||
"path": "/设计心理学1-6",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 解决正确的问题",
|
||
"slug": "1-解决正确的问题"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 双钻设计模式",
|
||
"slug": "2-双钻设计模式"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "四个步骤(发散->聚焦)",
|
||
"slug": "四个步骤发散-聚焦"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 以人为本的设计流程",
|
||
"slug": "3-以人为本的设计流程"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.观察",
|
||
"slug": "1观察"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2. 激发创意(构思)",
|
||
"slug": "2-激发创意构思"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3.打样(原型)",
|
||
"slug": "3打样原型"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "4.测试",
|
||
"slug": "4测试"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.我刚告诉你什么?那根本行不通",
|
||
"slug": "4我刚告诉你什么那根本行不通"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5.设计的挑战",
|
||
"slug": "5设计的挑战"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6. 复杂是好事,混乱惹麻烦",
|
||
"slug": "6-复杂是好事混乱惹麻烦"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7.标准化和技术",
|
||
"slug": "7标准化和技术"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "8.故意制作困难",
|
||
"slug": "8故意制作困难"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "9. 设计:为了人类发展科技",
|
||
"slug": "9-设计为了人类发展科技"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:08.975Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "人为差错?不,拙劣的设计",
|
||
"summary": "《设计心理学 1》第五章——设计师经常严重误解人心理的局限性,要求人像机器一样工作",
|
||
"created": "2021-10-27T12:22:17.000Z",
|
||
"math": "falase",
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"draft": false,
|
||
"lastmod": "2022-04-16T12:55:20.101Z",
|
||
"slug": "/设计心理学1-5.md",
|
||
"path": "/设计心理学1-5",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1.何以出错",
|
||
"slug": "1何以出错"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "出错的原因",
|
||
"slug": "出错的原因"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "解决错误的方法",
|
||
"slug": "解决错误的方法"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "差错之外:故意犯错",
|
||
"slug": "差错之外故意犯错"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2.差错的两种类型:失误和错误",
|
||
"slug": "2差错的两种类型失误和错误"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "差错",
|
||
"slug": "差错"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "差错和行动的七个阶段",
|
||
"slug": "差错和行动的七个阶段"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "失误",
|
||
"slug": "失误"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "行动失误",
|
||
"slug": "行动失误"
|
||
},
|
||
{
|
||
"depth": 5,
|
||
"title": "1. 撷取性失误",
|
||
"slug": "1-撷取性失误"
|
||
},
|
||
{
|
||
"depth": 5,
|
||
"title": "2. 描述相似性失误",
|
||
"slug": "2-描述相似性失误"
|
||
},
|
||
{
|
||
"depth": 5,
|
||
"title": "3. 功能状态失误",
|
||
"slug": "3-功能状态失误"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "记忆失误",
|
||
"slug": "记忆失误"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3.错误的分类",
|
||
"slug": "3错误的分类"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "错误",
|
||
"slug": "错误"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "1. 基于规则的错误(违反规则)",
|
||
"slug": "1-基于规则的错误违反规则"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "2. 基于知识的错误(缺乏知识)",
|
||
"slug": "2-基于知识的错误缺乏知识"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "3. 记忆失效的错误",
|
||
"slug": "3-记忆失效的错误"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.社会和习俗压力",
|
||
"slug": "4社会和习俗压力"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "压力",
|
||
"slug": "压力"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "检查清单",
|
||
"slug": "检查清单"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5、差错报告",
|
||
"slug": "5差错报告"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自动化(JIDOKA)",
|
||
"slug": "自动化jidoka"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "防呆(POKA-YOKE)",
|
||
"slug": "防呆poka-yoke"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "航空安全报告体系",
|
||
"slug": "航空安全报告体系"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6.甄别差错",
|
||
"slug": "6甄别差错"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为什么甄别差错是困难的",
|
||
"slug": "为什么甄别差错是困难的"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "甄别失误",
|
||
"slug": "甄别失误"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "甄别错误",
|
||
"slug": "甄别错误"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "记忆失效性(失误/错误)",
|
||
"slug": "记忆失效性失误错误"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为错误辩解",
|
||
"slug": "为错误辩解"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "事故分析要置身于真实情境",
|
||
"slug": "事故分析要置身于真实情境"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "事故发生时",
|
||
"slug": "事故发生时"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "事故发生后",
|
||
"slug": "事故发生后"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "事故分析应",
|
||
"slug": "事故分析应"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7.为差错设计",
|
||
"slug": "7为差错设计"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "基本原则",
|
||
"slug": "基本原则"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "记忆中断",
|
||
"slug": "记忆中断"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "警示信号存在的问题",
|
||
"slug": "警示信号存在的问题"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为差错设计的方法",
|
||
"slug": "为差错设计的方法"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "研究差错",
|
||
"slug": "研究差错"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "增加约束",
|
||
"slug": "增加约束"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "撤销",
|
||
"slug": "撤销"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "差错信息确认",
|
||
"slug": "差错信息确认"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "合理性检查",
|
||
"slug": "合理性检查"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "减小失误",
|
||
"slug": "减小失误"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "从差错到事故——瑞士奶酪模型",
|
||
"slug": "从差错到事故瑞士奶酪模型"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "8.良好的设计还不够",
|
||
"slug": "8良好的设计还不够"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "9.修补回复工程",
|
||
"slug": "9修补回复工程"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何做",
|
||
"slug": "如何做"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "10.自动化的悖论",
|
||
"slug": "10自动化的悖论"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "故障时结果难以估计",
|
||
"slug": "故障时结果难以估计"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "悖论",
|
||
"slug": "悖论"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "11.应对差错的设计原则",
|
||
"slug": "11应对差错的设计原则"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "人和机器协同应工作",
|
||
"slug": "人和机器协同应工作"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "关键设计原则",
|
||
"slug": "关键设计原则"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:11.112Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "知晓:约束、可视性和反馈",
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"keywords": [
|
||
"设计心理学"
|
||
],
|
||
"created": "2021-10-22T20:21:44.000Z",
|
||
"summary": "《设计心理学 1》第四章——遇到一个新的设备或状况,设计师应如何提供重要信息,以便人们知道如何操作",
|
||
"lastmod": "2022-04-16T12:55:16.673Z",
|
||
"slug": "/设计心理学1-4.md",
|
||
"path": "/设计心理学1-4",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "章前",
|
||
"slug": "章前"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "外界的知识:",
|
||
"slug": "外界的知识"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "头脑中的知识",
|
||
"slug": "头脑中的知识"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 四种约束因素:物理、文化、语义和逻辑",
|
||
"slug": "1-四种约束因素物理文化语义和逻辑"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "物理约束",
|
||
"slug": "物理约束"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "文化约束",
|
||
"slug": "文化约束"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "语义约束",
|
||
"slug": "语义约束"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "逻辑约束",
|
||
"slug": "逻辑约束"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 示能、意符和约束在日常用品设计中的应用",
|
||
"slug": "2-示能意符和约束在日常用品设计中的应用"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "门的问题",
|
||
"slug": "门的问题"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "开关的问题",
|
||
"slug": "开关的问题"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "任务分析",
|
||
"slug": "任务分析"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "以用户为中心的设计",
|
||
"slug": "以用户为中心的设计"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "以活动为中心的控制",
|
||
"slug": "以活动为中心的控制"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 引导行为的约束力",
|
||
"slug": "3-引导行为的约束力"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "是什么",
|
||
"slug": "是什么"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "作用",
|
||
"slug": "作用"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "例子",
|
||
"slug": "例子"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "三种强制方式",
|
||
"slug": "三种强制方式"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "互锁",
|
||
"slug": "互锁"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "自锁",
|
||
"slug": "自锁"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "反锁",
|
||
"slug": "反锁"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4. 惯例、约束和示能",
|
||
"slug": "4-惯例约束和示能"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5. 水龙头:关于设计的历史案例",
|
||
"slug": "5-水龙头关于设计的历史案例"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6. 利用声音作为意符",
|
||
"slug": "6-利用声音作为意符"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "为什么",
|
||
"slug": "为什么"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "应提供什么信息:",
|
||
"slug": "应提供什么信息"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何提供",
|
||
"slug": "如何提供"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "例子",
|
||
"slug": "例子-1"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "“拟真”(skeuomorphic)",
|
||
"slug": "拟真skeuomorphic"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:12.946Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"draft": false,
|
||
"title": "头脑中的知识和外界知识",
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"keywords": [
|
||
"设计心理学"
|
||
],
|
||
"created": "2021-10-20T17:08:47.371Z",
|
||
"summary": "《设计心理学 1》第三章——并非精确行为需要的所有知识都得储存在头脑里",
|
||
"lastmod": "2022-04-16T12:55:13.235Z",
|
||
"slug": "/设计心理学1-3.md",
|
||
"path": "/设计心理学1-3",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1. 含糊的知识引导精确的行为",
|
||
"slug": "1-含糊的知识引导精确的行为"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "人们不需要完全精确的知识来支撑引导他们的行为。",
|
||
"slug": "人们不需要完全精确的知识来支撑引导他们的行为"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "两种类型的知识:",
|
||
"slug": "两种类型的知识"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2. 记忆是储存在头脑中的知识",
|
||
"slug": "2-记忆是储存在头脑中的知识"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3. 记忆的结构",
|
||
"slug": "3-记忆的结构"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "两种记忆类型",
|
||
"slug": "两种记忆类型"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "1. 短时记忆(工作记忆)",
|
||
"slug": "1-短时记忆工作记忆"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "2. 长时记忆(LTM /long-term memory)",
|
||
"slug": "2-长时记忆ltm-long-term-memory"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.近似模型:现实世界里的记忆",
|
||
"slug": "4近似模型现实世界里的记忆"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5.头脑中的知识",
|
||
"slug": "5头脑中的知识"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "前瞻记忆",
|
||
"slug": "前瞻记忆"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "未来记忆",
|
||
"slug": "未来记忆"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "提醒的两个层面:",
|
||
"slug": "提醒的两个层面"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6.外界知识和头脑中知识的此消彼长",
|
||
"slug": "6外界知识和头脑中知识的此消彼长"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "外界的知识",
|
||
"slug": "外界的知识"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "头脑中的知识",
|
||
"slug": "头脑中的知识"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7.多个大脑里和多个设备中的记忆",
|
||
"slug": "7多个大脑里和多个设备中的记忆"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "8.自然映射",
|
||
"slug": "8自然映射"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "什么是自然映射",
|
||
"slug": "什么是自然映射"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "三个层次的映射",
|
||
"slug": "三个层次的映射"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "糟糕的映射 VS 好的映射",
|
||
"slug": "糟糕的映射-vs-好的映射"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "9.文化与设计:自然映射随文化而异",
|
||
"slug": "9文化与设计自然映射随文化而异"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:14.322Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "日常行为心理学",
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"keywords": [
|
||
"设计心理学"
|
||
],
|
||
"draft": false,
|
||
"created": "2021-10-20T16:14:47.371Z",
|
||
"summary": "《设计心理学 1》第二章——人们如何做事?当事情出错了怎么办?怎么知道要做什么?",
|
||
"lastmod": "2022-04-16T12:55:05.400Z",
|
||
"slug": "/设计心理学1-2.md",
|
||
"path": "/设计心理学1-2",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1.人们如何做事:执行与评估的鸿沟",
|
||
"slug": "1人们如何做事执行与评估的鸿沟"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "执行的鸿沟:",
|
||
"slug": "执行的鸿沟"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "评估的鸿沟:",
|
||
"slug": "评估的鸿沟"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "如何消除这两个心理鸿沟:",
|
||
"slug": "如何消除这两个心理鸿沟"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2.行动的七个阶段",
|
||
"slug": "2行动的七个阶段"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "行动的两个步骤",
|
||
"slug": "行动的两个步骤"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "七个阶段:",
|
||
"slug": "七个阶段"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "执行桥 (目标->外部世界)",
|
||
"slug": "执行桥-目标-外部世界"
|
||
},
|
||
{
|
||
"depth": 4,
|
||
"title": "评估桥(外部世界->目标)",
|
||
"slug": "评估桥外部世界-目标"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "行动的分类:",
|
||
"slug": "行动的分类"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "“根本原因分析”",
|
||
"slug": "根本原因分析"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3.人的思想:潜意识主导",
|
||
"slug": "3人的思想潜意识主导"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "潜意识",
|
||
"slug": "潜意识"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "有意识的思维",
|
||
"slug": "有意识的思维"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "认知和情感",
|
||
"slug": "认知和情感"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.人的认知和情感",
|
||
"slug": "4人的认知和情感"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "本能层",
|
||
"slug": "本能层"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "行为层",
|
||
"slug": "行为层"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反思层",
|
||
"slug": "反思层"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5.行动的七个阶段和大脑的三个层次",
|
||
"slug": "5行动的七个阶段和大脑的三个层次"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "心流",
|
||
"slug": "心流"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6.自说自话",
|
||
"slug": "6自说自话"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "概念模式",
|
||
"slug": "概念模式"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "7.责备错误之事",
|
||
"slug": "7责备错误之事"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "给用户有保留的预测:",
|
||
"slug": "给用户有保留的预测"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "习得性无助(自责循环)",
|
||
"slug": "习得性无助自责循环"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "积极心理学",
|
||
"slug": "积极心理学"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "tips:",
|
||
"slug": "tips"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "8.不当的自责",
|
||
"slug": "8不当的自责"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "自责的原因",
|
||
"slug": "自责的原因"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "设计师应如何",
|
||
"slug": "设计师应如何"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "9.行动的七个阶段:七个基本设计原则",
|
||
"slug": "9行动的七个阶段七个基本设计原则"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "前馈",
|
||
"slug": "前馈"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反馈",
|
||
"slug": "反馈"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "设计的七个基本原则",
|
||
"slug": "设计的七个基本原则"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:15.315Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "日用品心理学",
|
||
"tags": [
|
||
"设计心理学1",
|
||
"读书笔记"
|
||
],
|
||
"categories": [
|
||
"设计心理学"
|
||
],
|
||
"keywords": [
|
||
"设计心理学"
|
||
],
|
||
"created": "2021-10-20T12:28:00.000Z",
|
||
"summary": "《设计心理学 1》第一章——好设计有两个特征可视性和易通性",
|
||
"lastmod": "2022-04-16T12:55:08.323Z",
|
||
"slug": "/设计心理学1-1.md",
|
||
"path": "/设计心理学1-1",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "1.复杂的现代设备",
|
||
"slug": "1复杂的现代设备"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "2.以人为本的设计",
|
||
"slug": "2以人为本的设计"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "3.交互设计的基本原则",
|
||
"slug": "3交互设计的基本原则"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "示能",
|
||
"slug": "示能"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "意符",
|
||
"slug": "意符"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "约束",
|
||
"slug": "约束"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "映射",
|
||
"slug": "映射"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "反馈",
|
||
"slug": "反馈"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "4.系统映像",
|
||
"slug": "4系统映像"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "5.科技的悖论",
|
||
"slug": "5科技的悖论"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "6.设计的挑战",
|
||
"slug": "6设计的挑战"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:50:16.843Z",
|
||
"type": "article",
|
||
"html": ""
|
||
},
|
||
{
|
||
"title": "什么是设计洞察 · What is Insight",
|
||
"created": "2021-10-15T15:07:14.533Z",
|
||
"tags": [
|
||
"Design Thinking",
|
||
"翻译"
|
||
],
|
||
"keywords": [
|
||
"insight"
|
||
],
|
||
"slug": "/insight.md",
|
||
"path": "/insight",
|
||
"toc": [
|
||
{
|
||
"depth": 2,
|
||
"title": "insight 不是什么",
|
||
"slug": "insight-不是什么"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "是什么",
|
||
"slug": "是什么"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "五大要素",
|
||
"slug": "五大要素"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "定义 Insight 的步骤",
|
||
"slug": "定义-insight-的步骤"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "1.设定语境/场景",
|
||
"slug": "1设定语境场景"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "2.沟通困境",
|
||
"slug": "2沟通困境"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "3. 阐明原因",
|
||
"slug": "3-阐明原因"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "4. 捕捉动机",
|
||
"slug": "4-捕捉动机"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "5.构想理想",
|
||
"slug": "5构想理想"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "如何表达",
|
||
"slug": "如何表达"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "第一句话——描述现状和用户行为。",
|
||
"slug": "第一句话描述现状和用户行为"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "第二句话——描述用户的困境,并说明造成困境的原因。",
|
||
"slug": "第二句话描述用户的困境并说明造成困境的原因"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "第三句话——描述用户期望的最终理想状况。",
|
||
"slug": "第三句话描述用户期望的最终理想状况"
|
||
},
|
||
{
|
||
"depth": 3,
|
||
"title": "Tips",
|
||
"slug": "tips"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "什么是一个好的’Insight’",
|
||
"slug": "什么是一个好的insight"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "Insight->How Might We?",
|
||
"slug": "insight-how-might-we"
|
||
},
|
||
{
|
||
"depth": 2,
|
||
"title": "后记",
|
||
"slug": "后记"
|
||
}
|
||
],
|
||
"updated": "2022-08-06T10:49:42.689Z",
|
||
"type": "article",
|
||
"html": ""
|
||
}
|
||
] |