为您报道【网站被攻击现场】，伤害不大，侮辱性极强！  大家好，我是鱼皮。 前段时间，我的网站疑似被攻击了，今天带大家一起来事故现场看看，并且分享事故分析思路和事后防控手段。 孽起 先看看我是怎么发现网站被攻击的吧。 通常，为了保证线上网站和后台服务的稳定运行，我们需要给项目添加监控告警功能，出现意外情况时，系统会第一时间向管理员发送通知。 由于我的项目使用 腾讯云云开发 来部署，默认提供了额度监控和告警，可以防止资源消耗过多，非常方便。  但光有告警还不够，真出了问题，靠什么去分析呢？必须给故障排查提供一些线索。 腾讯云云开发默认为云函数、云托管等提供了监控和日志记录，一行代码都不用写，就能够...

技术、业务、跳槽、面试，全都聊了，分享给大家！  大家好，我是鱼皮。 要回上海了，在汽车上本来想闭目养神一下，没想到却偶遇了一位技术 Leader 级别的阿里大佬。作为小辈，有很多问题想向大佬请教，就聊上了，相谈甚欢。 聊了很多话题，比如技术、业务、跳槽、加班、面试等，有一部分对话还是挺有帮助的，把我能想起来的分享给大家，下面就用代号 Q 来代指大佬。  和 Q 的对话 我刚上车，Q 很热情的打招呼：“兄弟，看你挺年轻，做什么职业？” 我：“互联网，小开发。” Q：“在哪儿上班呢？” 我：“腾讯。” 本来以为聊天到这里结束了， 毕竟我也不太会聊天。 没想到 Q 直接掏出手机说：“兄弟，加个微信...

大家好，我是鱼皮，20 届本科毕业，目前是鹅厂的一名全栈应用开发。 前几天在某乎上看到一个问题：大学计算机系最努力的同学都是如何学习的？  看了几个高赞回答后，真的是感同身受，也想和大家分享一下自己大学的学习经历，算是给自己一个继续前行的动力吧。 与君共勉！ 我的大学四年 论努力，我不会输给任何人。 认识我的朋友都知道，即使目前在鹅厂的高压下工作，我也依然坚持利用午休和下班后的时间创作，每晚都是接近 2 点才上床休息。 朋友们总劝我，你别肝了，我说：大学的时候，可比这累多了。 下面分享一下我通过自学，最终拿到大厂 offer 的故事。  前言 我是上海一所 211 学校的本科生，网络工程专业，...

超棒的开源小说文学建站 CMS 系统，作为面试项目有牌面儿！ 编程导航开源仓库：https://github.com/liyupi/code-nav  大家好，我是鱼二，今天给大家推荐一个优秀的开源 Java 全栈项目。 小说精品屋，是一套非常完整的小说建站开源解决方案，包含了四个子项目，前端技术选型以 HTML、CSS、JavaScript、BootStrap、LayUI 组件库和 Thymeleaf 模板引擎为主，后端使用 100% 纯 Java 实现，非常适合 Java 后端开发方向、爬虫方向以及初学前端的朋友学习。 下面分别来介绍这四个子项目。 1. 小说精品屋 一个多平台（web、安...

这才是真正的站长神器！ 编程导航开源仓库：https://github.com/liyupi/code-nav  大家好，我是鱼二。 想要运营好自己的网站，获取更多的用户，就一定要做好网站的数据统计，并且通过日常对数据进行分析，来了解自己的用户，以持续优化自己的网站。 但自行开发网站统计功能可是非常麻烦的，需要前端埋点上报、后端收集等，哪块儿都需要精心设计，对这方面知识不了解的同学连基本的统计功能都做不出来，更别提什么大数据分析与可视化了。 不过还好，有巨头已经帮我们实现好了。  什么是百度统计？ 百度统计，是国内领先的中文网站分析平台，支持网站、APP、小程序、线下零售等各种场景，帮助开发者...

二分钟，教你一个写代码的好习惯。  大家好，我是鱼皮，今天通过一件事情，分享写代码时的一个重要小技巧。 前段时间，我在编程导航项目中开源了一段代码，实现的功能是，当用户的操作失败时，会在页面上弹出一个错误框，并提示 “操作失败”，代码如下： // 错误提示 const ERROR_MESSAGE = "操作失败"; // 删除资源 const result = deleteResource(); if(!result) { alert(ERROR_MESSAGE); } 然而没想到，有位同学直接留言说我这么写代码是多此一举！为什么要单独给 “操作失败” 这个字符串定义一个常量呢？直接这么写不就...

三分钟，带你学习和实践域名重定向  大家好，我是鱼皮，今天分享 重定向 小知识，以及我在腾讯云云开发中实现域名重定向的实践。 孽起 之前，我开发了一个编程导航网站，将网站放到了腾讯云云开发上，用云托管（容器）的方式部署和维护。还购买了一个域名 code-nav.cn，并且在云开发后台 访问服务 中，将该域名的子域名 www.code-nav.cn 和存放网站文件的容器相关联，配置如图：  然后，大家就能通过网址 www.code-nav.cn 访问该网站了。  但是，很快，我就发现了一个严重的问题。 有不少同学想要访问我的网站，但是，由于他们输入的网址是 code-nav.cn，省略了网址前缀...

一分钟，让页面滚动更有趣  前段时间刚给大家推荐了一个强大易用的跨平台 CSS3 动画库 Animate.css，内置了很多常用的 CSS 动画，可以一行代码让页面动起来。 今天再推荐它的堂弟，WOW.js，一个有点儿皮的页面滚动效果库。 进入它的官网，就知道这个类库非常有趣了，屏幕上长满了各种各样的狗头。  官网即这个库的介绍和演示页面，当你向下滚动页面时，一个个狗头会以各种不同的动画进行展现。在狗头中间，可以看到这个库的优秀特性，比如简单易用、纯 JS 实现、不依赖 jQuery、动画丰富、只有 3 kb 大小、即时展现等。  WOW.js 基于 Animate.css，能够在页面滚动到某...

