摘要:Cookie、Session、Token 这三者是不同发展阶段的产物本文分享自华为云社区《Cookie、Session、Token 背后的故事》,作者: 龙哥手记。1. 网站交互体验升级作为网友的我们,每天都会使用浏览器来逛各种网站,来满足日常的工作生活需求。现在的交互体验还是很丝滑的,但早期并非如此,而是一锤子买卖。1.1 无状态的 HTTP 协议无状态的 HTTP 协议是什么鬼?
Read More
moregeek program
那些炫酷的css文字效果之诗词《兔》-多极客编程
不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《兔》相关的诗词,让我们一边欣赏古诗词的同时一边走进CSS的世界。
效果一
兔苑词才去不还,兰亭水石空明月。 —— 陈陶 《 将进酒 》
文字从清晰到模糊到彻底看不见,给人一种若隐若现的朦胧美,其核心代码就是在an
Read More
Read More
cookie、session,、token,还在傻傻分不清?-多极客编程
摘要:session 和 token 本质上是没有区别的,都是对用户身份的认证机制,只是他们实现的校验机制不一样而已。本文分享自华为云社区《Session/Cookie/Token 还傻傻分不清?》,作者: 龙哥手记。相信项目中用JWT Token的应该不在少数,但是发现网上很多文章对 token 的介绍有误,所以对 cookie,session, token 作了一下对比(文中token
Read More
Read More
css flex 布局的引入背景-多极客编程
Flexbox 布局(Flexible Box)模块(截至 2017 年 10 月的 W3C 候选推荐)旨在提供一种更有效的方式来布局、对齐和分配容器中 item 元素之间的空间,即使它们的大小未知和/或动态,这就是布局名称中 弹性 的由来。
flex 布局背后的主要思想是让容器能够改变其项目的宽度/高度(和顺序)以自适应地填充可用空间(主要是为了适应所有类型的显示设备和屏幕尺寸)。弹性容器扩展
Read More
Read More
面试官:说说你对 node 中的 stream 的理解-多极客编程
大家好,我是CoderBin
前言
面试官:“说说你对Node中的Stream的理解”
紧张的萌新:“好像是一种流?...”
面试官:“...”
······
又来到了面试官系列,本次讲解的是node中关于Stream的相关知识,属于node知识的范围。希望对大家有所帮助,谢谢!
如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
一、是什么
流(Stream),是一个数据传输手段,是端到端信息交
Read More
Read More
vue 中的 nexttick 有什么作用?-多极客编程
大家好,我是CoderBin
前言
这段时间在写Vue的项目,有些地方难免会用到nextTick的地方,所以本文将浅析nextTick的作用、使用场景和背后的原理实现,希望对大家有所帮助,谢谢!
如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
一、什么是nextTick
先看看官方对其的定义:
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM
Read More
Read More
面试官:你说说var、let、const三者的区别-多极客编程
大家好,我是CoderBin
前言
面试官:“你说说var、let、const三者的区别”
紧张的萌新:“var没有块级作用域,let有......”
面试官:“...”
······
本次又来到了面试官系列,变量声明作为面试当中的高频考点,如果只是回答块级作用域是远远不够的,而它们涉及知识点也是我们准备面试时需要去注意的,这样才能比较全面的回答出它们之间的区别。所以本文将总结var、let、co
Read More
Read More
知道了web的攻击方式,还不快防起来?-多极客编程
大家好,我是CoderBin
前言
本文总结了一些关于web攻击的几种方式(不代表全部)以及预防方法,希望大家的web之路能够"一路平安"
如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
一、是什么
Web攻击(WebAttack)是针对用户上网行为或网站服务器等设备进行攻击的行为
如植入恶意代码,修改网站权限,获取网站用户隐私信息等等
Web应用程序的安全性是任何基于Web业务的重要组成部分
Read More
Read More
内科大机器学习框架课程重点内容笔记-多极客编程
一.背景
这是2020届内科大机器学习框架课程的考试复习内容
二.内容
1.变量间的相互关系:
(1)确定性关系或函数关系:研究的是确定现象非随机变量间的关系。
(2)相关关系或统计依赖关系:研究的是非确定现象随机变量间的关系。
2.回归分析是研究一个变量关于另一个(些)变量的具体依赖关系。
收入是解释变量或自变量,消费是被解释变量或因变量。
注意:不线性相关并不意味着不相关;有相关关系并不意味着
Read More
Read More
浅谈 vue3 组件通信-多极客编程
前言
大家好,我是CoderBin,本次又来到了Vue的专题-组件通信。毫无疑问,组件通信是Vue中非常重要的技术之一,它的出现能够使我们非常方便的在不同组件之间进行数据的传递,以达到数据交互的效果。所以,学习组件通信技术是非常有必要的,本文将总结Vue中关于组件通信的八种方式,帮助大家在使用Vue的过程中更加得心应手!
如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
一、什么是组件通信
在开
Read More
Read More
flask上传作品之dbm操作【包头文创网站开发】-多极客编程
🔥如果觉得博主的文章还不错的话,请👍三连+关注支持👍一下博主哦
一,前言
今天做的东西,还算可以,修改了若干个bug,自己又写成功的写了几个bug。增加了一个功能——手动控制历史比赛【主要通过dbm数据库的操作来控制】
需求:
活动需要手动定为历史活动,不要按照年份自动变为历史活动。
二,dbm数据库操作-match_set
2.1,后端响应请求
增加了应该路由-match_set。
上文代
Read More
Read More
前端上传文件或者上传文件夹-多极客编程
文档
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input
上传文件夹,主要的参数webkitdirectory
浏览器上传文件夹,浏览器会弹出询问窗口
兼容性
https://caniuse.com/?search=webkitdirectory
代码如下
<!-- 选择文件 -->
<div&g
Read More
Read More
#yyds干货盘点#常用less函数-多极客编程
文本行数限制.add-text-row-limit(@row) { overflow: hidden; text-overflow: ellipsis; .create(); .create() when (@row > 1) { display: -webkit-box; -webkit-line-clamp: @row; -webkit-box-orient:
Read More
Read More
app开发之进阶完善篇【题小满app】【mui+flask+mongodb+h5】-多极客编程
👨💻作者简介: 我是上进小菜猪。
📗✉️如果文章知识点有错误的地方,请指正! 和大家一起学习一起进步🎈
📗PS:全网各个平台ID为上进小菜猪的都是我。
一,前言
最近几天都在加紧开发app,没有花时间去记录博客,现在刚完成了一个游戏积分排名的功能。暂时闲下来记录一下这几天写的东西,当然有些开发的细节记不太清楚了,大体的记录一下。
二,增加签到模块
2.1,前端设计
前端设计比较简单,我充当U
Read More
Read More
android studio+androidkiller+mui+django【今日学习杂烩总结】-多极客编程
一,前言
今天学习的很杂,涉及了多个项目与方向。下面来记录一下,主页涉及到:
Android Studio+AndroidKiller+MUI+Django
其实今天做的任务杂而不精,明天要专攻imustctf的开发了。
一,杂烩1—Android Studio
今天学习了Android Studio的环境配置与完全卸载,以及模拟器的使用与简单的app开发。详细如下:
因为我去年就有安装过几次An
Read More
Read More
前端页面之“回流重绘”-多极客编程
大家好,我是 CoderBin
“回流重绘”是什么?
在HTML中,每个元素都可以理解成一个盒子,在浏览器解析过程中,会涉及到回流与重绘:
回流:布局引擎会根据各种样式计算每个盒子在页面上的大小与位置
重绘:当计算好盒模型的位置、大小及其他属性后,浏览器根据每个盒子特性进行绘制
具体的浏览器解析渲染机制如下所示:
解析HTML,生成DOM树,解析CSS,生成CSSOM树
将DOM树和
Read More
Read More
html:自定义网页右键菜单-多极客编程
<div id="menu">
<div
class="menu-item"
data-id="1"
>
功能1
</div>
<div
class="menu-item"
data-id="2"
>
Read More
Read More
那些你不知道的炫酷开关交互效果(12种)-多极客编程
本文将继续更新那些炫酷交互效果系列文章,今天带来的是有关 toggle 开关相关的组件。以下是本次文章涉及到的开关组件总览图,总计收集12款不同交互效果,相信总有一款适合你。
那些你不知道的炫酷交互效果系列:
那些你不知道的炫酷按钮交互效果
那些你不知道的炫酷导航交互效果
那些你不知道的炫酷开关交互效果
效果1
基于普通的开关效果增加了向内部延伸的3D效果,核心是通过设置内阴影box-sh
Read More
Read More
那些你不知道的 css 自定义形状网格布局 3-多极客编程
本文翻译自 CSS Grid and Custom Shapes, Part 3,略有删改
原作者:Temani Afif
基于CSS自定义网格已发布第一部分和第二部分,本文将开始第三部分探讨更多的奇特自定义形状,与之前的文章一样,核心还是基于CSS grid,clip 和 mask来自定义网格形状布局。
CSS网格和自定义形状系列
第1部分
第2部分
第3部分(当前文章)
三部分文章不一
Read More
Read More
#yyds干货盘点#css样式vh屏幕高度_文本、的博客-多极客编程
众所周知,在从css3中,vh和wh 指的是浏览器可见区域。1vw 等于视窗总宽度的1%1vh 等于视窗总高度的1%移动端使用vh 遇到的问题由于,各种浏览器的计算高度不一样,譬如 Safari 浏览器会计算底部或顶部的地址栏。因此,会出现页面底部元素隐藏不显示的问题。解决方案安装 vh-check 插件npm i vh-check -s复制代码在 main.js 中引入import vhChec
Read More
Read More