🧰 软件资源集锦

系统小工具 Cmder: (Windows) 命令工具。微软开发了新的终端应用 Windows Terminal 可从应用商店下载。 Everything: (Windows) 文件搜索。 Listary: (Windows) 文件搜索。 WinCDEmu: (Window 7) 光盘镜像加载。从 Windows 8 开始有系统内置的...

🔨 Markdown 使用总结

Markdown 是什么、能做什么、有哪些好的工具。 是什么 历史、相关规范。 规范/语法 没有统一的标准,工具实现也有差异。 CommonMark, commonmark/CommonMark, 不包含表格(table)和脚注(footnote)。 GitHub Flavored Markdown, 简称 GFM,基于 CommonMark,包含扩展的表格,但不包含脚注。相关 Mastering Markdown、Basic writing and formatting...

🔨 Hyper-V 使用总结

Hyper-V 启用 查看 Install Hyper-V on Windows 10 和 Hyper-V 安装配置及网页兼容测试。 # PowerShell 启用 Hyper-V Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-V -All...

🔨 LaTeX 使用总结

安装 TexLive 中文 package 的引用 引入格式文件 从外部进入 tex 文件 循环引入 tex 文件 绘图 添加 PDF 书签 参考文献引用 工程文件夹结构 latexmk: 自动化编译...

🔨 Chrome DevTools

F12 进入开发模式, 或者 Inspect Element(检查元素). Elements HTML 元素可以拖动, 从而更换位置; HTML元素内容可以更改. 通过上下左右键, 可以实现元素上下切换, 元素的展开收缩. 右键可以选择编辑HTML、添加元素属性、删除元素、复制元素路径. 在 Styles 栏, 可以通过上下键调整属性值; Alt +...

🔨 嵌入APP页面/H5的问题收集及解决

JS异步请求设置 title, 原生无法获取 title // 请求 callback 中添加 // 原理: 利用iframe的加载可以局部刷新页面,从而使<title>被重新渲染 document.title = 'test'; var iframe = document.createElement('iframe'); iframe.style.visibility =...

🔨 Java 代码风格检查(checkstyle)

本文描述如何用 checkstyle 检查代码风格,其主页地址 http://checkstyle.sourceforge.net/,下载地址 https://sourceforge.net/projects/checkstyle/files/checkstyle/。checkstyle 有三种使用方式: 结合 Ant 使用,需要下载 checkstyle jar 文件。 结合 Maven 使用,配置文件配置 checkstyle 版本即可。 使用 eclipse 插件,安装...

🔨 你不知道的 kramdown

目前写博客及接口文档都用 markdown,了解一下解析器提供的功能,还是挺有用的。kramdown 的语法相对于通常的 markdown 语法有所增强。这里描述几个比较实用的语法。 介绍 kramdown 是一款基于 Ruby markdown 解析工具,是 markdown 的超集。 kramdown is a fast, pure-Ruby Markdown-superset converter....

🔨 Java AOP 记录请求日志

实现思路同样适用于非 HTTP 请求类型日志记录。 本文需求是: 通过日志记录 Controller 中的请求。 本文不对日志相关的配置作说明。 完整示例可以直接看参考。 环境 apache-tomcat-8.5.11 jdk1.8.0_121 (1.7 也可以) 配置 pom.xml <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjrt</artifactId> <version>1.8.4</version>...

🔨 H5 Android 内嵌示例

