学习日记
sHlsy1995
Keep Learning. 持续学习,持续地热爱编程。
展开
-
UML类图
UML类图关系实现关系空心三角箭头虚线, 继承抽象类泛化关系空心三角箭头实线,继承非抽象类关联关系箭头实线,没有方向,互相关联,关联时二者建立关系依赖关系箭头虚线,一般表示为一种属性,默认不标注方向组合关系实心菱形箭头实线,整体由部分组成,部分强依赖整体。聚合关系空心菱形箭头实线,整体由部分组成,但相互各自不强依赖。...原创 2021-06-20 10:29:35 · 129 阅读 · 0 评论 -
快速理解简单的短链接生成原理
快速理解简单的短链接生成原理原理计算长链接整体为一个十进制数,将其映射成一个62进制数。这个62进制由26个小写字母,26个大写字母和10个数字表示。假设有long-url这么一个长网址,其10进制数 108+111+110+103+45+117+114+108=816, 其62进制表示就是kna。为了解决相同值冲突的问题,可以在最后加入自增ID或者先通过摘要函数取得长网址的hash再映射来降低冲突概率。代码实现DB部分是来实现从短网址到原始网址的步骤,从而实现重定向。import strin原创 2020-12-23 16:16:20 · 1138 阅读 · 0 评论 -
Flask+React 实现一个简单前后分离博客系统[后端篇] 02.数据库模型
数据库设计ER-DiagramORM# models.pyfrom collections import OrderedDictfrom datetime import datetimefrom flask import current_appfrom flask_sqlalchemy import BaseQuery, SQLAlchemyfrom werkzeug.security import check_password_hash, generate_password_hash原创 2020-05-17 21:58:34 · 423 阅读 · 0 评论 -
Flask+React 实现一个简单前后分离博客系统[后端篇] 01. 准备工作
Flask + React 实现一个简单博客系统[后端篇]准备工作docker-ce 19.03配置环境为了之后方便部署以及方便分享,使用docker进行环境的搭建配置blog-flask 镜像文档结构.├── docker-compose.yml└── flask ├── Dockerfile ├── pip.conf ├── requirements.txt └── sources.list编写pip.conf[global]index-原创 2020-05-17 20:47:43 · 601 阅读 · 0 评论 -
[LeetCode] 每日打卡 572.另一树的子树
572. 另一个树的子树来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/subtree-of-another-tree著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。给定两个非空二叉树 s 和 t,检验 s 中是否包含和 t 具有相同结构和节点值的子树。s 的一个子树包括 s 的一个节点和这个节点的所有子孙。s ...原创 2020-05-08 00:23:13 · 107 阅读 · 0 评论 -
关于逻辑删除的思考
数据库数据的逻辑删除什么是逻辑删除顾名思义就是非物理的删除,数据实质上仍存在但是不再被展示。如何实现通常添加一个is_deleted的标志位,True就隐藏,False就正常显示。单标志位可能出现的问题虽然is_deleted=True后不再显示,但是某些unique字段可能因此被限制。例如:1 . 现在存在一个用户表, 其中email,phone,username都是unique的...原创 2020-05-07 00:17:41 · 1677 阅读 · 0 评论 -
React 三种组件间传值 简单易懂
React 组件之间的传值 React遵循单向传输原则,所以尽量不要使用双向传值,容易导致循环更新问题。同时应该在创造组件时思考组件是否需要状态管理,如果不需要使用函数式声明更佳!父向子传值 父向子传值起始比较简单,主要考虑向下传值是否会使得父组件中的状态过于繁杂,影响页面性能。最简单的向子传值父组件- Father Componentimport ...原创 2018-08-12 22:36:19 · 11026 阅读 · 0 评论 -
ATOM 文本编辑器
ATOM Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。ATOM拥有许多方便的功能使得编程不仅仅更加高效,还将编成这件事变得更加有趣。 接下来,我将介绍是如何配置自己的ATOM文本编辑器。apm源切换至国...原创 2018-07-22 14:33:09 · 2065 阅读 · 0 评论 -
从零开始的Docker学习
DOCKER 灵活部署我的编译环境 Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。事实上,docker并没有那么神秘,他的效果就和虚拟机一样,只是消耗更少的系统资源,更快的运行速度。安装docker由于GFW的存在...原创 2018-07-23 22:17:32 · 250 阅读 · 1 评论 -
滚动监听导航条
滚动监听导航条今天想做一个可以随着页面滚动随时动态跟进的导航条首先,我们先创建一个带有导航条页面,效果如下图 html代码<!DOCTYPE html><html><head> <title>滚动监听的导航条</title> <style type="text/css"> #navbar{ margin: 50px auto;原创 2019-12-09 20:31:11 · 2482 阅读 · 0 评论 -
2017.12.29 css撸个chrome 的icon
刚开始学前端。刚看完大神的大白demo用到了overflow属性,想想自己能不能也用这个属性撸个什么简单的图形出来。 贴一下代码(之后再改进): body部分 <div id="div1"> <div id="div2"></div> <div id="div3"></div> <div id="div4"></div> <d原创 2017-12-29 09:21:00 · 175 阅读 · 0 评论 -
2017.12.31 JS拖拽本地图片显示
HTML部分 <div id="img1" class="box1" ondragover="dragOver(event)" ondrop="picture(event)"></div> <div id="img2" class="box2" ondragover="dragOver(event)" ondrop="picture(event)"></div> <div id原创 2019-12-09 20:32:13 · 720 阅读 · 0 评论 -
2017.12.28 记第一天学习js-瀑布流
2017.12.28 记第一天学习js. 学习内容:瀑布流图片html代码部分:<div id = "container"> <div class = "box"> <div class = "box_img"> <img src = "img/1.jpg&qu原创 2019-12-09 20:31:22 · 251 阅读 · 0 评论 -
12.31 JS页面内拖拽图片
JS页面内图片拖拽原创 2017-12-31 23:04:21 · 189 阅读 · 0 评论