- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 flexbox 与 grid 比较
两者各有优势，下面是一个简单比较。Flexbox 是一维布局，grid 是二维布局。如果你关注内容在屏幕上的位置，那么 grid 适合你。如果你的重点在于内容流，那么使用 flexbox 更合适。浏览器支持上面 flexbox 更好一些。https://webdesign.tutsplus.com/articles/flexbox-vs-css-grid-which-...
2020-01-29 23:58:18
400
原创 Ubuntu 上如何安装 PostgreSQL?
直接使用 apt 来安装：sudo apt updatesudo apt install postgresql postgresql-contrib安装完成后，使用默认用户 postgres 连接默认数据库 postgres。切换 Linux 用户为 postgressudo -iu postgres登录 psqlpsql这样就打开了 postgres 数据库。从上...
2020-01-29 08:51:41
204
原创 Ubuntu 上安装 pgcli
pgcli 是 PostgreSQL 的命令行管理工具，它不但完全兼容 psql 的命令，还增加了很多方便的命令。最大的特点是交互性，它让命令行操作数据库的效率大大提升。记不住命令？记不住字段名称？pgcli都会给你提示。在 Ubuntu 下，使用下面的命令来安装 pgcli:sudo apt updatesudo apt install pgcli福利彩蛋在使用 SELECT 命令时...
2020-01-29 08:46:29
484
原创 前端框架比比看：bootstrap, bulma, foundation, material-design-lite, materialize-css, semantic-ui
Bootstrap 的用户量仍然遥遥领先，但我已经在尝试 Bulma 和 Material.
2020-01-28 19:38:59
1200
原创 使用 yarn 安装 marked
Marked 是一款优秀的 Markdown 转换工具，默认是将 Markdown 文档转换为 HTML 格式。你可以通过 yarn 包管理工具来安装 marked。首先创建安装目录，然后安装：mkdir markedcd markedyarn add marked为了让 marked 命令全局可执行，把命令链接到 /usr/local/bin 目录下：ln -s path/to/m...
2020-01-28 18:00:15
772
原创 怎样在 Ubuntu 18.04 上安装 yarn，以及 yarn 常用命令有哪些？
Node 的包依赖管理工具，从速度和版本控制方面来看，yarn 比 npm 有优势，因此建议用 yarn 来代替 npm。在 Ubuntu 系统上要安装 yarn，首先增加源：curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -echo "deb https://dl.yarnpkg.com/debian...
2020-01-27 17:00:40
1862
原创 怎样在 Vue 中使用 axios ？
首先安装：npm install --save axios也可以使用 yarn 安装。注意，yarn 的安装命令是 add，不是 install：yarn add axios然后在 main.js 中添加下面的代码，就可以全局使用 axios:import axios from 'axios'Vue.prototype.$http = axios使用：this.$http ...
2020-01-27 14:49:43
178
原创 PostgreSQL 如何删除外键限制？
首先找出数据库表的外键名称：\d [tablename]...."table_name_id_fkey" FOREIGN KEY (id) REFERENCES other_table(id) ....然后使用下面的命令删除外键：ALTER TABLE [tablename] DROP CONSTRAINT table_name_id_fkey;...
2020-01-27 12:54:51
7346
原创 命令行（CLI）的几个基本术语辨析及翻译：parameter, argument, option, flag
参数（parameter）传递给命令的内容都可以称之为参数（parameters），具体又可以细分为：必选参数（argument）。如果一个命令缺少了 argument，命令就会报错，所以 argument 可以称之为必选参数。例如下面的命令种，click 就是必选参数：pip install click可选参数（option）。可选参数包括一个名字和一个值，例如：--cach...
2020-01-27 08:57:26
2621
原创 如何把 Postgres 的操作结果写入文件？
psql 和 pgcli 提供了将操作结果输入到文件的功能，只需一个命令：\o out.txt这样，所有的操作命令和结果将保存在 ~/out.txt 文件中。如果要想恢复，仍然想再终端上看操作结果，只需执行同样的命令，这次不用带参数：\o...
2020-01-26 19:23:59
924
原创 Postgres 创建自增变量作为 id
代码：CREATE TABLE fruits( id SERIAL PRIMARY KEY, name VARCHAR NOT NULL);数据类型 serial 的取值范围：1 ～ 2,147,483,647https://www.postgresqltutorial.com/postgresql-serial/...
2020-01-26 16:59:18
442
原创 vue url 地址中的 # 是什么？
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 HTML5 中的 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({...
2020-01-26 09:29:53
6234
原创 怎样将 vue 网站部署到域名子路径下？
如果要把 vue 部署到子路径：https://example.com/vue要在 vue.config.js 中配置 publicPath。如果你的项目中没有 vue.config.js 文件，你就在项目的根目录下创建这个文件，然后在文件中写入如下内容：module.exports = { publicPath: "/vue/"}然后重新编译项目就可以了：yarn build...
2020-01-25 17:38:03
2020
原创 vue 学习笔记（1）
声明式渲染。数据在 JS 代码中，通过 Vue，这些数据与 DOM 绑定，这就是说，你在 JS 中改变了数据，DOM 就发生改变。let app = new Vue({ el: '#app', data: { message: 'Hello world!', }})上面的例子中，声明了数据 message，你可以将这个变量的值用在 HTML 页面上。一旦你的 JS 代...
2020-01-25 17:15:17
120
原创 vue-cli 4, @vue/cli, yarn 常用命令
创建项目：vue create my-project运行开发版本：cd my-projectyarn serve编译生产版本：yarn build什么是 Vue CLI 服务？The Vue CLI Service is a run-time dependency (@vue/cli-service) that abstracts webpack and provides ...
2020-01-25 10:29:10
806
原创 安装@vue/cli，yarn 安装不成功，npm 安装成功
官方文档说，下面两个命令，使用任何一个都可以来安装 @vue/clinpm install -g @vue/cli# ORyarn global add @vue/cli首先使用 yarn，提示已经安装成功，但是，vue 命令根本没有（我的系统是 Ubuntu 18.04）。在网上找了半天，竟然没有一个人说这个问题，无奈使用 npm 尝试，结果成功： $ vue -V @vue/c...
2020-01-25 09:05:38
1672
原创 JavaScript 闭包的例子
例子一：var element = document.getElementById('button');element.addEventListener("click", (function() { // init the count to 0 var count = 0; return function(e) { // <- This function becomes ...
2020-01-18 10:09:22
110
原创 Javascript 跨页面存储变量的四种方法
一、Query string二、Web storagelocalStoragesessionStorage三、cookie四、window.namehttps://stackoverflow.com/a/30070207/3054511
2020-01-17 01:38:39
1298
原创 Gimp 让背景变得透明
第一步：选择要变透明的区域。第二步：在菜单中选择：Layer – Transparency – Add Alpha Channel第三步：清除：Edit – Clear
2020-01-13 17:47:16
1521
原创 怎样让 Mac 的终端不再透明？
打开 Mac 电脑上的终端（Terminal），如果不是全屏，终端有点透明，导致文本看不清楚。怎么样才能让终端不再透明？答案是 Preferences -> Background -> Color & Effects -> Opacity 设置为 100%吐槽一下：这是谁设计的配置？打开终端，难道不是为了看终端上的文字？改看的看不清楚，不想看的浮想出来，无力吐槽了。...
2020-01-11 16:10:10
2834
2
原创 composer 提示进程被 killed 解决办法 - 增加 Swap 空间
首先看看 Ubuntu 上有没有设置 swap：sudo swapon --show如果啥都没有显示，说明没有设置 swap.创建 swap 文件，并激活：sudo fallocate -l 1G /swapfilesudo chmod 600 /swapfilesudo swapon /swapfile再查看，swapon 就有了内容。更多 swap 的设置请看这里 http...
2020-01-10 21:04:38
1083
原创 安装 laravel
用 Composer 安装：$ composer global require "laravel/installer"在 .zshrc 里增加：export PATH="$HOME/.composer/vendor/bin:$PATH"
2020-01-10 00:05:33
74
原创 MySQL 的备份与恢复
备份：sudo mysqldump -u [user] -p [database_name] > [filename].sql恢复：创建一个同名空数据库执行命令mysql -u [user] -p [database_name] < [filename].sql
2020-01-09 00:53:13
105
原创 在 Ubuntu 16.04 上安装新版 mycli
Ubuntu 16.04 默认的 mycli 版本太低了，Ctrl - r 搜索历史的功能竟然没有。于是打算升级一下 mycli，结果花了2个小时才升级完成。记录一下，源改成国内，代码取自 github，python 2.7:sudo pip install -i https://pypi.tuna.tsinghua.edu.cn/simple -U https://github.com/db...
2020-01-07 15:47:18
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人