安装 Android Studio 新建 Android 项目, 更改 MaiinActivity public class MainActivity extends AppCompatActivity { private WebView webview; @Override protected void...

🔨 Angular2 TypeScript 调式

采用 TypeScript 编写 Angular 应用时, 可以有两种调试方案: 在浏览器中调试和在编辑器中调试. 调试的对象自然是 TypeScript. 目前知道的方案有以下几种: 采用 quickstart 的方案, 可以直接在浏览器中调试 TypeScript. 采用 Angular CLI 新建项目, 需要浏览器在...

🔨 IOS 应用浏览器下载安装(plist, ipa)

本文主要是记录和总结, plist 方式安装可以直接看参考. IOS 应用安装方式 App Store 下载安装: 直接到 App Store 下载安装, 或在 Safari 中点击链接跳转到 App Store 下载安装. 通过PC端工具安装: 将应用...

🔨 Hyper-V 安装配置及网页兼容测试

安装 Hyper-V Control Panel\Programs -> Turn Windows Features on or off -> Hyper-V 里面各项全勾选 重启系统 多出一项 Hyper-V Manager, 搞定 Hyper-V...

🔨 C/C++ 要点

面向对象 面向对象的特征:抽象、继承、封装、多态。 权限:public、private、protected 基类成员 public 派生 private 派生 protected 派生 private 不可访问 不可访问 不可访问 public public private protected protected protected...

🔨 试试 nw.js (前端技术实现桌面应用)

前言 这只是一个尝试,甚至连 demo 都没有。试试 nw.js,你需要 nodejs。用 nw.js 你可以方便的用前端技术开发桌面应用。 去年试了一下 Atom,然后今年又用了一段时间。Atom 就是使用前端技术实现的,它还是基于 webkit 的。昨夜在推酷上发现一篇使用 NodeJS 框架 NW.js 编写桌面应用入门,突然就有点激动。以前是用他人用前端开发的桌面应用,现在居然可以通过便利的方式自己来写。 这里有一些基于 nw.js 成品:List...

📖 JavaScript 阅读摘抄

JavaScript 模式 JavaScript 模式, Stoyan Stefanov, 中国电力出版社, 2012 只有五种基本类型不是对象: 数值类型、字符串类型、布尔类型、空类型和未定义类型. 原型是一个对象, 并且创建的每一个都会自动获取一个 Prototypes 属性, 该属性指向一个新的空对象. 任何变量, 如果未经声明, 就是全局对象所有. 使用 var...

🤔 对 Dijkstra's Algorithm 的体会

Dijkstra 算法以前就用到过,但并没有形成深刻的认识。它可以用来求两点之间的最短距离,比如,我们从一个地方到另外一个地方,需要找一条最短的路径,就可以用到此算法。该算法也可以用到分析其他的问题,比如 Currency Exchange Problem,可阅读 Melissa Yan 的讲稿。 不管怎样,这些问题都可以抽象成图的最短路问题,这在数据结构、数学建模和算法导论里面都有描述。对于这样的问题,只要确定起始点 v,Dijkstra 执行完一遍可以得到 v 到其余所有点的最短距离。 凝视着数据结构上的 Dijkstra’s Algorithm 良久,仍然没弄懂其算法流程。最后,在网上查阅一番,发现维基百科上有一个该算法的动态图。照着这个图动手画一画,然后再看算法的关键迭代式,思路就比较清晰了。 dist[i] = min...

📖 JavaScript 编程精解

JavaScript编程精解, Marijn Haverbeke, 机械工业出版社, 2012 本书讲的是 ECMAScript 3 版本. JavaScript 基础: 值、变量、控制流程 JavaScript 里有 6 种基本类型的值: number、string、Boolean、object 和 undefined. 标准的...

📖 高性能 JavaScript

《高性能 JavaScript》这本书 2010 年出版, 书中的知识不见得都是有效或最佳的方案. 其中的一些思想在其他的编程语言中也多有应用. 加载和执行 </body> 闭合标签闭合之前, 将所有的 <script> 标签放到页面底部. 这能确保在脚本执行前页面已经完成渲染. 合并脚本. 页面中的 <script> 标签越少, 加载也就越快, 响应也就更快. 无论外链文件还是内嵌脚本都是如此....

🔨 jekyll, git, github 环境 (windows)

在 Windows 上配置 jekyll 的环境可以参考 Jekyll on Windows 和 Run Jekyll on Windows. jekyll 说明 摸索了一番, 这两种组合是可行的. 组合1: windows-7-en-x64 python-2.7.10.amd64.msi...

🔨 jekyll 环境搭建 (ubuntu)

之前的 jekyll 博客环境是搭建在 windows 7 上的,搭建之初就遇到了不少问题 (软件版本和中文乱码等)。由于这些问题,备份了 ruby 的安装目录文件,这样每次重装系统之后就可以延用上次搭建的环境 (只需要简单的配合 Devit 即可)。 由于一直都延用同样的环境,jekyll 版本没有升级,也就不能尝试新的特性。时隔一年,此次在硬盘上安装了三个系统(windows 7 x64,windows 10 x64, ubuntu 15.04...

🧰 参考和规范

W3C 文档 CSS 进度 http://www.w3.org/Style/CSS/current-work 编码规范 BootStrap 编码规范 http://codeguide.bootcss.com/ Google Style Guides https://github.com/google/styleguide C# 语言规范 https://msdn.microsoft.com/zh-cn/library/ms228593.aspx 命名规范 BEM https://en.bem.info/method/

📖 Web 设计阅读摘抄

精通CSS: 高级Web标准解决方案 (第2版) 应该根据“它们是什么”为元素命名,而不应该根据“它们的外观如何”来命名。 显示人、地点或日期类型信息:微格式(page-12) 用于日期、日历和事件:hCalendar 用于人之间的关系:hCard 用于产品说明:hProduct 用于原料和烹饪步骤:hRecipe 用于产品和事件审查:hReview 用于博客帖子等片段式内容:hAtom http://microformats.org 链接图标(下划线,外链接) 图像映射:标示图片中的事物。(图片和映射内容放在一个 div 中。外层加 position:relative,内层用 positoin:absolute) 等高列 设置容器...

📖 编写可读代码的艺术

《代码整洁之道》讲解得深入一些,此书则属于简单易懂。 在《Clean Code》一书中Bob大叔认为在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。 尽管减少代码行数是一个好的目标,但把理解代码所需的时间最小化是一个更好的目标。 为名字附带更多信息,比如单位或者属性(size_mb, html_utf8) 把信息装到名字里 使用专业的单词——例如,不用Get,而用Fetch或者Download可能会更好。 避免空泛的名字,像tmp和retval,除非使用它们有特殊的理由。 使用具体的名字来更细致地描述事物——ServerCanStart()这个名字比CanListenOnPort更不清楚。 给变量名带上重要的细节——例如,在值为毫秒的变量后面加上_ms,或者在还需要转义的,未处理的变量前面加上raw_。 为作用于大的名字采用更长的名字——不要用让人费解的一个或两个字母的名字来命名在几屏之间都可见的变量。对于只存在于几行之间的变量用短一点的名字更好。 有目的的使用大小写、下划线等——例如,你可以在类成员和局部变量后面加上”_“来区分它们。(类成员变量末尾添加下划线) 不会误解的名字 蒂=定义一个值的上限或下限时,max_和min_是很好的前缀。 对于包含的范围,first和last是最好的选择。(1-first,2,3-last) 对于包含/排除范围,begin和end是最好的选择。(1-begin,2,3,-end) 为布尔值命名时,使用is和has这样的词来明确表示它是个布尔值,避免使用反义的词(例如disable_ssl)。 审美 如果多个代码块做相似的事情,尝试让他们有同样的剪影。...

🔨 谈 CSS 学习以及使用的经验

任何一本书都可能把 CSS 的大部分内容描述一遍。而就我的学习和使用来看,可以通过有序的方法来学习 CSS。本文只讲方法,CSS 的具体修饰不作描述,算是一个学习备份,来日若是忘却了,学习起来也会比较快。 接下来的这个 demo.html 将在下文讲解中用到。 <html> <head> <meta charset="UTF-8"> </head> <body> <h2>h2 tag</h2> <div class="class1">class1</div> <div class="class2">class2</div>...

🔨 网页设计工作流

这里描述的是一个具体的工作流,但不妨碍其一般化应用。这里的网页设计仅仅包含设计部分,不包含实现部分。一个首要的原则是所有文件命名应该有清晰的自我描述。 文件夹的组织 文件夹可以分为 assets、HTML、UI。 assets 目录用来存储资源文件,可以进一步划分,比如 icons、logos 为名的文件夹。 HTML 用来存放示例网页。 UI 目录用来存放呈现网页的整体页面效果的文件,可以通过 v1、v2 文件夹分别存储来区分不同的版本。 图片设计文件的组织 (Photoshop) .psd 文件内部也需要组织。按设计,可以分为三部分:图层、文字、效果。 图层。所有内容可以划分为三部分:Header、Content、Footer。 文字。每一段文本都应该有自己唯一的属性,比如,标题和段落应该分开放在两个图层里。这可以保证良好的可编辑性。...

🔨 结合云的文件夹结构和硬盘的使用

谈谈云盘 第一次标志性的用云存储应该是微软的skydrive(现在改称为oneDrive)。当时也就是放一些文档。比如,当时我管理寝室费用的使用,因为考研,一个学期都很少在寝室。于是,就是就把表格私密分享出来,并赋予可编辑的权限,这样室友用掉的费用,回来结算就可以了。 后来,百度推出了百度云。开始都是存一些可有可无的东西,比如音乐和电影。再到后来,容量越来越大,开始用它来管理相片、文档和软件。这样一来,原先买的硬盘基本上用不着了。 到目前,也用360云盘,用来专门存放代码类的文档,以及电脑上正在使用的文档(相当于时常备份电脑文档)。腾讯的微盘偶尔用,Github可以用来方便的管理代码。说起来,同类云盘比较的话,微软的质量还是很高的,只是网页端打开速度太慢。另外,google的倒是没用过,经常被禁,也不敢用。 另外,使用云盘的一个好处是,可以在手机上同步照片或者随时查看云盘内的文档,分享和管理文档也比较集中。 硬盘使用 硬盘通常分三、四个区,最主要的是三个分区:系统盘、软件安装盘、文档资料盘。系统使用的久、并且系统盘不是特别大的话,软件安装盘是必要的,不用的时候直接删除软件文件夹。 软件的安装 对于软件,如果有无需安装版的话,可以优先考虑。这就意味着,即便重装了系统,原来的软件和配置可以照常使用。这在重装系统的时候会节省很多时间。 结合云盘的文件夹结构 首先,一般的,现在是越来越喜欢Windows的库(Libraries)了。需要操作的文档无非就是文档和多媒体文件。对于额外的,我们可以新建库。把不同文件分类管理,大大的减少了打开分区查看文件的次数。 对于Windows,百度云和360云盘会和硬盘分区罗列在一起,它们也相当于本地磁盘。平时联网的话,会自动更新。(百度云不好的地方在于,如果联网的同时在编辑文档,就可能出现两个文档。) 简练的概述,有这样几点: 对不同的类型的文件,通过“库”进行分类和管理 原先的存放文档和资料的本地磁盘,现在用来放百度云和360云。以及其他一些文档。 百度云只选择同步音乐以及文字类型的常用文档;360云因为存放的全是代码,所以全部同步。 下载文件全部放到默认的“下载”(Downloads)文件夹,这样就省去了更改的下载默认目录的麻烦。 桌面上只放一个回收站,需要的话Ctrl+Shift鼠标拖动,可以为常用的文件夹在桌面创建快捷方式。 因为桌面什么都不放,所以常用的软件都放在菜单的顶部,任务栏上只有IE、Chrome、Firefox。 经常会有一些文本类的知识性或经验性的文档,命名格式是这样:2014-12-01-文档的描述.zip,把这些文档分门类别放在云盘里,这样就形成了一个不断收获的过程。...

📖 色彩构成

以前看过一些设计类的图书,都属于计算机类的。因为网页设计需求的缘故,于是想要进一步从一般的角度去理解设计。由此,从色彩构成开始,涉猎了基本书籍,这里做个小结。 本文并不一一照搬书籍上的知识,将把一些主要的概念和方法做一个描述。 色彩的知识结构 色彩构成表现包括四个要素:基本要素、情感要素、关系要素、功能要素。 基本要素的主要内容分为:色相、明度、纯度。情感要素指的是通过色彩满足人的主观情感的需要。关系要素关注的是色彩之间的关系,其知识点包括明度差别及以明度对比为主的色彩构成、色相差别及以色相对比为主的色彩构成、纯度差别及以纯度对比为主的色彩构成、冷暖差别及以冷暖对比为主的色彩构成,另外还有共性调和、面积调和、秩序调和、特殊关系。 色相、明度、纯度 色相指的色彩的相貌,是区分色彩的名,指不同波长的光带给人不同的色彩感受。红、橙、黄、绿、蓝、靛、紫每种名字代表一类具体的色相,它们之间的差别属于色相差别。 明度指色彩的明暗程度。明度是眼睛容易感受到的“变化”。 纯度是指色彩的纯净程度,或者称为饱和度。纯度给人的心理影响较大。 一些概念 无色彩,指黑色和白色,以及他们的混合色。无色彩最大的特征在于,它们与其他颜色组合时,不会是对方的色彩印象产生变化。白色可以比较完整的保存原来色彩的印象。 前进色、后退色,“前进”和“后退”是视觉上的感受。暖色和亮色属于前进色,冷色和暗色属于后退色。 具象、抽象,具象是指通过色彩联想到的东西,抽象是指由色彩带来的感受或心理影响。 色彩情感价值表,色彩可以使人联想到一些东西,或者给人一些感受。克拉因色彩情感价值表和大庭三郎色彩情感价值表列出了不同色彩对应的人们通常联想到的东西和心理感受。 RGB、CMYK,RGB即red、green、black,RGB色是可以通过屏幕显示的颜色。CMYK即cyan、magenta、yellow、black,是指印刷品的颜色。 Munsell色系,是几种色系中的一种,比较常用。 取色的方法 一般的步骤是先采集色彩,然后进行色彩重构。色彩重构这里指对采集的颜色作选取,并进行比例分配等等的工作。一个简单的方法是选取图片,然后对图片作马赛克处理,然后取色。 取色的时候也可以通过色系完成,取色的常用方法是取对比色、补色、分裂色。 参考...

📖 青铜时代 (王小波)

文字是用来读,用来听,不是用来看的——要看不如去看小人书。 97-98 # 2014-10-03, 16:44:12 正如法国新小说的前驱们指出的那样,小说正向诗的方向改变着自己。米兰·昆德拉说,小说应该像音乐。有位意大利朋友告诉我说,卡尔维诺的小说读起来极为悦耳,像一串清脆的珠子撒落于地。我既不懂法文,也不懂意大利文,但我能够听到小说的韵律。这要归功于诗人留下的遗产。 112-114 # 2014-10-03, 16:47:26 我们年轻时都知道,想要读好文字就要去读译著,因为最好的作者在搞翻译。这是我们的不传之秘。 117-118 # 2014-10-03, 16:48:23 对于眼前这座灰蒙蒙的城市,我的看法是:我既可以生活在这里,也可以生活在别处;可以生活在眼前这座水泥城里,走在水泥的大道上,呼吸着尘雾;也可以生活在一座石头城市里,走在一条龟背似的石头大街上,呼吸着路边的紫丁香。在我眼前的,既可以是这层白内障似的、磨砂灯泡似的空气,也可以是黑色透明的、像鬼火一样流动着的空气。人可以迈开腿走路,也可以乘风而去。 153-157 # 2014-10-03, 16:57:38...

🔨 网站性能优化的黄金法则

https://developer.yahoo.com/performance/rules.html Content (10) Make Fewer HTTP Requests Reduce DNS Lookups Avoid Redirects Make Ajax Cacheable Postload Components Preload Components Reduce...

📖 网格系统与版式设计

网格系统与版式设计, 金伯利·伊拉姆, 上海人民美术出版社, 2013 (此书以3乘3的网格版面为例讲解,并且每种版式都给出了一些优秀的设计案例。) 限制与选择 (p8) 一个版面,一些构成要素,一些简明的规则… 在水平系列中,所有的矩形要素必须保持水平。…在倾斜系列中,所有矩形必须要同样琴谢或对比性倾斜。 所有的矩形要素都必须使用。 不能有矩形要素超出这个版面。 矩形可以差不多相切,但不能重叠。 组合 (p10) 组合使得一种要素与另一种要素紧密联系,产生直接的视觉关系。相同和不同的要素,组合在一起就产生了韵律和节奏感,也产生了大片的肌理感。通过组合,版面构成被简化,而虚空间或未被使用的空间区域得到强化,鲜明的视觉秩序感建立起来。 虚空间与组合 (p11) 虚空间或白色空间,就是那些没有被构成要素占据的空间。这些空间的形状和构成,会对观看者怎样感知版面产生直接的影响。当这些构成要素没有得到组合,每一个周围都是虚空间时,这些虚空间就会显得杂多,整体构成显得无序、无组织。当那些构成要素组合在一起后,虚空间就变少也变大,一个简化之后感觉上更加协调的整体构成就建立起来。 四边联系与轴联系 (p12)...

🤔 数学中的优化方法

本科阶段学了几门课程都是与优化相关的, 主要讲优化的有最优化算法、运筹学、计算智能、最优控制. 其他有一些课程也又涉及到的, 比如, 数学分析中的求极值和零点、数据分析中求回归方程的最小二乘, 还有模糊数学、数值分析和数学建模等都有涉及. 撰写此文无外乎对所学的优化知识做一个总结. 鉴于都是属于概括性的学了一遍, 总结出来的内容算不得全面, 用词也算不得十分准确, 权当一个记忆备份. 优化问题 优化问题的描述分为两部分:目标函数和约束函数. 函数在此用来作一般性的描述, 具体问题的形式未必是函数, 也可以是集合. 优化问题从抽象出来的数学描述来看, 可以分为两个大类:离散问题和连续问题. 连续和不连续通常是通过变量来确定(此处不确定, 毕竟主要所做过的主要还是连续的)....

📖 简约至上

简约至上:交互设计的四策略, Giles Colborne, 人民邮电出版社, 2011 删除:去掉所有不必要的功能,直至不能再删减。 组织:把所有有意义的功能划分成组。 隐藏:把那些不是最重要的功能隐藏起来,避免分散用户注意力。 转移:只保留最基本的功能按钮,将其他功能转移到其他界面或设备上。

📖 Web 表单设计

Web 表单设计:点石成金的艺术, Luke Wroblewski, 清华大学出版社, 2010 表单的重要性 (p5) 多数人不喜欢填写表单,这个事实已足以说明应关注优秀表单设计,但还有很多其他原因可以说明表单的重要性,尤其对于互联网.表单在网上是电子商务、社交互动和大多数基于生产力应用类型网站的关键. 设计原则 (p20) 尽量减少痛苦. 人们要的是填写完表之后的东西,所以填写过程应尽量简洁、容易. 说明填写完成路径. 几乎每个表的目标就是填完,表单应清晰的告诉人们如何完成这一目标. 考虑情境. 表单并非凭空存在. 它们几乎都是更广泛情境(受众群体、应用、业务)的组成部分,这些情境决定了如何使用表单. 确保一致沟通. 表单事故科和公司之间对话的中间人.多个团队参与对话(市场营销、隐私部门、工程部、设计部、商业部分等),但表单只能用一种声音说话....

🤔 跑步的要点

提起跑步,不免想到阿甘,他就那么一直跑、一直跑。联想到自己跑了这么些年,以及对跑步的爱好,倒也算总结了一些基本要点。最近跑步又多了一点心得,终于打算罗列出来。(这里的跑步指长跑) 身体上的要点 上半身微微向前趋,角度不宜过大,这是为了保持向前运动的趋势,从而有助于运动的连贯性。 手臂随着步子有节奏小幅摆动,一方面是为了保持运动的节奏感,另一方面小幅摆动比较节省体力。 保持脚步的均匀,前期可尝试用前脚掌着地,后期用整个脚掌着地。 保持呼吸的均匀。前期用鼻吸入、嘴呼出,当呼吸开始急促的时候,则鼻子和嘴结合一起呼吸。但仍然应当保持一定的规则,避免呼吸的混乱。同时也可以尝试尽力呼吸,然后呼出,可以锻炼肺活量。 上半身随着迈出的脚步一方微倾,比如出右脚,上半身应当是右前倾斜,右手臂向前摆。此要点在后期的作用特别明显,又特别是跑步距离或时间较长的情况。主要作用体现在对节奏感的控制和使整个身体保持轻盈。 思想上的要点 跑步一般的阶段可分为:循序渐进期(刚开始跑)、劳累过渡期(开始难受)、渐进平滑期(比较稳定的状态)、生理承受期(如果跑的比较久,就要开始考量身体承受能力了)。不同的阶段,感受不一样,从思想上把握同样是有帮助的。 保持思想上轻盈。如果是跑道,可以盯着白线跑。这主要是为了保持身体、思想都是轻盈的。也可以一定程度避免找个借口半途而废。 持之以恒。跑步和看书有相似之处,保持整个过程的简单和朴素,不急不躁。 去感受。跑步不一定要数圈子,就一直跑、一直跑,去感受,去感受那节奏。大概在劳累过渡期之后整个身体会有舒适感,以前体育老师称是身体释放了“快乐因子”。同样可以尝试去感受难受的感觉,承受得了痛苦,享受得了幸福。 结语 再次推荐身体要点中的第5点,这是近期的收获。尽管以前也保持这个姿势,但没有连续的运用起来,并且并没有结合着去感受其中的节奏感。而今偶然发现,颇有益处。 最后,借用一句广告词“我运动,我快乐”。跑个步,洗个澡,啊…

📖 平面设计

超越平凡的平面设计 超越平凡的平面设计, John McWade, 人民邮电出版社 色轮取色:单色、补色、近似色、分裂色 选择合适的字体,与主题风格相称 从图片中取色调,逐个尝试 通过色调方案来突出主要信息(强对比度) 少生多。从一张图片 中提取多张图片 调正图片的角度(水平或垂直) 简化图片,裁剪掉无关的事物 文字对齐 书籍中一行具有大约45到60个字(字母?) 适当的页边距(等距页边、渐变页边、比例页边) 写给大家看的设计书 写给大家看的设计书, Robin Williams,...

📖 高扩展性网站的50条原则

高扩展性网站的50条原则, Martin L. Abbott/Michael T. Fisher, 张欣/杨海玲译, 人民邮电出版社, 2012 比较喜欢这类既讲技术又讲思想的书,读起来比较轻松.书是借的,迟早要还,这里把其主题点列出来,作为备忘. 有些内容并没有形象认识,也有对备忘的需要. 第1章 化简方程 1.1 不要过度设计 1.2 设计时就考虑扩展性 (设计,实现,部署) 1.3 把方案一减再减...

🧰 前端开发资源集锦

JavaScript, CSS jquery http://jquery.com/ modernizr: html css new feature detecting http://modernizr.com/ MathJax http://www.mathjax.org/ bootstrap http://www.bootcss.com/、http://getbootstrap.com/ 960 Grid System http://960.gs/ InstantClick:...

🤔 解决失眠的两种方法

问题的提出 近一年来失眠情况比较严重,以至于成为稳定的体重的一个因素。有问题就要解决(未必能解决,但至少要想办法解决),又特别是这种对身体健康形成影响的问题。 失眠应该也分多钟情况,但这里指针对其中一种情况。我失眠的一个通常的原因是停不下来的思绪,或者说停不下来的思考,脑袋里面想着各种各样的事情。有时候是针对一件事情集中的思考,有时候是发散性、联想的思考。简单概述起来,就是脑袋被各种事情、逻辑、幻想、发散性的东西占满了。这个时候,你根本无法入眠(即便你已忘了这个世界)。 正是在这样的背景下,我总结出来两种方法。这两种方法都是经过个人实践比较有成效的方法。至于以前常听说的数绵羊法,或者其他方法,这里就不作描述和比较了,各自斟酌。 方法1:当你在黑暗中,你本身就可以是黑暗(专注) 这个方法比较简单易用,你只需要用你的眼睛盯着你的眼皮(在闭着眼睛的情况下),然后你就会看到一片黑,一直盯着这片黑,直到你睡着。实际上,闭着眼睛的情况是无法看到眼皮的,所以,这里指的眼睛看到眼皮是感受上的。这就像用你的两只眼睛看你的上鼻梁,你看不到上面而只能看到下面,但你要感觉你看到了上面,它就在那里。而盯着眼皮看就是同样一个道理,你看不到它,那黑暗就是它。到后来,你看的就不再是眼皮,而是黑暗。 当然,那里也未必就是黑暗。你也许会看到其他的东西,比如那是一个盘子,那是一个人的面庞,反正它一直在,如此接近,如此清晰。 总结起来,当你盯着眼皮看的时候,要么是一片黑暗,要么是一个具体的东西,然后你一直盯着它就行了。这是一种专注的方法,使用此法的过程中允许思想的岔开,但不能过于频繁。在我写此篇文章的前一晚(或者凌晨),为了再次检验这种方法,我正是用这种方法入眠的。 方法2:当你在那里,你就不在这里(发散) 相对于上一种方法,这种方法依靠幻想,并且将自己置于幻想的场景之中。至于方法的具体使用,容我徐徐道来。你开始幻想,幻想一个地方。至于什么的地方则不需要受到道德、科学、逻辑的束缚。你可以是在水边、云上、雾里,或者一个不知名的地方。然后,你从此处出发,任凭你的幻想幻出了前景,并一直跟着这幻想出来的场景走就行了。接下来,你只需要一直走,一直走。你就这样在你的幻想中四处走走,走着走着你就忘了在哪里。 此法比较依赖于你的幻想能力,偶尔可能会出现立于一处无路可走的情况。但相较上一种方法而言,此法却比较有趣,并且可以发挥你大脑丰富的幻想。此法的一个关键点在于,幻想的时候不要被你的道德、科学、逻辑所束缚,否则你不过仍然是在思考,而不是在游走。 两种方法的共性和差异 方法1可以描述为 “你不在了”,方法2可以描述为 “你在那里”。方法1之所以称之为 “你不在了”,是由于当你的眼中只有一个事物时,你的脑袋里就只有那个事物,就没有了你自己。而在方法2中,你把你自己置于你的幻想之中游走,你就在的幻想中,你在那里,而不在这里(这个世界,这张床上)。 两种方法的差别在于,一种依靠专注,一种依靠持续的幻想。前者你感受不到你自己,后者你能感受到你自己。前者简单,后者复杂。 两者的共性在于 “直观”。所谓直观,在这里是指,当你想象的时候,幻想里的事物不是真实的,但你看到它们的时候就好像是用眼睛真切的看到的,而不是用你的脑袋想到的。它们在那里,你能感受到。 我的使用体验...

🔨 Learning Log for CSS3

注意浏览器对特性的兼容性问题 boder-radius: 圆角 boder-radius:50px; -webkit-boder-radius:50px; -moz-boder-radius:50px; box-shadow: 阴影 box-shadow: 5px 5px 10px black; box-shadow: 5px 5px 10px rgba(10,10,10,5); /* overlay...

🔨 CSS Tips and Tricks

Use CSS Shorthand /* normal */ .demo-p{ font-style: italic; font-weight: bold; font-size: 13px; line-height: 1.5; font-family: Arial, sans-serif; background-color: #ccc;...

🔨 HTML Tips and Tricks

让代码更加可读:一是要让阅读者更方便阅读,二是让机器容易阅读。对比下面的两种方法。 <div id="header"></div> <div id="sidebar"></div> <div id="main-content"></div> <div id="footer"></div> <header></header> <aside></aside> <section></section> <footer></footer> 更多的是用标记 (section,header…),在需要的时候使用 div。 让老的 IE 支持一些无法解析的标签样式,可以使用 html5shim。...

📖 黄金时代 (王小波)

黄金时代是王小波的代表作之一, 有几部小说组成, 这几部小说的主人公姓名都一样. 如果说他的小说有一种诗意或奇怪的幻想, 那么, 从此本小说就能够端查出来. 小说里四处是怪诞的场景和人物心理描述, 并不像生活实际里的东西. 但细想下来, 又好像都是那么回事儿. 正如王小波后记中所说的那样, 你或许觉得生活不应该是这样子, 但它就是这个样子. 这些恣意但又平淡的描述让人觉得那是真切的. 另一个特点是, 偶尔会有一些情节让人忍俊不禁. 由黄金时代的写作风格, 令我想起了尼采的查拉图特如是说. 有人说尼采的哲学具有诗意, 而王小波的小说也有那么些诗意....

🔨 Leaning Log for Sublime Text

这是我的 Sublime Text 学习日志. 包括的内容有快捷键、一些实用的功能、自定义设置和插件推荐.除了开始的搜索引擎搜索学到的,最主要的学习途径是视频学习. 目录 快捷键 Command Palette 一些细节 工程(project) 快捷输入 Snippets, 自动补齐 组间宽度 正则表达式搜索 Vintage模式 Copy 路径和文件名 编译设置...

🔨 Learning Log for Lua

大概看了一下 Lua 程序设计第二版,把基础部分过了一遍.对于脚本语言 Lua,印象深刻之处在于它的灵活性、小巧的解析器、可以和 C 语言混编、包含 XML 分析器.若是简单的计算,直接下个未过 M 级别的解析器,也能搞定一些计算和文本处理.鉴于目前用并没有对它有太大需求,暂且告一段落.(有打算把 MATLAB 版的 Kindle 笔记导出改写为 Lua,这样更加方便利用一点.) 2014-04-16 16:49:08 Wed Lua 用户群体:使用嵌入在某个应用程序中的...

🔨 Jekyll 博客搭建略记

用 Jekyll 搭建自己的博客,利用别人的模板,建一个博客想来还是比较简便的。在环境搭建好之后只需要专注于博客布局以及内容。 为什么选择 Jekyll 知乎上有一篇 FarBox、Jekyll、Octopress、ghost、marboo、Hexo、Medium、Logdown、prose.io,这些博客程序有什么特点? 这里提到了多种博客,其中的 WordPress 是最先听说的,多以 “臃肿” 耳闻,另外也发现一些博客主从 WordPress 转到了 Jekyll。Jekyll 还有个衍生的版本 Octopress,是基于 Jekyll 的。个人比较青睐 “原生”,另外也是由于找到的多是...

🔨 系统剪贴板读取和写入 (Windows、Python)

我一直希望可以通过快捷的方式复制当前的时间,并且还要能够按既定的格式。于是,就开始考虑怎么向 Windows 系统的剪贴板写入内容,然后直接 Ctrl+V 就可以了。Google 上一搜索,果然是都已经有了,选择了其中精简的 Python 拿出来。 系统:Windows7 x64,Python:3.4.0。 鉴于有几个方法在当前使用存在问题,这里针对性的选择几个可用的。 向剪贴板写入字符串 import os def addToClipBoard(text): command = 'echo '...

🤔 意识流不流,于我何求

格言式的记录,简洁明了。此文正是要收集平日思索之点滴。一者以思考引发思考,二者以思考寻求出路。 46 朴素是黑,生命力是红,自我批判是白。 45 生活就像一场表演,有时候表演给别人看,有时候表演给自己看,也有时候只为表演。 44 克制骄傲与高傲的方法之一:不要让自己一路春风得意。 43 保持忧郁可以抑制自傲的情绪。 42 “你在板命”。“生命在板命”。 41 当人们面对各自的理想叹气或抱怨时,他们的理想并没有成为他们的理念。 40 穷则思,思则变,变则通。 39 你以为只是暂时用于宣泄的浮夸开始占据你。 38 忘记过去的起点是忘记现在。 37...

📖 人与永恒 (周国平)

人与永恒,它并不是一本专门的针对某个主题的著作,而是周国平平时的格言式的随笔的集合。各个部分,各个段落都是独立的,因此不需要以固定的顺序来阅读。分为的几个主题,那应当也是后来为阅读方便后来排版的。 这种格言体的文章,最早还是见于尼采。直中要义,而没有旁敲侧击;语言简练,却也描述了概貌。阅读下来,当属 “各取所需,各得其所”。另外,阅读的时候也真是有些妒忌或者共鸣的,自己思考或记述过的东西居然早已有人把它描述出来了,比如第二句(刚好也是前些时日…)。 意义的寻求使人陷入二律背反。 65-65 # 2014-03-24, 21:38:20 前些时日在小册子上如是写道: 生活的感觉是这样的 —— 一种二律背反的感觉。 65 # 2014-03-24, 21:42:26 一个太好的女人,我是配不上的。她也不需要我,因为她有天堂等着她。可是,突然发现她有弱点,有致命的会把她送往地狱的弱点,我就依恋她了。我要守在地狱的门前,阻止她进去…… 86-88 # 2014-03-24,...

🏗️ Kindle 笔记格式化导出 (MATLAB 版)

地址:KindleClippingsExport 作者:HereChen 项目描述 本项目旨在提取 Kindle 笔记信息(Kindle Paperwhite),并作分离,然后实现格式化导出。这里的格式化将针对 Markdown,目的在于导出之后可以直接发布。但可以通过修改数据导出部分来实现自定义数据导出。 功能描述 将笔记分为 bookname author clipping clipping-style location time1 time2,即实现各内容的分离。 可以作为数据集导出,如果你需要自定义格式化导出 txt,可以删除其中文件导出部分或自己修改。 可以实现通过作者、书名的关键词筛选,同时也可以实现笔记类型的筛选。筛选条件可以是多个。...

📖 假如你愿意,你就恋爱吧 (王小波,李银河)

听闻王小波的名字已有多次,没想到第一次阅读他的作品已经是他去世之后,并且是他写给挚爱的情书。读起来是亲切的,是带有期望的,是带有幻想的…… 我发觉我是一个坏小子,你爸爸说的一点也不错。可是我现在不坏了,我有了良心。我的良心就是你。 93-94 # 2014-03-14, 11:14:30 我整天在想,今天快过去吧,日子过得越快,李银河就越快回来了。你不要觉得这话肉麻,真话不肉麻。 180-181 # 2014-03-14, 11:24:59 肉麻是什么呢?肉麻就是人们不得不接受降低人格行为时的感觉。 212-213 # 2014-03-14, 12:05:02 在回家吗?在火车上吗?想到我了吗?别想,好好睡一觉吧。 250-251 # 2014-03-14,...

📖 尼采:在世纪的转折点上 (周国平)

对于尼采的著作,到目前也只能算是泛泛而读,并没有看过他的专著。周国平的这本书概述了尼采的思想,并且读起来一点也不晦涩。是目前读到的最平民化的哲学解读书籍(虽然也没看过几本)。 尼采,早起吸收了叔本华的思想,而叔本华也是我所喜欢的。后期,他又开始否定叔本华的思想。他的一些思想让人振奋,也一反常规,比如:肯定人生的无意义,并指出可以去赋予人生意义。这样看来,叔本华的揭示人生,是消极的;尼采同样揭示人生,但是积极的。 好句子倒是不止这些,但也不至于全书都搬上来。 “动机和意图很少是足够清晰单纯的,而回忆本身有时也被行为的结果弄得混乱不堪了”。 1495-1496 # 2014-01-09, 13:48:06 懒惰和怯懦是妨碍人们实现”自我”的大敌。 1520-1520 # 2014-01-09, 13:57:04 走阻力最小路线的懒惰心理造成了一种社会的惰性,成为阻碍个性发展的最大阻力。 1530-1530 # 2014-01-09, 14:02:56 一般社会现象,懒惰和怯懦。 1530...

🤔 由标志寄存器参数设置引起的 “低耗” 思考

标志寄存器是微机原理中的一个名词,在实际中是一个硬件,它有一些参数设置.对于这些参数的设置,我试图找出其统一的思想,从而可以更加有效的记忆.而正是发现参数设置的共性后,我又发现这样的共性在其他事物中也是有体现的。对于这种共性,暂且以“低耗”来描述,尽管这样总让人觉得并不准确。 那么,首先把标志寄存器(80X86)拿出来描述。 标志寄存器 FR 有 6 个状态标志位和 3 个控制标志位,他们分别是:CF、PF、AF、ZF、SF、OF、DF、IF、TF。他们的参数设置都是 0 或者 1。这些设置的共性在于,当达到或要达到某种目的时,参数设置为 1,反之“默示”情况下为 0。比如,如果结果产生进位,则 CF=1;如果结果最高位为 0,ZF=1。又比如,要允许可屏蔽中断,则 IF=1,那么,可以把 IF=0 的禁止视为“默示”情况;如果 TF=0,则程序连续执行,这仍然是一种“默示”,TF=1...

🤔 在复习的时候练习讲故事

前些天看了 TED 的一个讲解记忆方法的视频,叫作每个人都能掌握的记忆技巧,觉得甚是奇妙。大概的意思是,通过编造故事的方式把要记忆的东西串联起来,这样就比较方便记忆了。那么,就看你编故事的能力了。 最近正在复习微机原理,各种寄存器,反复看也没能把名字记清楚(是谁当时说,学了数学,你就天下无敌了?-_-)。于是神志恍惚,我就开始讲故事了。 故事的主角有,AX、BX、CX、DX;IP、BP、SP、SI、DI;CS、SS、DS、ES;FR。 我把他们分成了三组:(AX、BX、CX、DX)(IP、BP、SP、SI、DI)(CS、SS、DS、ES FR)。 然后,我要讲两个故事,咳咳。 故事一:拼智商 你就知道个 ABCD,你个傻 X; 但是,你知道,我不是傻的,我还知道 PI; 不像他,就知道 CS 和德芙。 噢,seriously review…… 解析...

🔨 不同文档格式转换之 Pandoc

不同格式文档方便的相互转换,使得我们可以高效的通过不同方式发布文档,而 Pandoc 正好可以满足这样的部分需求。 Pandoc 简述 Pandoc 网址:http://johnmacfarlane.net/pandoc/ Pandoc 提供了几种文本格式之间的相互转换,比如:markdown、html、latex。 Pandoc 使用 Pandoc 安装后,可以直接使用命令执行,Windows 的在 CMD 中执行。 pandoc 使用格式:pandoc [options(选项)] [input-file(输入文件)]…...

🔨 Emacs 和 AUCTeX 的安装与配置

Emacs 也算是轻量级的编辑工具,结合 AUCTeX ,再配置一下,编辑、编译、预览据一体化了。 说明 系统:Windows 7 版本:Emacs 24.3.1、AUCTeX 11.87 内容:本文只取主要部分说明,细节可从参考中查阅 预备资源 Emacs:https://www.gnu.org/software/emacs/ 、http://mirror.bjtu.edu.cn/gnu/emacs/ AUCTeX: https://www.gnu.org/s/auctex/‎ 前提要点 Emacs的配置文件名为 init.el 。...

🤔 我的轻量级生活

我以为,有指导的生活,方向更为明确,同时是对风险的预防和防范。而就我而言,这样的指导并不是一开始就有了的,也不是可以制造出来的,而是在一种自然而然的诉求。这是长期的徘徊和思索中的结果,故应是“水到渠成”。 概述 轻量级生活有其内核,主要有这样三个要素: 朴素 生命力 自我批判 此三者是相互支撑的,当属“相辅相成”。而“轻量级”这是从这三者延伸出来的一个具体体现,是它们统一的实体化。具体化的意义在于,它作为“形而下”呼应“形而上”。所谓上得天堂,下得地狱,在这里必然是有内在统一的。 详述 朴素是内核之内核,它决定生活或思想的稳定性;生命力则是动力,依靠着动力则可保持前进;自我批判则是方向的保证,也是内容纯度的保证。 朴素主要体现理论性,生命力则主要体现实践性,而自我批判则是它们两者的协调器。 用颜色来描述,朴素是黑,生命力是红,自我批判是白。 实践方法 删繁就简,辩证发展,各个击破。

🤔 我的第一个博客

这个博客用jekyll搭建,放在github上. 过程 jekyll 版本号 1.4.2, 1.4.3 搭配 Ruby 2.0.0 不能本地用 server. gem 2.2.2. Ruby 和 DevKit 都用installer 直接安装,x64版本. 系统Windows x64....