安固途径

知识来源于感觉和经验

TypeScript怎么使用tsd

2016-09-19, 星期一|
前端开发

1.利用npm安装tsd

>npm install -g tsd

2.以jquery为例,利用tsd安装jquery.d.ts

>tsd install jquery --save

3.用VSCode打开.ts文件,添加tsd文件引用

/// <reference path="jquery.d.ts" />

参考https://github.com/DefinitelyTyped/DefinitelyTyped#usage

...
阅读全文

Django服务非app内静态文件

2016-09-19, 星期一|
Django

有一些静态文件是共用的,比如bower_components,但是其自身不是一个app,Django提供了一个设置STATICFILES_DIRS是专门服务这类静态文件的。

This setting defines the additional locations the staticfiles app will traverse if the FileSystemFinder finder is enabled, e.g. if you use the collectstatic or findstatic management command or use the static file serving view.

假设在项目根目录下安装bower_components

>bower install bootstrap

设置

STATIC_URL = '/static/'
STATIC_ROOT = 'assets'

STATICFILES_DIRS = [
     os.path.join(BASE_DIR, "bower_components"),
]

set

...
阅读全文

QQ历史消息记录文件是Msg3.0db

2016-09-07, 星期三|
软件权限提升

场景描述:在自己的电脑A使用了很长一段时间的QQ,但是现在换成了电脑B,不是会员没有消息漫游功能啊,于是乎,在电脑A上面的聊天消息在电脑B上就看不到了。可是有一些消息记录会重要啊,比如别人发给你的会面地点,用户名密码等,你可以找别人重新发给你,但是事隔这么久,别人也未必会记得,这时候消息移植就显得重要了。

这个消息移植的手段说起来其实挺简单的,就是从电脑A上把消息文件Msg3.0db拷贝到电脑B的对应文件夹。

电脑A: C:\Users\[用户名]\Documents\Tencent Files\[QQ号],就是文档里面的Msg3.0db文件,msg就是message的意思吧,db大概就是数据库。拷贝之。

替换掉 [用户名][QQ号]

电脑B: 现在电脑B上用[QQ号]登录,这样在电脑B上就自动生成了QQ的文件夹,就可以移植了。

拷贝一下就OK了。

QQ消息移植

...
阅读全文

VS code调试JavaScript

2016-08-27, 星期六|
软件开发

搜索并安装VS Code插件 - Debugger for Chrome

添加用于调试js的launch.json文件到.vscode目录下

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost, with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8080",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Attach to Chrome, with sourcemaps",
            "type": "chrome",
        
...
阅读全文

垂直对齐单行区块内的图片和文本

2016-08-19, 星期五|
前端样式

垂直对齐单行区块内的图片和文本

DOM结构

<div class="prj-item"><a href="#"><img src="img/icon_4.png" height="40" alt=""> <span>竞足单关</span><p class="small">曼联vs皇家马德里队</p> </a></div>

prj-item 作为图片和文本容器

CSS

.prj-item { padding-left: 50px; }
.prj-item img{ position: absolute; left: 15px; height: 40px; }
.prj-item p.small{ color: #8b8b8b; padding-left: 12px; margin-bottom: 0; }

主要是给容器prj-item里面的唯一一个图片img以绝对定位。然后给prj-item padding-left足以容下img,这样span标签的开始位置就不会是容器prj-

...
阅读全文