安固途径
Django服务非app内静态文件
有一些静态文件是共用的，比如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
场景描述：在自己的电脑A使用了很长一段时间的QQ，但是现在换成了电脑B，不是会员没有消息漫游功能啊，于是乎，在电脑A上面的聊天消息在电脑B上就看不到了。可是有一些消息记录会重要啊，比如别人发给你的会面地点，用户名密码等，你可以找别人重新发给你，但是事隔这么久，别人也未必会记得，这时候消息移植就显得重要了。
这个消息移植的手段说起来其实挺简单的，就是从电脑A上把消息文件Msg3.0db拷贝到电脑B的对应文件夹。
电脑A: C:\Users\<用户名>\Documents\Tencent Files\<QQ号>，就是文档里面的Msg3.0db文件，msg就是message的意思吧，db大概就是数据库。拷贝之。
替换掉 <用户名> 和 <QQ号>。
电脑B: 现在电脑B上用 拷贝一下就OK了。 搜索并安装VS Code插件 - Debugger for Chrome 添加用于调试js的launch.json文件到.vscode目录下 垂直对齐单行区块内的图片和文本 prj-item 作为图片和文本容器 主要是给容器prj-item里面的唯一一个图片img以绝对定位。然后给prj-item padding-left足以容下img，这样span标签的开始位置就不会是容器prj- jQuery插件 materialize.min.js 包含了图片轮滑的插件slider.js，使用该轮滑插件相比其他同类插件，DOM结构最为简单。但是 materialize.min.js 依赖其框架的css文件 materialize.min.css。而materialize.min.css是一套完整的css框架，会对浏览器元素的默认样式重置，这种重置会对诸如表单、按钮等过度的渲染，口味重，我个人认为这种重置会对页面元素的表现起破坏作用。因此为了配合materialize.min.js的轮滑插件，必须提取materialize.min.css起作用的部分。
阅读全文 VS code调试JavaScript
...{
"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",
阅读全文垂直对齐单行区块内的图片和文本
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>
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; }
阅读全文免记，图片轮滑插件js及css
CSS文件
.../* slider.css */
/* block slider */
.slider {
position: relative;
height: 400px;
width: 100%;
}
.slider .slides {
background-color: #9e9e9e;
margin: 0;
height: 400px;
}
.slider .slides l
阅读全文
关于