来看看你中过这招么？  大家好，我是鱼皮。 最近工作比较忙碌，做完技术选型后，这两周开始上手开发了。首先是用 Java 数据访问框架对接 PgSQL，本来以为至多半个小时就能搞定了，结果没想到，我竟然被编辑器给坑了！耽误了好一会儿。  把被坑的经历分享出来，希望大家引以为戒。 踩坑 我选用的是 MyBatis 框架，来实现在 Java 中操作 PgSQL 数据库。 该框架需要读取 xml 配置文件来实现对象关系映射，看了一下项目目录，惊喜地发现之前有同事已经接入了 MyBatis，并且写好了一份配置文件。 已有配置文件如下：  既然有现成的，那我只需要有样学样，复制粘贴即可。于是，遵循同事取包...

强大易用的跨平台的预设 CSS3 动画库推荐  在前端开发中，想让页面变得更生动自然，往往需要添加一些小动画，比如渐隐渐现、摇摆等。 通过 CSS3 提供的 keyframes 规则，我们可以自己实现各种各样复杂的动画效果。但是很多同学可能对动画开发并不熟悉，简单的动画代码倒是还能写一点，但是要做出自然顺滑的动画，需要的不止是代码功底，更需要设计能力和经验。 比如弹跳动画，代码类似这样：  @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0...

最后一个真香！  大家好，我是鱼皮，今天分享下我在日常工作中最最最常用的宝贝软件和工具。 开发 JetBrains 全家桶 JetBrains 系列是我最喜欢也是最常用的开发工具了，工作中，会用 IDEA 写 Java、用 WebStorm 写前端。 对于一名全栈开发来说，经常需要写不同语言或技术栈的代码，因此我倾向于选用一套大而全的开发工具。而 JetBrains 家的产品几乎覆盖了所有的编程语言，并且每个子产品的风格、键位、用法保持统一，切换语言时不用额外学习新开发工具的使用，还能安装各种插件扩展，值得长期信赖。  对于开发工具吧，一个人一个看法和使用习惯，没必要争个谁好谁坏。像 VSCo...

很难一次答对的经典面试题，处处是坑  大家好，我是鱼皮。 今天分享一道我曾经被难住了的面试题，也是一道大厂面试时经常会被问到的面试题，赛马问题。 题目其实不难，但是第一次被问到时，稍有不慎，就会答错。所以，一起来学习下吧！ 问题 有 64 匹马 赛跑，没有任何秒表之类的计时工具，跑道每次只允许 8 匹马 同时比，问 最少 需要比赛几场才能够选出跑的最快的 前 4 名？  题目描述就这么多，大家可以先思考一下，然后在投票中给出答案吧~ （投票） 下面公布解题思路和答案。 解题思路 这道题目坑点很多，题目中任何一个数字的改动都会影响到最终结果，因此一定要明确题目上的关键数字。 网上也有很多题目的变...

如果数据也要像垃圾一样分类，热数据算哪类呢？  大家好，我是鱼皮，今天分享一个有点儿干的技术知识。 大家知道，各种网站、应用的运行离不开数据的支撑，尤其对于企业来说，业务数据就是它的生命。 但有时，将所有数据堆成一坨、统一处理可能无法满足我们对性能和存储空间等要求。因此，我们需要对数据进行分类处理，以适应不同的业务需求和应用场景。 其中，有一种划分方式是将数据分为 “热数据”、“冷数据”，甚至还有 “暖数据”！ 就和垃圾分类一样一样的~  先来聊一聊什么是热数据吧！ 什么是热数据？ 顾名思义，热数据是指 很热门、频繁被访问 的数据。 比如某度热榜上的新闻，可能每秒都会有成千上万次的访问量。  ...

推荐一款优秀的正则表达式在线可视化工具  我相信很多朋友第一次听到正则表达式时，都感觉这是一个高大上的名词。 其实，简单来说，正则表达式就是用来匹配文本的。 正则表达式里的 “正” 是指常客，即经常出现、通用的意思；而 “则” 是指有规律的，即规则。结合起来就是，用通用的、约定格式的语法规则去匹配文本的表达式，常用于文本的检测、查找和替换。 比如判断用户输入的手机号是否合法，可以用这个正则表达式：  就连很多熟悉正则表达式语法的朋友，看到这么一大长串儿表达式，也会感到吃力；更别提没学过正则表达式语法的人了，看到这里肯定是一脸懵逼！ 好在有下面这个正则表达式神器。 RegExr，一款学习、创建和...

做一名兴趣驱动的 coder  昨天，我的老弟小阿巴打电话向我抱怨，他觉得学习编程非常无聊，没有什么动力学下去，根本不像我说的那么好玩，还觉得我在忽悠他。  看来，小阿巴还没有找到自己学习编程的 “爽点”。 于是，我把他约到一个高高的谷堆旁边，打算帮助小阿巴增加一点对编程的兴趣。  怎么对编程产生兴趣呢？肯定是通过学编程为你带来了一些物质或精神上的享受，让你感觉编程很好玩、很爽、有意义。你才会愿意进一步学下去，收获持续的正反馈，一步步走向虽秃但强的人生巅峰！ 回顾我从大学开始自学编程再到进大厂的经历，正是因为不断地有刺激的事，才让我保持了对编程的兴趣，有动力去学习，让我成为了一名野蛮生长、肆无...