自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 收藏
  • 关注

原创 MySQL | 如何理解并解决后端请求数据时间相差八小时

情况描述数据库中存储的为Date类型的数据将数据取出后,时间变为2017-09-02T16:00:00.000Z。后端返回给前端的数据与实际数据相差八小时。如果直接截取字符串,就会出现和实际数据相差一天的魔幻情况原因分析T, Z分别表示什么意思T,分隔时间和日期,没有特殊含义Z,表示为零时区时间> new Date('2017-09-02T16:00:00.000Z') ...

2020-04-15 12:27:33 948

原创 伪保姆级教程 | 如何使用阿里云服务器搭建博客

上回说到,虎子来到了阿里云大陆,试图闯出一片天地 …新手任务:搭建博客咳咳,老手请绕道,写的不好,见谅见谅!正文开始…第一话:确定目标1.服务器云翼计划云小站试用中心刚入坑,选择了 云翼计划>学生专享套餐>云服务器ECS Ubuntu18.04云小站如愿意从此链接购买的话,非常感谢 ?????云服务器ECS,轻量应用服务器啥区别从官方文档入手,两个传送门:云...

2020-03-22 11:29:52 548

原创 GitHub | 个人静态博客搭建 Jekyll

文章目录1.创建 GitHub 仓库2.安装 Jekyll3.参考主题 修改样式1.创建 GitHub 仓库2.安装 Jekyll参考文档:https://jekyllrb.com/docs/installation/windows/下载 RubyInstaller 时,如速度很慢很慢,可以考虑尝试打开 科学 上网工具Could not find a valid gem ‘jeky...

2020-02-20 14:18:32 519

原创 Flask入门教程——小白的艰难抗争史

这是一篇记录只有C语言基础和看了一点点Python语法的小白如何一步一步学习Flask的小型教程。希望能帮到和虎鲸一样正在卑微学习的朋友们。

2019-07-06 00:38:18 553 1

原创 能讲讲 HTTP/2 吗?

涉及问题说说你对 HTTP/2 的理解HTTP1.1 在性能上存在哪些问题HTTP/2 是如何提高性能的出现原因1. 原有缺陷在 HTTP1.0 中,采用短连接的形式,即一次请求对应完成一次 TCP 连接建立关闭,如此一来,在 TCP 三次握手四次挥手的过程会浪费很多时间,降低传输效率。因此,在 HTTP1.1 中引入了长连接,多个请求复用一次 TCP 连接建立与关闭,由此来提升传输效率。但是,改用长连接后,依然会存在队头阻塞问题,这是由 HTTP 使用的 “请求-应答”模型引起的。一

2021-04-11 13:53:13 202

原创 听说你还为答不好 HTTPS 而发愁?

老标题党了,即将发车,请坐稳了涉及问题说说你对 HTTPS 的理解为什么比 HTTP 更安全为什么不直接使用非对称加密或对称加密为什么要握手,TLS 的握手过程能讲讲吗出现原因及特点HTTPS 相比 HTTP 主要解决原先存在的安全问题,如使用纯文本的形式传输 header,没有完整性校验无法验证是否篡改,没有有效手段确认通信双方的身份等。除此之外,它和 HTTP 表现一致,如传输内容不限于文本,分为请求方和应答方,有连接无状态等。如何保障安全安全性主要由 SSL / TLS 来.

2021-04-08 10:14:22 279 1

原创 JS 基础 | new 和 Object.create() 有什么区别

起因在整理原型这部分知识时,发现了两种修改原型的写法,好像并不影响测试结果function Fruit() { this.type = 'fruit'}function Apple() { this.name = 'apple'}// Apple.prototype = new Fruit()Apple.prototype = Object.create(Fruit.prototype);var a = new Apple()console.log(a instanc

2021-03-06 10:20:38 293

原创 JS基础 | 探究块级作用域的前身

为什么需要块级作用域主要是因为,原有全局作用域和函数作用域的设计会带来一些使用上的问题。在循环语句中,使用 var 声明的计数变量在循环外也可以使用,变量污染外部函数作用域。同时,var 变量提升,可重复声明的特点可能导致内部变量覆盖外部变量,引发意料外的错误。var tmp = 1;function f() { console.log(tmp); if (false) { var tmp = 'test'; }}f(); // undefined

2021-02-27 23:31:58 127

原创 Element UI 懒加载树全选 子项动态更新

