10 2021 档案
摘要：泛型用于在成员之间提供有意义的约束，这些成员可以是类的实例成员、类的方法、函数参数、函数返回值。 类 class Queue<T> { private data: T[] = []; push(item: T) { this.data.push(item) } pop(): T | undefine
阅读全文
摘要：TypeScript 允许你覆盖它的推断，并且能以你任何你想要的方式分析它，这种机制被称为「类型断言」。类型断言使用as关键字或者<type>表示。 const foo = {}; foo.bar = 123; // Error: 'bar' 属性不存在于 ‘{}’ foo.bas = 'hello
阅读全文
摘要：参数注解和返回值注解 interface Foo { foo: string; } function getFoo(str: Foo): Foo { return str } getFoo(111) 如果没有添加返回值注解，ts自动推断出返回值。 可选参数和参数默认值 function foo(ba
阅读全文
摘要：lib.d.ts包含 JavaScript 运行时以及 DOM 中存在各种常见的环境声明，方便我们在写代码时默认获得类型提示 let a = 11 a.toString() // 拥有类型提示 const height = window.innerHeight // 拥有类型提示 lib.d.ts
阅读全文
摘要：枚举是组织收集有关联变量的一种方式，通过组织特殊类型的变量，使得代码更易读。 数字类型 enum Weekday { Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday } Weekday.Monday // 0 Weekda
阅读全文
摘要：全局类型声明 对于使用js编写的第三方库，通常可以在DefinitelyTyped中找到types包，比如jQuery。 npm install @types/jquery --save-dev 使用 // 即使没有手动引入，全局也都拥有类型提示 $.ajax() 原因：默认所有可见的"@types
阅读全文
摘要：在ts中，类型系统被设计为可选的，因此可以认为js就是没有类型声明的ts。 类型注解使用 :TypeAnnotation 语法 原始类型 let num: number; let str: string; let bool: boolean; :number、:string、:boolean都是原始
阅读全文
摘要：全局模块 在全局命名空间中定义的模块就是全局模块，示例： // foo.ts const foo = 123; // bar.ts const bar = foo; 以上这种方式编译是通过的，因为foo在全局命名空间中，所以其他任何文件都可以引用foo。显然这是危险行为。 文件模块 文件模块也被称为
阅读全文
摘要：编译上下文 简单理解，编译上下文就是告诉ts哪些文件是可以被编译的，以及使用什么样的编译选项进行输出。使用tsconfig.json文件定义编译上下文。 配置项说明 在项目的根目录下创建一个空的tsconfig.json文件，TypeScript会把此目录和子目录下的所有 .ts 文件作为编译上下文
阅读全文
摘要：ts中存在两种声明空间：类型声明空间和变量声明空间 类型声明 类型声明空间用来做类型注释 interface Bar {} type Bas = {}; let bar: Bar; let bas: Bas; // 但是不能当作变量使用 interface Bar {} const bar = Ba
阅读全文
摘要：前言 最开始使用博客园是在2016年，后来由于博客园不支持markdown，就很少在cnblogs上更新笔记了。自己搭建了一个博客，运行了两年，自己懒得维护了，就打算迁移文章到博客园。让我惊讶的是博客园markdown支持已经很好了，以后还在博客园写笔记。 思路 博客园提供了metaweblog a
阅读全文
摘要：此时此刻真想打他们一顿（服务器提供商）出出气，浪费老子一上午时间修改配置，导致服务停止一整天。还好网站没什么流量，不过这也说明了要想真正做好服务，必须找一个靠谱的服务器提供商。 本次的教训： 必须找靠谱的服务器提供商，如腾讯阿里，即使贵点也值得 域名备案同样要找阿里腾讯这些，无论其他公司备案多么快都
阅读全文
摘要：原文地址：https://github.com/tuobaye0711/img-spd // image spider (baidu ver.) const puppeteer = require("puppeteer"); const path = require("path"); const {
阅读全文
摘要：https://www.iqiyi.com/v_19rrb6sn90.html#curid=640074200_dace9275ce4918e7c9f1a9e63c87b855 刘慈欣《时间简史》中国科幻 王起洪夫妇《从前慢》 安文彬《可爱的中国》 金士杰《相约星期二》68岁 江疏影《飘》 南极科考
阅读全文
摘要：puppeteer已经出来很长一段时间了，这两天闲着没事玩了下爬虫，整体体验不错。这里主要是介绍安装方法，因为遇到了一些坑 mac 方法一 在安装puppeteer包时，由于其依赖了chromium，因此包的体积很大，下载过程较慢。可以通过下面的命令修改包的源地址，再安装时就会快很多 npm con
阅读全文
摘要：我在知乎上听了一场live分享，标题是”如果自学计算机专业课程“，觉得老师讲的很好，所以整理了这篇笔记。 首先自己要明白，为什么要学习计算机专业，如果没有明确的目标，是很难坚持下去的。这个目标就因人而异了，而我学习的目的是因为现在的工作的太无聊，为了提升自己的核心竞争力，也为了自己的一个小梦想。 计
阅读全文
摘要：在文章中添加图片时，由于图片很大，导致浏览文章时严重影响用户体验，因此需要在上传是对图片进行压缩处理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, i
阅读全文
摘要：关于vscode快捷键，mac和windows是有些不同的。有些朋友可能为了统一快捷键，会修改快捷键，个人认为这不是一种好的做法，因为一旦重装系统或者用了别人的电脑，一下子会很不习惯。window和linux系统上，vscode快捷键基本是一致的，因此只需要再记住mac下的快键键，就可以在三个系统上
阅读全文
摘要：关闭Mac的vpn代理 启动Charles，Charles会自动设置Mac的本地代理为8888端口 这时候浏览器访问http类型的网站，可以在charles中看到相关请求（因为浏览器会自动走mac的代理） https设置 安装https证书 Help SSL Proxying Install Cha
阅读全文
摘要：首先升级两台电脑，使他们的系统版本一致。 修改用户名和密码，保持两台电脑一致。具体方法及时创建一个新的管理员，新管理员登陆后删除老账户。 登陆iCloud完成部分资源同步，软件和软件配置不能自动同步。 使用隔空投送，把所有软件分享过去，然后把软件移动到applation文件夹。vscode这个软件需
阅读全文
摘要：文档：http://mailhelp.mxhichina.com/smartmail/detail.vm?knoId=10647093 注意事项：只能设置pop，不能设置smtp
阅读全文
摘要：mongodb 配置文件位置 vim /usr/local/etc/mongod.conf
阅读全文
摘要：xampp就不多介绍了，它是一款非常优秀的PHP环境集成安装包，零配置在本地跑PHP项目，最重要的是它支持多平台。其实这些软件在win上挺好用的，但是在mac上配置就有些麻烦，主要是mac出于安全性考虑，做了一些限制。 下面以wordpress为例，介绍下如何在mac上使用xampp跑php项目 下
阅读全文
摘要：nginx 安装成功后，默认使用的8080端口，而在window和linux上默认使用的80端口。可以通过修改 文件修改端口号 其他软件（如MySql）安装方法类似，通常只需要替换下名字即可
阅读全文
摘要：安装iterm2 配置 iTerm2 主题 iTerm2 最常用的主题是 Solarized Dark theme，下载地址：http://ethanschoonover.com/solarized 下载的是压缩文件，你先解压一下，然后打开 iTerm2，打开 Preferences 配置界面，然后
阅读全文
摘要：Mac 触摸板 双指轻点软件，可以唤出辅助信息，相当于右击鼠标。单指轻点相当于左击鼠标 在网页中，双指向上或向下可滚动网页 在网页中，双指捏合可缩放网页 在网页中，双指右划和左划，可以切换上个网页和下个网页（仅限同一标签页打开的网页） 双指从右向左水平划过，可唤起有边通知中心 在全屏模式下的应用，三
阅读全文
摘要：假设5年前，某个国家一共有10个一篮子生活必须品（包括吃，穿，住，行的所有的必需品），这个国家发行了100万货币，一共有10个人。那么这个国家的毎个篮子生活必须品价值10万。 假设这10个人每人得到了10万元收入，则每个人刚好分配了一个篮子。 实际情况是，这10个人中，有人得到了10万元，有人得到了
阅读全文
摘要：《我的大叔》看完了，后劲有点大，去外边走了一大圈缓过来了。真是一部很不错的电视剧，结局很美好，点赞撒花🎉🎉 观后感：老子（写道德经那位）果然诚不欺我。 观看地址：https://www.zxzj.me/video/1745 1 1.html 《有彩虹》这首歌也很好听，酷我音乐可以免费听！
阅读全文
摘要：今天是2020年最后一天，我在看《切尔诺贝利》，再见了2020！！！ 想了一下，应该不会再见了。。。 地点：杭州萧山
阅读全文
摘要：动漫《刀剑神域第一季》《狂赌之渊第一季》 电影：海上钢琴师、盗梦空间、牧马人、高山下的花环 电视剧：我们与恶的距离、切尔诺贝利 书籍：小王子、掌控习惯、天龙八部 发现的好玩app：皮皮虾 学会的做饭技能：青椒鸡蛋、蛋炒饭、小米汤、面条、热馒头、白菜炒粉丝、煎包子、水饺等等 最近添的大件：写代码（看电
阅读全文
摘要：1、世上没有一份工作不辛苦，所有现在的不辛苦，都是以前吃的苦头一点一滴累积起来的。 2、如果不改变自己，去到任何一个地方都是同样的结果。 3、你是为谁工作？你是为自己工作！无论你是在我这儿工作，还是在别的店里工作，都要记住，你是在为自己工作！多熟悉产品，多学习销售技巧，你多学一些知识，这都是别人拿不
阅读全文
摘要：好长时间不写博客，发泄一下情感。 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
阅读全文
摘要：受疫情影响，提前让我体验了远程办公的感觉，之前还在想什么时间能体验下远程办公呢。虽然远程时间不到两个月，但已经足够了。工作流程上和在公司上班差别不大，工作时间上也基本一样。每天多了一个会议，需要回报当天工作内容以及明天的工作安排。远程办公在编码效率上要比在公司高一些，因为没人干扰，但是沟通成本很大，
阅读全文
摘要：已经七月了，纪念一下。 用时三个月，踩坑无数，终于要开发完成了，真正的原生app，不容易啊啊啊啊。。。。。。。。。。。。。。。。。。。。。。。。。。。
阅读全文
摘要：一边听歌，一边写代码，这样写出来的代码是没价值的，因为根本就不需要思考。
阅读全文
摘要："文件" 鸣人，你不要挑食，要多吃饭，赶快长大；每天要记得按时洗澡，泡澡暖身，还有不要熬夜，保证睡眠；还有要记得交友，朋友不必很多，有几名真正值得信赖的朋友就够了。 还有，虽然妈妈我非常不擅长……但你可要好好学习功课和忍术啊，但谁都有擅长和不擅长，就算学习遇到困难也不用太过失落，在学校要尊敬老师和前
阅读全文
摘要：五年前的一条说说，那一年注册了第一个域名。不知不觉，博客域名也要五年了
阅读全文
摘要：方法一：不要做追求效率的工作，因为永远干不过机器。 方法二：做需要人与人之间沟通才能完成的工作。比如理发师，护士，厨师。 往往那些看起来特别简单的工作，对机器来说是特别复杂的工作。总的来说机器是偏理性的，人是偏感性的，因此机器是没有爱的，但人只有在被爱的时候才会感到幸福，所以需要融入感情的工作，才是
阅读全文
摘要：前后端通过emit、on完成数据的通信，需要实时数据的前端只需要订阅对应的事件，就可以拿到实时的数据
阅读全文
摘要：```js // base64 = image const base642Img = async function(base64Str, dir) { // data:image/jpeg;base64,/asdasda const matches = base64Str.match(/^data:
阅读全文
摘要：```js const express = require('express') const app = express() const cors = require('cors') const fs = require('fs') const path = require('path') cons
阅读全文
摘要：```js // https://www.npmjs.com/package/jimp const Jimp = require('jimp') Jimp.read( ) .then(lenna = { const url = path.join(__dirname, ) lenna .resize
阅读全文
摘要：类似于掘金社区的外链分享，可以根据链接获取文章标题和描述。至于缩略图，考虑到版权问题，最好不要抓取
阅读全文
摘要：前言 大多数Vue项目要支持SSR应该是为了SEO考虑，毕竟对于WEB应用来说，搜索引擎是一个很大的流量入口。Vue SSR现在已经比较成熟了，但是如果是把一个SPA应用改造成SSR应用，成本还是有些高的，这工作量无异于重构前端。另外对前端的技术要求也是挺高的，需要对Vue比较熟悉，还要有Node.
阅读全文
摘要：文档地址：http://nodejs.cn/api/fs.html fs模块提供了很多接口，用于操作系统文件。有一些是开发中经常用到的，总结一下方便查找这些API。 fs.rename fs.watch fs.createReadStream fs.stat fs.createWriteStream
阅读全文
摘要：为期两天的培训正式结束，带来了很多思考，虽然个人表现不佳，但带来的价值会使我终身受益，有必要把这些思考记录下来 时间安排 培训背景 培训参加人员有开发、测试、产品经理，以及各小组的leader，人员分配均等，每组10人共四组。人员和其他小组是混合的，虽然是一个部门的，但如果没有业务来往，通常很难有接
阅读全文
摘要：在购物环境中降低信息处理能力的东西都能刺激消费者的购买欲。 注释：换句话说,在互联网世界,能够降低信息处理能力的,都可能使人上瘾。本质上是因为大脑懒于思考
阅读全文
摘要：如果一个人充满了快乐、正面的思想，那么好的人、事、物都会和他起共鸣，而且会被他吸过来。同样的，如果一个人老带着悲观、愤世嫉俗的思想频率，那么难怪这个人常有倒霉的事发生在他身上了！
阅读全文
摘要：“即使是在极端恶劣的环境里，人们也会拥有一种最后的自由，那就是选择自己的态度的自由。 谁的生活不是磕磕绊绊？谁在死去的时候没有一丝丝遗憾？现实就是如此，不接受不行。 做什么都做好，用什么都用好。不要常常觉得苦（那样的话就会忍不住顾镜自怜，浪费精力与时间），而是要想办法在任何情况下找到情趣—快乐是一种
阅读全文
摘要：今天逛B站的时候无意间看到这档视频，UP主总结的挺棒的，所以特意总结了下笔记 视频地址：https://space.bilibili.com/417244904?spm_id_from=333.788.b_765f7570696e666f.2 人才梯度 人才梯度模型是很有名的一个模型，很多大公司的人
阅读全文
摘要：金刚经 第一品 法会因由分 如是我闻。一时佛在舍卫国。祗树给孤独园。与大比丘众。千二百五十人俱。尔时世尊。食时。著衣持钵。入舍卫大城乞食。于其城中。次第乞已。还至本处。饭食讫。收衣钵。洗足已。敷座而坐。 金刚经 第二品 善现启请分 时长老须菩提。在大众中。即从座起。偏袒右肩。右膝着地。合掌恭敬。而白
阅读全文
摘要：秦朝覆灭 秦始皇有两个儿子，扶苏和胡亥，秦始皇原打算立扶苏为太子的，可惜死的太早了，于是赵高就修改了遗嘱，让扶苏和蒙恬自杀，于是扶苏就自杀了，咳咳。赵高精通法律，后来把李斯也搞死了，自己成为宰相。 在胡亥和赵高的带领下，秦朝很快就不行了，下面的农民开始造反了，最先起头的是陈胜和吴广，失败了。然后就是
阅读全文
摘要：人是否可以改变？ 答案是可以，并且任何人都可以。如果一味地关注过去的原因，企图仅仅靠原因去解释事物，那就会陷入“决定论”。也就是说，最终会得出这样的结论：我们的现在甚至未来全部都由过去的事情所决定，而且根本无法改变。 阿德勒提出了完全相反的“目的论”，即过去所有的经历都对现在的你没有任何影响，能影响
阅读全文
摘要：1、重在参与，敢于向自己挑战 任正非告诫员工，做一件事无论是否成功，你都要找到自己的那份感觉。只要你参与并与之拼搏过，你就是成功了，胜负无定数，敢搏成七分。 2、重视向别人学习，取长补短 任正非说，做人要积极吸收别人的优点，对伙伴则应积极指出他的缺点。别人指出你的缺点，批评你的缺点实际上是在帮助你，
阅读全文
摘要：【第一章】道可道，非常道；名可名，非常名。无名天地之始，有名万物之母。故常无欲，以观其妙；常有欲，以观其徼（jiào）。此两者同出而异名，同谓之玄，玄之又玄，众妙之门。 【第二章】天下皆知美之为美，斯恶（è）已；皆知善之为善，斯不善已。故有无相生，难易相成，长短相较，高下相倾，音声相和（hè），前后
阅读全文
摘要：共有知识和公共知识 共有知识：大家自己都知道，但不知道其他人是否知道 公共知识：大家自己都知道，也知道其他人都知道 比如广告宣称一个产品功能很强大，但是买回来后发现就是一个垃圾。这个产品垃圾就是共有知识，每个买的人都知道是垃圾产品，但是不知道其他买的人是否也这么认为。当有媒体曝光了这个产品后，大家都
阅读全文
摘要：前言 春秋只是小打小闹，战国就是真正的利益之争了。 吴越春秋 一上来江苏的吴就被浙江的越给打了，还被打败了，吴王也死在了越往勾践手上。吴王夫差为了报仇就来砸越王的场子，但是最后没杀越王，让他走了。然后就是勾践卧薪尝胆的故事了。 勾践派出西施麻痹吴王夫差，最后被越王彻底灭国了。 三家分晋 吴越打完后，
阅读全文
摘要：前言 《半小时漫画中国史》系列书籍是一套较好的历史入门图书，让人能够在开怀大笑的同时还能学到历史，相较于上学时学到的枯燥历史，这套书更能让人爱上历史。本笔记主要是为了梳理书中提到的重大事件，以时间线的方式进行整理。当然了最重要的还是为了将来侃历史时可以吹牛，哈哈哈哈。 东周 年轻时候，周和商打了一架
阅读全文
摘要：在我的生活中，忽然闯进了这样一个善良的人，我好像等待多年的这一天终于来到了。她对我是这么信任，和我没有一点陌生的感觉，好像她也等待了我好多年。 “那你太可怜了。” “我不可怜，我命好。” “为什么？” “我看出来了，我遇上个好人。” “是吗？” “嗯。” 牛奶没有，面包也没有，我们拿什么来喂他？ 不
阅读全文
摘要：“世界很简单，人 生也是一样 当人能够感觉到“与这个人在一起可以无拘无束”的时 候，才能够体会到爱。既没有自卑感也不必炫耀优越性，能够保持一种平静而自然的状 态。真正的爱应该是这样的。 如果想 要和谐地生活在一起，那就必须把对方当成平等的人 阿德勒把这种企图设立种种借口来回避人生课题的情况叫作“人
阅读全文
摘要：mvp是用来前期验证需求是否可行的一种试错手段，需要借助一个载体（不限形态）快速创建初始产品，然后发给其他人。快速收集问题和反馈。mvp必备的模块有反馈模块，埋点（帮助后面进行决策），还有前期的用户调研不可少 概念出自《精益创业》
阅读全文
摘要：因好行为受到奖赏的动物，其学习速度快，持续力也更久；因坏行为而受处罚的动物，则不论速度或持续力都比较差。研究显示，这个原则用在人身上也有同样的结果。批评不但不会改变事实，反而只有招致愤恨。 天底下只有一种方法可以促使他人去做任何事——给他想要的东西。 在你每天的生活之旅中，别忘了为人间留下一点赞美的
阅读全文
摘要：字符集定义了字符和二进制的对应关系，为每个字符分配了唯一的编号。可以将字符集理解成一个很大的表格， 它列出了所有字符和二进制的对应关系，计算机显示文字或者存储文字，就是一个查表的过程。而字符编码规定了如何将字符的编号存储到计算机中。如果使用了类似 GB2312 和 GBK 的变长存储方案（不同的字符
阅读全文
摘要：聚享导航是一个简单的自定义网址导航站，开发的目的主要是为了方便在手机上浏览一些常用网站，当然电脑和平板也能用，拥有一致的用户体验。 功能上，聚享导航提供添加分类和链接的功能，下面是添加了分类和链接的效果图 分类和链接支持编辑、删除和拖动排序，并且在“知名网站”里能够找到常用的网站，一键添加为收藏，“
阅读全文
摘要：装饰者模式能够在不改变对象自身的基础上，在程序运行期间给对象动态地添加职责 示例一：页面中有一个登录 button，点击这个 button会弹出登录浮层，与此同时要进行数据上报， 来统计有多少用户点击了这个登录 button <button id="button" tag="loginBtn">点击
阅读全文
摘要：之前的总结： "设计模式之发布订阅模式" 为什么会有这种设计模式 这里有个很好的回答：https://segmentfault.com/q/1010000002487388 简单的基于对象的订阅发布模式 常见的使用场景：当我们在ajax的异步数据请求结束后，emit一个事件，外部可以通过监听这个事件
阅读全文
摘要：单一职责原则 单一职责原则（SRP）的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法，那么这个方法就具有两个职责。每个职责都是变化的一个轴线，如果一个方法承担了过多的职责，那么在需求的变迁过程中，需要改写这个方法的可能性就越大。因此，SRP原则体现为：一个对象（方法）只做一件事情
阅读全文
摘要：面向对象设计鼓励把对象划分成更小的粒度，每个对象负责一个特定的功能，这有助于增强对象的可复用性。但由于这些细粒度对象之间的联系激增，又有可能会反过来降低它们的可复用性。当程序的规模增大，对象会越来越多，它们之间的关系也越来越复杂，难免会形成网状的交叉引用。如图 中介者模式的作用就是解除对象与对象之间
阅读全文
摘要：职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止 假设我们负责一个售卖手机的电商网站，需求如下： 1. 已经支付过 500元定金的用户会收到 100元的商城优惠券 2. 已经支付200元
阅读全文
摘要：假设有个内衣工厂，目前的产品有 50种男式内衣和50种女士内衣，为了推销产品，工厂决定生产一些塑料模特来穿上他们的内衣拍成广告照片。正常情况下需要50个男模特和 50 个女模特，然后让他们每人分别穿上一件内衣来拍照，这就需要100个模特。如果使用共享模式，只需要男女两个模特，然后让他们可以分别穿上不
阅读全文
摘要：举个例子，如果想请明星来办一场商业演出，你是无法直接联系到本人的，只能联系他的经纪人（明星本人的时间比较宝贵），经纪人会把商业演出的细节和报酬都谈好之后，再把合同交给明星签，经纪人就是代理。在程序中，代理可以看做是一个对象，这个对象是一个占位符 虚拟代理 在Web开发中，也许最大的开销就是网络请求。
阅读全文
摘要：策略模式 策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换 注释： “并且使它们可以相互替换”，这句话在很大程度上是相对于静态类型语言而言的。因为静态类型语言中有类型检查机制，所以各个策略类需要实现同样的接口。当它们的真正类型被隐藏在接口后面时，它们才能被相互替换。而
阅读全文
摘要：单例模式的定义：保证一个类仅有一个实例，并能够被全局访问。 单例模式在开发中应用非常广泛，比如网站的登录浮窗，当我们单击登录按钮的时候，页面中会出现一个登录浮窗，这个登录浮窗是唯一的，无论单击多少次登录按钮，这个浮窗都只会被创建一次，那么这个登录浮窗就适合用单例模式来创建 单例模式 下面使用单例模式
阅读全文
摘要：前言 gulp是一种比较容易上手的前端构建工具，相比于时下流行的webpack，gulp的学习成本更低，配置也简单，在很多前端框架的构建上（如bootstrap）都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta
阅读全文
摘要：CSP（Content Security Policy）内容安全策略，主要用于预防常见的Web攻击，如XSS攻击、数据注入攻击等。服务端通过设置响应报文的 字段，控制浏览器可以为该页面获取哪些资源，下面是一些常用的设置示例 default src default src 用于控制网页中资源的安全性
阅读全文
摘要：前言 缓存是性能优化的总要手段，合理使用缓存，不仅能够节省服务器资源，更能为用户提供好的浏览体验 Pragma 是 HTTP 1.0 的产物，它要求缓存服务器在返回缓存的版本之前将请求提交到源头服务器进行验证。在效果上和HTTP 1.1 中的 一样。 缓存服务器是代理服务器的一种，用于缓存静态资源。
阅读全文
摘要：原因 HTTP 是建立在 TCP 基础之上的应用层协议，因此要想发送一条HTTP请求，TCP 必须先要建立连接。 TCP 为什么要经过三次握手（通信）才能建立连接？原因很简单，因为最少要三次通信，客户端和服务器才能都知道连接是否建立成功。试想如果 TCP 连接只进行两次握手，比如客户端发起请求，服务
阅读全文
摘要：这里我先不解释什么是csrf以及如何预防，先看实验 我现在有一个很简单的站点，它有两个API接口，如下所示： 现在我访问 表示登录成功，然后后端会设置cookie 现在有个恶意攻击者，它知道通过向 发送post请求可以删除用户文章，只要用户已经登录了，它就可以这么做 第一步：它向用户发送了一封邮件（
阅读全文
摘要：前言 整个互联网的实现都是建立在上面五层分层模型的基础上的，上面的每一层都要依靠下面的分层模型支持。每一层都是为了完成某个特定的功能，计算机之间要想建立通信都需要遵循约定好的协议，因此每一层都有约定好的协议（protocol） 物理层 物理层指的是把电脑连接起来的物理手段，常用的方式有光缆、电缆、双
阅读全文
摘要：说起URL，就不能不提它的父亲URI，很多时候容易把它们搞混 引入 URI(Uniform Resource Identifier)是一个通用的概念，称为统一资源标识符，它有两个主要的子集URL和URN构成。URL是通过描述资源的位置来标识资源的，URN则是通过名字来识别资源的 URL(Unifor
阅读全文
摘要：重定向表示资源的位置转移了，于是当点击原链接时会跳转到新的地址。该操作需要后端在响应报文中设置 Location 字段和对应的状态码，301表示永久重定向，这个操作要慎用，因为浏览器会缓存资源的新地址，如果你后期想取消永久从定向，用户必须手动清除缓存才有效；302表示临时重定向，浏览器不会缓存新的资
阅读全文
摘要：在CSS标准文档中，视口viewport被称为初始化包含块，它是所有CSS百分比宽度推算的根源。通常，在桌面端，视口的宽度和浏览器的宽度是一致的。但在手机端就比较麻烦了，视口分为布局视口(layout viewport)、视觉视口(visual viewport)和理想视口(ideal viewpo
阅读全文
摘要：定义 像素（pixel）是图像显示的基本单位。在网页中，一个像素就是计算机能够显示一种特定颜色的最小区域。 当设备尺寸相同但像素变的更密集时，屏幕能显示的画面的过渡更细致，大致像下面这样 ppi是指屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度 分类 像素可以分为设备像素和CSS像素 设备像素（
阅读全文
摘要：事件概述 touch事件即触摸事件，会在用户手指放在屏幕上面时、在屏幕上滑动时或从屏幕上移开时触发。一共有四个触摸事件 事件延迟 touch事件延迟是指触发touch事件与它的功能执行之间有300毫秒的间隔。其实，鼠标事件、焦点事件、浏览器默认行为也都存在着300ms的延迟 点击穿透 我们在做移动端
阅读全文
摘要：参考文章 https://www.jianshu.com/p/4a8f4af4e803 http://jartto.wang/2018/12/11/git-rebase/ 分支合并 在自己的dev分支完成功能后，执行git rebase master可以把master的最新代码rebase到dev分
阅读全文
摘要：安装 https://www.charlesproxy.com/download/ Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 windows 下载后破解方法：https://www.zzzmode.com/my
阅读全文
摘要：安装java环境 下载es kibana文件包 https://www.elastic.co/cn/downloads/elasticsearch https://www.elastic.co/cn/downloads/kibana 下载中文分词包 下载完成后，在es的plugins目录下新建ik文
阅读全文
摘要：http://blog.upsuper.org/mask-part-of-file-in-git.html
阅读全文
摘要：https://github.com/tiimgreen/github cheat sheet/blob/master/README.zh cn.md 高亮代码 在Url后面加上 ，L必须大些 使用commit关闭issue 关闭10号issue 引用本仓库的issue和其他仓库的issue 本仓库
阅读全文
摘要：分支是Git很重要的一个特性，可以把分支简单理解为一个快照。当初始化仓库时，默认会有一个master分支，如果我在master分支下新建了一个test分支，那么test分支就是master的一个快照 使用场景 开发新功能 开发新功能的流程通常是这样的 1. 开发一个网站 2. 为实现某个功能，创建一
阅读全文
摘要：标签使用要比分支简单很多，通常当我们的产品准备发布新版本时，会打个标签用于表示版本号。标签也是仓库的一个快照，实质上它是指向某个commit的一个指针，因此创建和删除标签都是瞬间完成的 标签管理 创建标签 使用git tag命令，后面跟上版本号，表示创建标签 # 本地创建标签 $ git tag v
阅读全文
摘要：无论是使用GitHub，还是公司内部使用Gitlab自己搭建的代码托管服务，在进行代码托管时步骤都是类似的，下面以GitHub为例，详细说明如何把本地的仓库同步到远程服务器。同步到远程服务器的目的是为了方便多人协作开发 生成公钥和私钥 打开git bash，依次执行cd ~/.ssh和ls命令，查看
阅读全文
摘要：上一篇文章已经介绍了如何在不同系统上安装Git，接下来详细介绍Git中常用的命令 获取仓库 获取仓库的方式有两种：第一种是新建了一个项目，并初始化为Git仓库；第二种是获取已有的Git仓库，比如从GitHub上克隆一份某项目的镜像仓库 初始化新仓库 初始化一个新仓库的方法很简单，在项目文件夹下打开G
阅读全文
摘要：前言 webpack4发布已经有一段时间了，我在实践的过程中发现，很多项目配置在webpack3下工作正常，但是升级到webpack4直接就崩了，如果想要webpack4正常工作，很多插件也需要升级到新版。下面是我使用webpack4配置的一个学习案例，包含了日常开发的常用配置项，比如多入口文件配置
阅读全文
摘要：安装 CentOS: $ yum install git-core Ubuntu: $ apt-get install git Mac: http://sourceforge.net/projects/git-osx-installer/ 直接下载安装工具，图形化安装 Windows: https:
阅读全文
摘要：webpack是一个模块打包器（module bundler），它不同于Gulp，Gulp是一个任务执行器（task runner）。任务执行器可以自动化处理常见的开发任务，比如代码检测、代码构建等等。webpack之所以流行，是因为它的功能太强大了，它不仅可以用来打包模块，它的插件系统把任务执行器
阅读全文
摘要：目录结构 "项目地址" image压缩、精灵图合成 sass编译、合并、压缩 JS编译压缩 为文件设置版本号 监控变化 "项目地址"
阅读全文
摘要：JS相关插件 concat合并文件 uglify压缩JS文件 requirejs打包模块化的js文件 jshint代码规则检测 CSS相关插件 clean css压缩css文件 concat合并文件 sass编译 node sass建议用cnpm安装（淘宝npm源） autoprefixer根据设置
阅读全文
摘要：yum install -y vim wget curl git lsof yum update -y nss curl libcurl wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | b
阅读全文
摘要：镜像常用命令 容器常用命名 基于Dockerfile构建镜像 基于commmit构建镜像 发布镜像到dockerhub 说明：关于私有仓库的搭建可以产考 "这里" ，必须在局域网才行。 打包命令行镜像 说明：stress 可以分配docker的内存 容器之间的通信 说明：基于同一个镜像创建的容器，他
阅读全文
摘要：linux服务器默认是没有中文字体的，通过下面的方式可以安装中文字体。 ubuntu系统： 参考文章：https://www.cnblogs.com/huangyanqi/p/10609587.html 微软雅黑：https://juxiang 1253978349.cos.ap chengdu.m
阅读全文
摘要：工作模式 当我们打开终端，开始对文件进行操作，会经常在正常模式、编辑模式和命令模式之间来回切换，这三种模式统称为工作模式 正常模式 正常模式就是我们用 vim 命令打开某个文件时所处的模式 编辑模式 编辑模式让我们可以开始对文本进行操作（比如修改、插入），在正常模式下按下以下字符可以进入编辑模式：
阅读全文
摘要：在 Linux 中，一切皆文件。以下是 CentOS 系统目录文件的说明 /: 顶层目录，系统的根目录 /boot: 系统启动目录，存放了系统的引导程序 /bin: 存放程序的启动文件、程序的命令。Linux 中的软件都是通过命令操作的，这些命令文件存放于 bin 目录，这个目录添加到了系统的 Pa
阅读全文
摘要：熟练使用Linux命令，提高开发效率 切换目录 列表显示 结果描述 按列描述：类型及权限 | 引用数 | 用户 | 组 | 大小 | 月 | 日 | 年/时间 | 名称 类型（首字符）： : 普通文件、d: 目录文件、b: 块设备、c: 字符设备、l: 链接、s: 套接字 权限： r读，w写，x可执
阅读全文
摘要：const last = await Book.findOne({}).sort({createdAt: -1}).exec() 把顺序倒过来，第一条就是最后一条
阅读全文
摘要：redis值(value)可以是 字符串(String), 哈希(Map), 列表(list), 集合(sets) 和 有序集合(sorted sets)等类型 字符串 列表（链表） Redis 列表是简单的字符串列表，按照插入顺序排序。你可以添加一个元素到列表的头部(左边)或 者尾部(右边) 集合
阅读全文
摘要：db.getCollection('books').find({_id: { $lt: ObjectId("5cd2ed674fd20c33a5ecb886")}}).length() # 先要找到该项，然后通过ObjectId找到小于它的数量
阅读全文
摘要：const books3 = await Book3.find({}).exec() for(const item of books3) { const d = JSON.parse(JSON.stringify(item)) delete d.id await new Book(d).save()
阅读全文
摘要：mongoodb 单表备份 # 导出book数据库中的books表，文件为books.json mongoexport --db book --collection books --out books.json # 导入到api数据库books表，文件为books.json mongoimport
阅读全文
摘要：分组 一个表中有很多供应商，每个供应商都有很多商品，假设要返回每个供应商提供的产品数目，这时候用前面提到的聚集函数无法完成，这是需要使用分组功能 SELECT vend_id , COUNT(*) AS num_prods FROM products GROUP BY vend_id; vend_i
阅读全文
摘要：```bash mysql use sqlname; show databases; # show db tables show tables; # 显示某个表的所有字段 show columns from tablename; show errors; show warnings; ```
阅读全文
摘要：聚集函数（aggregate function） 运行在行组上，计算和返回单个值的函数 AVG # 计算供应商为1003的所有商品的平均值 SELECT AVG(prod_price) AS avg_price FROM products WHERE vend_id = 1003; COUNT CO
阅读全文
摘要：文本处理函数 # 去除右边空格 SELECT Concat(RTrim(vend_name), '(', RTrim(vend_country), ')' AS localtion FROM vendors ORDER BY vend_name; 说明一些SOUNDEX，SOUNDEX是一个将任何文
阅读全文
摘要：SELECT操作符 # 获取products表中最贵的商品价格 # DESC 表示降序，ASC表示升序（默认值） SELECT prod_name, prod_price FROM products ORDER BY prod_name DESC LIMIT 1; WHERE操作符 #检索价格小于等
阅读全文
摘要：Mongoose Aggregate 的使用方法，详细介绍在mongodb中如何聚合表数据。该API使用场景非常广泛，常见的如统计标签下文章数量，统计分类下文章数量 http://ghmagical.com/article/page/id/1NSGRZGU93cy
阅读全文
摘要：本文内容仅记录升级到essay3.0后，数据库升级问题 内容替换 比如一张表中的某个字段，需要对字段中的一些内容进行查找替换，这是就会用到下面的命令 db.getCollection('articles').find({}).forEach(function (item) { item.conten
阅读全文
摘要：答案转载地址：https://segmentfault.com/q/1010000003938997/a-1020000003975492 Oren Eini（又名 Ayende Rahien）建议开发者尽量避免数据库的软删除操作，读者可能因此认为硬删除是合理的选择。作为对 Ayende 文章的回应
阅读全文
摘要：前言 距离上次更新已有三个月，虽然只有我一个人使用（据我所知），但我还是想让它更完美一些。这个项目诞生于17年5月，距今已有两年多了，在这两年期间经历了很多变更，从简单到复杂，又从复杂到简单，并且以后一直会保持这种简单状态。最近迎来了一次更新，因此特意分享一下。 "项目地址" UI变化 上面是最新的
阅读全文
摘要：前言 转眼间距离我开源这个项目已经两年了，最初是奔着学习的目的开发了这个项目，后来一直记录自己的学习笔记。随着时间的增长，发现之前写的代码简直不忍直视，于是就有了重构的想法。这个过程有些漫长，竟然用了整整四个月的业余时间，但是为了能开发出自己心目中满意的博客系统，我还是决定入坑了 分类功能 为了方便
阅读全文
摘要：虽然我之前写过有关Node项目部署的文章，但是回头看来还是有些乱，而且随着时间推移可能有些已经不适用了。本文将基于 Essay 这个开源项目为例，详细介绍如何在服务器上部署Node项目。实践过程中我个人踩了一些坑，希望看到本文的朋友少踩一些坑，皆大欢喜 服务器选择 首先服务器我使用的 Ubuntu1
阅读全文
摘要：前言 VueBlog经过几次简单的迭代，从最开始的基于vue hackernews开发的1.0.0，到采用nuxt.js重构开发的2.0.0，再到现在的前后端同构版本，他们都有一个共同的特点，就是支持服务端渲染，不同的是通过不断地迭代，代码越来越精简，博客也越来越简单。 v2.2.0 2.2.0这个
阅读全文
摘要：工作很忙，几乎没有时间维护这个开源项目了，但是还能收到一些朋友发来的问题，这让我觉得这个项目还是有意义的，它还是帮到了一小部分人。 由于这只是个学习项目，我花在上面的时间也不是很多，所以很多东西都不完善。开源的目的是为了学习交流，它还达不到用于线上的要求。感兴趣的朋友可以根据需要修改源码，随时欢迎P
阅读全文
