simplify the life

2018年12月5日 #

uuidjs 打包过大问题探究

摘要: 入职新公司一周了,我靠没啥活让我干啊,说好的加班呢? 今天一个小活挺有意思的,记录下。项目中打包后有个文件过大,怀疑是 "uuidjs" 在作祟(嗯,事实也确实如此),但是排查过程中踩了几个坑如下: 项目中引用了 "uuidjs" ,同时引用了 "uuid" ,一开始以为只有 uuid,导致一直在用阅读全文

posted @ 2018-12-05 22:02 子迟 阅读(28) 评论(0) 编辑

2018年10月31日 #

HTTPS 傻瓜式部署

摘要: 周一申请了一台 vps 服务器,周二才通过,然后周二还跑了趟上海的医院,今天周三,没想到一天时间已经把 ss 搭好,基础的网页也可以访问了,果然任何东西在变简单前都是困难的 以我的域名为例,假设我们此时已经可以访问 zichi.date,我们想将其升级到 https,之前我一直听说的是 https 阅读全文

posted @ 2018-10-31 22:42 子迟 阅读(84) 评论(0) 编辑

vultr + nginx 实现简单二级域名配置

摘要: "前文" 我们总结道可以在 vps 里 install nginx 从而实现静态页面的访问,本文来总结下如何实现二级域名的配置 首先你需要一个域名,接下来实例都以我的域名 zichi.date 为例。 上文的重点是 vps 中 nginx 配置文件的地址是 ,之后每一个配置都类似是一个 server阅读全文

posted @ 2018-10-31 16:33 子迟 阅读(64) 评论(0) 编辑

用 vps 构建网站之访问静态页面

摘要: 租了个 vps,有了个服务器 ip,如何上传一些东西,然后在外网能通过 ip 访问?以下开始实践,本文以 CentOS 7 系统以及静态页面的访问为例 首先本地 mac 通过 ssh 登录服务器,然后安装 nginx(apache 也行,本文以 nginx 为例): 安装完后启动 nginx: 这时阅读全文

posted @ 2018-10-31 13:39 子迟 阅读(49) 评论(0) 编辑

vultr 用 ssh keys 实现免密登录

摘要: "前文" 讲到用 vultr 搭建了 ss 服务,第一步就需要用 ssh 远程登录,登录命令很简单, ,但是每次都需要密码很蛋疼。如何免密登录?其实很简单,用 ssh keys 登录,如果是密码登录,有安全隐患,可以用 命令看看有多少人在暴力破解你的密码 首先在 vultr 官网添加 ssh key阅读全文

posted @ 2018-10-31 11:00 子迟 阅读(155) 评论(0) 编辑

2018年10月21日 #

inline-block 元素之间间隙清除的几种方法

摘要: 两个 inline block 元素之间会有间隙(事实上,除了 inline block 元素,两个 inline 元素之间也是有间隙的),究其根本,其实就是 html 元素换行导致(可以尝试下,换行和元素之间加个空格,或者多个空格,结果一样,最后都是一个空格)。如何清除这个间隙呢? 方法 0 移除阅读全文

posted @ 2018-10-21 11:13 子迟 阅读(44) 评论(0) 编辑

2018年10月20日 #

浅谈前端实现页面加载进度条以及 nprogress.js 的实现

摘要: 以前在 Vue 的项目用了 "nprogress" 这个插件,一直对于其如何得知加载进度充满好奇,最近又看到了「前端如何实现页面加载进度条」这个问题,今天周六恰好一探究竟。以下仅为一家之言,如有异议,欢迎指出。 前端的页面加载进度条有两种 首先不得不说, 前端的页面加载进度条其实有两种 ,所以你得先阅读全文

posted @ 2018-10-20 21:32 子迟 阅读(664) 评论(0) 编辑

2018年9月13日 #

electron-vue 用 electron-packager 打包的问题备忘

摘要: "starskeeper" 的开发渐入尾声,试着将其打包下,但是满屏的 error,记录下防止再次踏坑 首先项目脚手架用的是 "electron vue" 项目,在生成项目脚手架的时候会让你选择打包方式(electron packager OR electron builder),我选择的是前者 查阅读全文

posted @ 2018-09-13 18:42 子迟 阅读(241) 评论(0) 编辑

2018年9月1日 #

获取某用户在 GitHub 上所 star 的项目总数以及 star/unstar api 的一个小坑

摘要: 获取 star 项目总数 由于 "StarsKeeper" 开发需要,需要获取某用户在 GitHub 上所 star 的项目的总数,记录如下。 一开始想到的是 "user" 有关的 api,开发中 headers 头上加上 Authorization Token,其实就是这个 api 。但是这里有 阅读全文

posted @ 2018-09-01 17:30 子迟 阅读(108) 评论(0) 编辑

2018年8月27日 #

Node.js 连接 MySQL 插入 TEXT 类型报错问题

摘要: 由于开发需要存储大量文本(其实是一个结构化对象字符串),考虑到 char 以及 varchar 都不够大,所以打算用 TEXT 类型,顺便记一下 TEXT、MEDIUMTEXT 以及 LONGTEXT 的存储大小: 但是用 Node 连接 MySQL 插入数据库的时候,一直报错如下: google 阅读全文

posted @ 2018-08-27 22:06 子迟 阅读(49) 评论(0) 编辑