刚接触 Vue,欢迎补充解法或指出问题!感谢 :)需求描述有三类数据,切换类型时原有选中信息不清空使用树形控件 el-tree, 数据采用懒加载,动态获取;支持全选层级最多三级,最少一级;选中数据只取叶子节点效果预览实现思路完整代码见 在线示例需求拆解一下,主要的解决步骤为:确定全选的实现方案网上提到的较多的是 单独写个多选框,但不是懒加载的树尝试过后,笔者选择了 将全选框作为根节点,默认展开一层 的办法 (感谢峰哥提点! // 部分相关代码 loadNode(node,.

2020-11-20 22:37:26 1520

原创 Event Loop 探寻记(一)

本期内容的主角为 Event Loop,事件循环我们将从why,what, how三个角度展开WhyJavaScript 为浏览器脚本语言,主要用于与用户交互,操作DOM(Document Object Model,文档对象模型)。它是单线程的,即同一时间只能做一件事。如设计为多线程,容易出现操作上的冲突,带来复杂的同步问题。就好比两人同时修改在线文档,一人删除了一句话,一人对修改了句子的一部分而Event Loop的出现与 JavaScript 单线程的特性有着直接联系。单线程意味着所有

2020-11-02 20:48:31 96

原创 Flag壁纸生成器诞生记

​ 某天,有条咸鱼意识到需要改变一下生活习惯,使用记事本记了一段小目标,疯狂找小型工具把图片做成壁纸,形式主义地鞭策自己。​ Flag 壁纸生成器的点子,源自某次的间歇性踌躇满志。下文中,以 小F 代称 Flag 壁纸生成器 这个小朋友。在线预览(建议使用微信扫描二维码)方案1 小程序版想法构建最初想得很多,天马行空,啥都想做进去,希望做的越全越好整个打卡,可以每天签到,选自己的完成度;再整点鼓励的沙雕话?…一整个周期结束,完成度达到多少,可以获得一枚徽章;.

2020-09-29 20:54:05 977

原创 前端性能优化初体验

项目前端使用 Preact笔者初次使用 webpack,尝试过从头配置,屡战屡败最终选择,配置 preact.config.js,进行优化前言简单交代一下在 Preact 脚手架工具的基础上如何自定义配置:已有的配置可参考 webpack-client-config.js如何在 preact.config.js 中配置 webpack 文档传送门Preact-cli 中的配置已安装 webpack-bundle-analyzer ,依据文档可以通过配置// packag.

2020-09-05 19:58:09 233

原创 Node | 文件保存正常 大小翻倍 内容不全

文章目录情况描述原因分析前端后端解决办法情况描述以上传图片为例,原图片如低于60KB,正常保存;原图片如大于该值,例为145KB,保存后变为273KB,内容缺失,如下图前端使用 antd 的 Upload 组件,后端使用 Express原因分析网上关于文件上传下载的内容很多,但没有找到同类问题这说明代码出现了大问题冷静 冷静笔者遇到该问题时,项目是前后端分离开发的,先从自己身上找毛病前端源头:组件传值过程中存在问题方法:拿网上博客提供的可执行案例,替换后端文件,测试一下能否正常上

2020-07-16 17:23:48 445 2

原创 Antd | 如何在v4中实现带单位的数字输入框

需求描述输入为数字,显示单位标注哪些为必填项数字校验效果图实践过程输入数字,使用<InputNumber>比使用<Input>更不容易出现奇奇怪怪的问题参照v3中的写法,如需在<InputNumber>后加入元素,需要拿标签包裹直接套用v3中的写法,会出现如下报错:Warning: [antd: Form.Item] `children` is array of render props cannot have `name`.(报错这玩

2020-05-20 00:33:18 2349

原创 报错摘记 | Nginx 安装后无法启动(已安装Apache)

情况描述nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)

2020-05-14 19:03:17 478

原创 如何实现导航选中状态随路由变化

问题描述在使用 antd 的过程中,突然发现 <Menu> 中选中状态的元素并没有随路由变化而改变此时相关代码如下:<Menu theme="light" mode="horizontal" defaultSelectedKeys={USER_MENU_LIST[0].name}> {this.currUser.type && ADMIN_MENU_LIST.map((item) => <Men

2020-05-09 22:12:33 1061

原创 Git | 团队协作初体验(含常用代码)

文章目录熟悉Git的基本命令创建仓库,邀请协作者常用命令常见情况1. 冲突熟悉Git的基本命令https://learngitbranching.js.org/?locale=zh_CN在游戏中熟悉命令,更容易加深印象视频课推荐 表严肃创建仓库,邀请协作者转发邀请链接,会更便捷! : p常用命令①git pull --rebase 拉取远程仓库代码到本地(线性) 补充阅读②g...

2020-05-05 00:32:21 256

原创 Ajax | 数组对象中有元素 但长度为0

情况描述$(document).ready(function(){ init(); getQuestion();});function init() { $.ajax({ url: 'questions.xml', cache: false, dataType: 'xml', success: function(data) { $(data).find('is...

2020-04-21 23:06:01 1530

原创 Web | 为什么两个标签实现作用一样,但没有被替代

在看Bootstrap文档时,发现了有些HTML标签实现的是一样的效果,如<del>和<s>,<ins>和<u>。作用效果相似,但却分成了两个标签。(注:使用时建议先查一下支持情况,如<s> <u>已经不推荐使用)上述标签主要体现在表示的语义不同这和一道经典面试题很相近:什么是Web语义化,有什么好处Web语义化语...

2020-04-15 17:41:41 168

原创 Express | req.body为空对象

解决思路1.检查是否正确引入中间件body-parservar bodyParser = require('body-parser');// 解析 application/jsonapp.use(bodyParser.json());// 解析 url编码app.use(bodyParser.urlencoded({ extended: true }));2.检查返回的字符编码...

2020-04-03 13:12:17 3398

原创 JavaScript | 无参函数调用不需要加()?

情景示例一//正常调用function getData() { ... }window.onload = getData;嗯?getData不是一个函数吗?参照MDN中的例子,不是应该用getData()这样的形式调用函数?//正常调用function getData() { ... }//modifywindow.onload = getData();示例二...

2020-03-31 22:23:04 880

原创 CSS | 「margin」重叠不生效?

「margin」重叠问题,网上的相关文章很多,本文不详述。传送门:css margin的相关属性,问题及应用情况描述?这俩的·margin·怎么都保留了 陷入沉思原因分析footer { display: flex; justify-content: center; align-items: center; flex-direction: colum...

2020-03-24 17:41:33 333

原创 报错记录 | The "path" argument must be of type string.

报错内容TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined at validateString (internal/validators.js:125:11) at Object.join (path.js:427:7) ...

2020-03-15 16:12:35 3992 2

原创 报错记录 | sqlite3 OperationalError

报错内容OperationalError(‘near “<”: syntax error’)情况一错误示范 ——避免SQL注入db.execute(f"SELECT prefix FROM settings WHERE gid={gid}")修改为db.execute("SELECT prefix FROM settings WHERE gid=?", (gid,))Oper...

2020-03-09 22:55:36 1978

原创 报错记录 | 'Access-Control-Allow-Origin' 跨域读取阻止

报错信息禁用https://stackoverflow.com/questions/3102819/disable-same-origin-policy-in-chrome

2020-03-08 11:37:23 488 1

原创 异常记录| 如何在框架中打开新窗口 frameset标签设置无效

W3school中有如下代码:<frameset cols="100,*"> <frame src="toc.html"> <frame src="pref.html" name="view_frame"></frameset> 原有代码<iframe src="./public/logo.html" frameborder=...

2020-03-03 23:05:42 480

原创 异常记录 | onClick 点击事件无反应 控制台无报错

情况描述换了写法也点击无效;与先前正常运行的文件中语句比对,点击事件使用没有差异有关代码(React) <div> <Button type="primary" icon="plus" style={{float:'right', margin: 10}} ...

2020-02-28 12:43:49 1728

原创 练习 | 使用Jquery的ajax函数调用API (和风天气)

题使用和风天气网提供的接口,实现页面解jQuery的文档操作(重点)/简单接触ajax(和风天气)参考文章中的例子,进行练手,对如何使用有个初步理解

2020-02-23 15:53:40 1139

原创 练习 | JQuery基本练习

文章目录题1:点击图片放大显示题2:滑动门题3:数据管理操作题4:轮播图题5:动画下拉菜单栏题6:手风琴题1:点击图片放大显示点击图片列表中的某个元素,该图片放大显示解思路:1.点击图片,放大指定图片,容器可见;需要设置阻止事件冒泡2.点击其他区域,容器不可见完整代码见 GitHub<!-- html代码 --> <div class="g-index"...

2020-02-17 18:33:10 908

原创 练习 | 综合排版练习

题实现日本列车的时刻表应用版面布局,要求通过矢量字体实现图标,使用flex实现布局解一时划水一时爽,一直划水一直爽 orz代码见 GitHub

2020-02-11 23:11:20 196

原创 练习 | FLEX布局基本练习

文章目录题1:整体框架示例题2:商品价格小图题3:淘宝网页版截图题1:整体框架示例使用Flex模型编写HTML页面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>EX06</title> &...

2020-02-09 21:25:34 3104 2

原创 练习 | CSS定位练习 实现特定页面布局

文章目录问题记录1.如何实现行内元素始终位于父元素的底部2.代码目标效果完成效果问题记录1.如何实现行内元素始终位于父元素的底部主流办法:相对定位+绝对定位参考文章:css控制div位于父容器底部补充链接:How can I send an inner <div> to the bottom of its parent <div>?之后计算长度,手动设...

2020-02-08 22:22:21 1140

原创 练习 | CSS 浮动模型 清除模型 伪类

文章目录题1:清除浮动(使用after伪类)题2:清除浮动(额外标签法)题3:使用伪类题1:清除浮动(使用after伪类)请用浮动模型和清除模型的实现下面版面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2020-02-04 13:20:40 313

原创 练习 | CSS定位基本练习

文章目录题1:实现淘宝主页的工具盒框架结构题2:绘制图形(左上方三角形)题1:实现淘宝主页的工具盒框架结构1 . 使用div盒子模型中的border,margin,padding和position属性,实现淘宝主页的工具盒框架结构实心框都是图片对象;边线框为文本对象;解效果图(iPone 6/7/8 Plus 屏幕尺寸下)存在的问题1.适应屏幕变化能力差大部分元素的大小是写...

2020-02-03 17:55:08 1414

转载 CSS | 命名规范小记

页面主要分为框架,模块,元件组成。框架框架是指构成页面的基础结构,它是一个页面的筋骨。命名以 g- 开头,最外层类名一般与页面同名例子:index.html最外围的 div => .g-index页头 => .g-hd主体 => .g-bd页脚 => .g-ft模块模块是是代码复用的主体部分,是一个个按照功能划分的区域,如导航栏、轮播图、登录窗口...

2020-02-02 16:19:52 211

原创 练习 | CSS盒子模型

文章目录题1:如何不让外边距合并题2:行内显示多个元素题3:元素水平居中题4:元素水平垂直同时居中题5:边角按钮题1:如何不让外边距合并请用盒子模型的边框实现下面版面(如何不让外边距合并)解这里采用的是 padding 和 margin 一起使用的方法找到了一篇写了很多解法的文章 (码)index.html<!DOCTYPE html><html lang...

2020-01-31 17:33:49 2259 2

原创 练习 | JS编写简单逻辑

题目点击单元格11,使表格的背景颜色变成红色;点击单元格12,将单元格的内容变成当前的日期,其格式为(yyyy-mm-dd);点击单元格21,将在现有单元格后面插入一行;点击单元格22,将删除表格的第2行;点击单元格31,显示当前的鼠标坐标;点击单元格32,打开一个新窗口,里面显示百度主页;<html> <head> <s...

2020-01-30 19:50:11 603

原创 初级算法学习记录(一)

机器学习介绍1.是什么机器学习是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。它是人工智能的核心,是使计算机具有智能的根本途径.2.怎么来的参考百度百科:时间主要研究内容20世纪50年代中叶到60年代中叶“有无知识的...

2020-01-30 14:37:02 758

原创 报错记录 | 未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。

报错内容未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。console.error @ VM58:1(anonymous) @ VM71:2解决办法原目录结构将自动生成的 miniprogram 删除后,在文件夹下之间新建页面文件修改为如下结构后,依然报错{ "pages":[ "helloworld/helloworld" ]}...

2020-01-21 21:13:24 752

原创 数据结构学习记录

几道题目的杂烩帖,包含有序表归并,数制转换,二叉树的中序非递归遍历,二叉树的层序遍历,堆排序,快速排序,图的深度优先搜索(邻接矩阵)代码不是最优,仅供参考,以下正文:文章目录1.有序表归并2.数据转换3.二叉树的中序非递归遍历4.二叉树的层次遍历5.堆排序6.快速排序算法实现7. 图的深度优先搜索相关链接1.有序表归并问题描述对任意输入的两个按值非递减有序的整数序列,写一程序将它们归...

2019-12-27 12:45:04 1774 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除