2018年8月2日 #

mpvue 初体验之改写车标速查小程序

摘要: "前文" 说到我开发了一个简单的小程序叫做 车标速查(代码以及二维码详见 "这里" ),本文简单讲讲如何将这个小程序转为 mpvue 开发(最终 "成果" ) mpvue 官网的 "文档" 真的是非常简单,不,应该说是简洁,因为依托 Vue,所以很多语法不需要赘述,直接去看 Vue 的文档就好了。m阅读全文

posted @ 2018-08-02 08:24 子迟 阅读(455) 评论(0) 编辑

2018年7月30日 #

微信小程序开发初体验

摘要: 最近因为工作需要入门了一下小程序,边入门也边在思考小程序的应用场景,“用完即走” 四个字一直浮现在脑海。正好最近在学驾照,因为以前一直对车不感冒,所以连奔驰都不认识,正好做个车标速查的小程序,非常符合 “用完即走” 的理念 最终源码点击 "这里" (附小程序码),车标信息数据来自 "车标网" 因为小阅读全文

posted @ 2018-07-30 21:44 子迟 阅读(933) 评论(0) 编辑

2018年7月24日 #

当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录

摘要: 当第一次接触到 这个属性,我就意识到之前的不少 js 场景可以用这个 css 属性去改写。譬如 "网站" 右侧的不少广告,滚动上去后需要 fixed,完全就是 sticky 的应用啊。 今天要说的是 "文章详情页" 右侧的目录栏,当页面下滑的时候,它也会固定到页面顶部,之前是用 js 去监听 scr阅读全文

posted @ 2018-07-24 13:41 子迟 阅读(84) 评论(0) 编辑

2018年7月11日 #

如何在修改 gulpfile.js 文件后自动重启 gulp?

摘要: gulp 非常好用,编写好 gulpfile.js 文件后,一般情况下在命令行用 就能启动开发环境,大大简化了开发流程。但是有一个问题没有解决,就是编写 gulpfile.js 文件过程中,如果这个时候 已经启动,修改 gulpfile.js 文件,进程并不会变化, 我们希望 gulpfile.js阅读全文

posted @ 2018-07-11 11:53 子迟 阅读(319) 评论(0) 编辑

2018年7月4日 #

内网 穿透是个好东西

摘要: 前言 注:很奇怪,标题如果带 【内网穿透】会触发莫名的规则,然后文章 404 掉。。 今天接触了一个新的名词「内网穿透」,感觉还是蛮有意思的,记录一二 起因是自己想做一个微信上的提醒工具,比如我现在一天时不时要提醒老婆喝水 via 微信,如果有了这个工具,理想情况下,我设定好时间,到了时间点会自动在阅读全文

posted @ 2018-07-04 21:40 子迟 阅读(873) 评论(1) 编辑

2018年6月29日 #

grid 布局初体验

摘要: grid 布局是真正的 css 框架,和 flex 相比,它是二维的,而 flex 是一维的 几个 cheat sheet: "A simple visual cheatsheet for CSS Grid Layout" "学习 CSS 网格布局" (附之前我写的一个 "flex cheat sh阅读全文

posted @ 2018-06-29 21:37 子迟 阅读(170) 评论(0) 编辑

2018年6月27日 #

Node.js 开发 Alfred workflow 初体验

摘要: 本文简单记录下如何用 Node.js 开发一个 Alfred workflow 的过程。 之前开发过自己用的小工具,这次打算开发 "CDNSearcher" ,用了半天才回忆起来开发流程,我在想如果之前简单记录了下,或许这次就不用花那么长时间回顾了,遂写此文。 该 workflow 使用方式如下:(阅读全文

posted @ 2018-06-27 21:34 子迟 阅读(576) 评论(1) 编辑

2018年6月25日 #

pure.css 源码之 grids 篇

摘要: grids,中文翻译为栅格(并不是 grid 布局),用过 BootStrap 应该不会陌生。pure.css 提供了类似的类,具体文档在 "这里" 具体使用也非常简单, 类似 BootStrap 中的 。Bootstrap 是 12 等分的,pure.css 支持 5 等分以及 24 等分。 我们阅读全文

posted @ 2018-06-25 20:50 子迟 阅读(89) 评论(0) 编辑

pure.css 源码之 buttons 篇

摘要: 心血来潮,打算抓个 css 框架看看,雅虎出品的轻量级框架 "pure.css" 非常符合我的要求。 首先看它的 "Buttons" 部分,真的是麻雀虽小五脏俱全,该有的都有了。源码分别在 "buttons core.css" 以及 "buttons.css" ,其中前者主要涉及到一些属性的重置(防阅读全文

posted @ 2018-06-25 13:44 子迟 阅读(86) 评论(0) 编辑

2018年6月8日 #

chrome 下视频全屏播放后自定义控件无法使用的问题探究

摘要: chrome 63 升级到 64 后,我司旗下产品 "讲堂" 出现了一个说大不大说小不小的 bug:自定义控件在全屏模式下失效了。 将代码简化如下: 假设 button 为自定义控件,chrome 浏览器下,全屏后,该控件将无法使用(但依然可见)。其他浏览器表现不尽相同,firefox 下控件直接不阅读全文

posted @ 2018-06-08 10:31 子迟 阅读(168) 评论(0) 编辑

导航

统计信息

News