- halcon算子翻译——gray_histo和gray_histo_abs
机器人自动化控制
HALCON
算子:gray_histo(Regions,Image:::AbsoluteHisto,RelativeHisto)功能:计算灰度值分布。算子gray_histo为区域内的图像计算灰度值的绝对和相对的直方图。两个直方图都是256个值的元组,它们从0开始,包含图像的各个灰度值的频率。输入参数:Regions:输入计算的区域;Image:输入图像(byte/cyclic/direction/intl/
- 数字ic后端设计从入门到精通9(含fusion compiler, tcl教学)setup time, hold time check lib/report详解
soulermax
单片机嵌入式硬件
checklib标准单元库中建立时间和保持时间约束的check格式用于数字IC设计中的静态时序分析(STA)。它定义了如何用表格形式表达触发器等顺序单元在不同输入信号和时钟转换速率下的建立和保持时间。(对应工艺角的lib文件)示例结构pin(D){direction:input;...timing(){related_pin:"CK";timing_type:"setup_rising";rise
- Bootstrap 5学习教程,从入门到精通,Bootstrap 5 Flex 布局语法知识点及案例(27)
知识分享小能手
网页开发Bootstrap5前端开发bootstrap学习前端javascriptecmascripthtmlcss
Bootstrap5Flex布局语法知识点及案例Bootstrap5提供了强大的Flexbox工具集,让布局变得更加简单灵活。以下是Bootstrap5Flex布局的完整知识点和详细案例代码。一、Flex布局基础语法1.启用Flex布局我是一个flex容器我是一个行内flex容器2.方向控制(flex-direction)水平排列(默认)水平反向排列垂直排列垂直反向排列3.主轴对齐(justify
- uniapp安卓GPIO电平控制
不知名的前端专家
uni-appandroid
模块简介本模块为UniApp提供了对Android系统下GPIO的访问能力,支持导出、设置方向、读写电平值等操作。适用于Android架构设备(如RK3288平台)。支持功能功能方法名说明初始化GPIO方向initGpio({gpio,direction})设置GPIO输入/输出模式设置GPIO电平setGpioValue({gpio,value})设置高/低电平(仅限输出模式)读取GPIO电平r
- 精选的CSS开发案例集合,涵盖布局、动画、交互效果等常见应用场景,结合前沿实现方案整理而成
css
以下是精选的CSS开发案例集合,涵盖布局、动画、交互效果等常见应用场景,结合前沿实现方案整理而成:️一、响应式布局案例导航栏适配方案移动端汉堡菜单+PC端横排导航切换关键代码:cssCopyCode@media(max-width:768px){.nav-links{position:absolute;flex-direction:column;transform:translateX(100%
- HarmonyOS 5 原子化服务卡片测试全攻略
程序员小刘
harmonyos华为原子化服务卡片
HarmonyOS5原子化服务卡片的自动化测试涵盖静态布局、动态更新、事件交互及安全性等多个维度,以下是综合验证方案:一、静态布局验证UI结构校验解析卡片的HML/CSS文件,检查关键元素(如容器、文本、图片)是否存在及其层级关系是否符合设计要求。示例代码验证:{{title}}验证方法:使用XPath或CSS选择器匹配元素。12.样式规则验证核对布局参数(如flex-direction、
- flex布局及常见属性
夏天,白昼
CSScsscss3前端
1.flex属性:弹性布局```css/*属性一:常规的给父级元素添加display属性*/#container{display:flex;width:800px;height:600px;background-color:deepskyblue;}.item{background-color:cadetblue;width:200px;margin:10px;}2.direction属性:修改元
- css 制作一个可以旋转的水泵效果
JiaLin_Denny
css前端动画animationtransition
如图,项目里面有一个小图片可以旋转,达到看起来像是一个在工作的水泵。我使用css旋转动画实现。一、HTML结构部分二、css样式和动画部分.ceshixuanzhuan{display:flex;flex-direction:row;justify-content:center;align-items:center;}.lunkuo{width:50px;height:50px;display:b
- Python实现电梯调度系统的工程实践
一、系统架构设计1.1核心状态机模型我们采用三重状态设计:IDLE(待命状态)UP(上行状态)DOWN(下行状态)状态转换触发条件:defupdate_state(self):ifnotself.has_requests():self.direction=Direction.IDLEelifself.current_floor==1:self.direction=Direction.UPelifs
- 第十五届蓝桥杯Web开发应用赛道省/国赛部分题解
虚拟系别
前端
题目解析与代码实现第一题:跨屏变形记(CSS响应式布局)题目要求:实现页面在不同屏幕尺寸下的布局切换,当屏幕宽度≤768px时,容器改为垂直排列,各模块宽度自适应。/*响应式布局核心代码*/@media(max-width:768px){#container{display:flex;/*弹性布局*/flex-direction:column;/*垂直排列*/gap:45px;/*模块间距*/}#
- CSS动画效果无限循环放大缩小
a_靖
AntDesignPro教程专栏Web前端动画无限循环放大缩小心跳心跳动画效果
效果图:CSS动画效果无限循环放大缩小.anima{animation-name:likes;//动画名称animation-direction:alternate;//动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。animation-timing-function:linear;//动画执行方式,linear:匀速;ease:先慢再快后慢;ease-in:由慢速
- 仿QQ登录界面---微信小程序
Chesca
微信小程序微信小程序小程序仿QQ登录界面
前提:需要自己提前准备image里的图片,下面图标可去iconfont网站下载。iconfont网站链接:https://www.iconfont.cn目录第一版代码wxmlwxss效果图#达成效果图第一版代码wxmlQQ9登录已阅读并同意服务协议和QQ隐私保护指引{{item}}wxss/**index.wxss**/.container{display:flex;flex-direction:
- 最新Web前端面试题精选大全及答案
2401_87557072
前端面试职场和发展
Font-style,font-variant,font-weight,text-decoration,text-transform,direction字母间距段落间距行高字体颜色字体种类字体大小字体样式字体粗细小型大写字母文本文本修饰转换不同元素中的文本文本方向14.网页中有大量图片加载很慢你有什么办法进行优化?1.图片懒加载,在图片未可视区域加一个滚动条事件,判断图片位置与浏览器顶端和页面的距
- 【css】 flex布局基本知识
夫琅禾费米线
css前端react.js前端框架javascript
FlexibleBox模型,是一种一维的布局模型。一个flexbox一次只能处理一个维度上的元素布局,一行或者一列。轴线flex属性与主轴和交叉轴有关,通过flex-direction定义主轴由flex-direction定义,可以取4个值:rowrow-reverse:交换起始线和终止线位置columncolumn-reverseflex容器将一个容器设置display:flex后,其直系子元素
- css布局页面
aoe_z
css前端
文章目录布局1、传统布局float2、传统布局display:inline-block内联块级元素3、现代布局dislpay:flex弹性盒子1、控制弹性盒子模型内子元素的排列方向flex-direction2、设置弹性盒子内子元素是否换行flex-wrap3、设置弹性盒子内子元素的排列顺序4、flex控制弹性盒子内子元素的缩放比例5、控制弹性盒子内子元素的分布方式justify-content6
- 纯css实现蜂窝效果
钱厚端
前端原生:csscssjavascript前端
蜂窝效果body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;}.honeycomb{display:flex;flex-direction:column;align-items:center;width:700
- 五子棋html
zfyljx
htmlcss前端
五子棋游戏body{display:flex;flex-direction:column;align-items:center;background:#f0d9b5;font-family:"SegoeUI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;}h1{margin-bottom:10px;}#board{display:g
- HTML实现个人简历信息展示页面
Hi_Html
html前端javascript
HTML基础结构首先,我们需要设置HTML的基础结构。以下是一个简单的HTML文档结构,其中包括头部信息和一个主体部分。简历body{font-family:Arial,sans-serif;margin:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;}table{width:60
- el-form-item,label在上方显示,输入框在下方展示
dy1717
elementuivue.jselementuijavascript
本来是两排展示去写,设计要求一排展示,label再上方,输入框、勾选框在下方;只能调整样式去修改;参考label-position这个属性代码如下:.../*自定义el-form-item样式*/.custom-form-item{display:flex;flex-direction:column;}.custom-form-item.el-form-item__label{margin-bot
- stm32 SPI的从机中断接收
williamlee_
stm32spi
先放上代码:hspi1.Instance=SPI1;hspi1.Init.Mode=SPI_MODE_SLAVE;hspi1.Init.Direction=SPI_DIRECTION_2LINES;hspi1.Init.DataSize=SPI_DATASIZE_8BIT;hspi1.Init.CLKPolarity=SPI_POLARITY_HIGH;hspi1.Init.CLKPhase=SP
- HarmonyOS Next开发学习手册——容器组件(list开发)
OpenHarmony_小贾
移动开发鸿蒙开发HarmonyOSharmonyos学习移动开发ui自定义控件
list是用来显示列表的组件,包含一系列相同宽度的列表项,适合连续、多行地呈现同类数据。创建list组件在pages/index目录下的hml文件中创建一个list组件。/*xxx.css*/.container{width:100%;height:100%;flex-direction:column;align-items:center;background-color:#F1F3F5;}.li
- HarmonyOS Next开发学习手册——Canvas组件开发(Path2D对象)
OpenHarmony_小贾
HarmonyOS鸿蒙开发移动开发harmonyos学习前端ui鸿蒙开发Canvas组件化
路径对象,支持通过对象的接口进行路径的描述,并通过Canvas的stroke接口进行绘制。画线段创建Path2D,使用多条线段组合图形。/*xxx.css*/.container{flex-direction:column;background-color:#F1F3F5;align-items:center;justify-content:center;width:100%;height:100
- Cesium中的相机系统
前端熊猫
Cesium中的相机系统
Cesium中的相机系统Cesium相机系统Camera核心类相机控制器视角管理位置(position)方向(direction)变换矩阵ScreenSpaceCameraControllerCameraFlightPath透视投影正射投影⭐Camera核心概念Camera是Cesium中最核心的类之一,控制观察3D世界的视角。Camera对象通常通过viewer.camera访问://获取相机实
- 基于51单片机的贪吃蛇小游戏8X8点阵 proteus仿真原理图程序
jianghuxiaoge
51单片机proteus嵌入式硬件
原文:http://www.jh-tec.cn/archives/8283硬件设计基于C51作为MCU一块8X8点阵作为游戏的显示器四个按键作为操控按键仿真图:程序设计#include#include"18b20.h"#include"1302.h"#include"12864.h"#include"zifu.h"uchark,direction;bitflag;bitflag5=0;//flag
- loading加载中效果 css实现
前端小趴菜05
前端
html代码加载中,请稍候...css样式/*加载中容器的样式*/.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;/*全屏高度,方便展示*///background-color:#f0f0f0;/*可选背景色*/}/*加载指示器的
- 解决flex布局space-between最后一行左对齐的方法(所有行列不同情况通用)
flex
.work-list{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row;width:1200px;height:290px;&:after{content:'';**width:332px;**////这个宽度为里面.listdediv的宽度}.list{cursor:pointer;font-
- pdfjs库使用2
java_jun
javascript前端css
.pdf-viewer{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;}.pdf-controls{display:flex;gap:1rem;margin:1rem0;align-items:center;}.pdf-container{width:100%;overflow:auto;-
- python实现有障碍物的贪吃蛇_python实现贪吃蛇游戏源码
weixin_39860201
本文实例为大家分享了python实现贪吃蛇的具体代码,供大家参考,具体内容如下importpygameimportsysimportrandomSCREEN_X=600SCREEN_Y=600classSnake(object):def__init__(self):self.direction=pygame.K_RIGHTself.body=[]foriinrange(5):self.addnod
- WPF设计标准学习记录27
weixin_53545579
wpf学习
属性名功能说明例子Color设置阴影效果背景色Color="Red"ShadowDepth设置阴影的偏移度ShadowDepth="5"Direction设置阴影的角度Direction="-45"BlurRadius设置阴影模糊程度BlurRadius="20"Opacity设置阴影透明度Opacity="1"元素类型关键属性/特性ButtonContent="进入WPF中文网"Width="1
- (html)网页版计算器代码实现
无尽星海max
代码html前端css
这是一个代码分享,可以使用单纯的H5编码语言,实现一个类似于手机计算器的简易版网页计算器代码如下:计算器body{font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:1
- LeetCode[Math] - #66 Plus One
Cwind
javaLeetCode题解AlgorithmMath
原题链接:#66 Plus One
要求:
给定一个用数字数组表示的非负整数,如num1 = {1, 2, 3, 9}, num2 = {9, 9}等,给这个数加上1。
注意:
1. 数字的较高位存在数组的头上,即num1表示数字1239
2. 每一位(数组中的每个元素)的取值范围为0~9
难度:简单
分析:
题目比较简单,只须从数组
- JQuery中$.ajax()方法参数详解
AILIKES
JavaScriptjsonpjqueryAjaxjson
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。
timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局
- JConsole & JVisualVM远程监视Webphere服务器JVM
Kai_Ge
JVisualVMJConsoleWebphere
JConsole是JDK里自带的一个工具,可以监测Java程序运行时所有对象的申请、释放等动作,将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。
使用JConsole工具来分析WAS的JVM问题,需要进行相关的配置。
首先我们看WAS服务器端的配置.
1、登录was控制台https://10.4.119.18
- 自定义annotation
120153216
annotation
Java annotation 自定义注释@interface的用法 一、什么是注释
说起注释,得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说,元数据是描述数据的。就象数据表中的字段一样,每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据,也就是说注释是描述java源
- CentOS 5/6.X 使用 EPEL YUM源
2002wmj
centos
CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
- 在SQLSERVER中查找缺失和无用的索引SQL
357029540
SQL Server
--缺失的索引
SELECT avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,
last_user_seek ,
 
- Spring3 MVC 笔记(二) —json+rest优化
7454103
Spring3 MVC
接上次的 spring mvc 注解的一些详细信息!
其实也是一些个人的学习笔记 呵呵!
- 替换“\”的时候报错Unexpected internal error near index 1 \ ^
adminjun
java“\替换”
发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...
在拆分字符串时遇到通过 \ 来拆分,可是用所以想通过转义 \\ 来拆分的时候会报异常
public class Main {
/*
- POJ 1035 Spell checker(哈希表)
aijuans
暴力求解--哈希表
/*
题意:输入字典,然后输入单词,判断字典中是否出现过该单词,或者是否进行删除、添加、替换操作,如果是,则输出对应的字典中的单词
要求按照输入时候的排名输出
题解:建立两个哈希表。一个存储字典和输入字典中单词的排名,一个进行最后输出的判重
*/
#include <iostream>
//#define
using namespace std;
const int HASH =
- 通过原型实现javascript Array的去重、最大值和最小值
ayaoxinchao
JavaScriptarrayprototype
用原型函数(prototype)可以定义一些很方便的自定义函数,实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。
实现代码如下:
<script type="text/javascript">
Array.prototype.unique = function() {
var a = {};
var le
- UIWebView实现https双向认证请求
bewithme
UIWebViewhttpsObjective-C
什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求
中有讲述,不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求,网上有些文章中有涉及到此内容,但都只言片语,没有讲完全,更没有完整的代码,让人困扰不已。但是此知
- NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存)
bijian1013
redis数据库NoSQL
3.事务处理
Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行,而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时,这个连接会进入一个事务上下文,该连接后续的命令不会立即执行,而是先放到一个队列中,当执行exec命令时,redis会顺序的执行队列中
- 各数据库分页sql备忘
bingyingao
oraclesql分页
ORACLE
下面这个效率很低
SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20;
下面这个效率很高
SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
- 【Scala七】Scala核心一:函数
bit1129
scala
1. 如果函数体只有一行代码,则可以不用写{},比如
def print(x: Int) = println(x)
一行上的多条语句用分号隔开,则只有第一句属于方法体,例如
def printWithValue(x: Int) : String= println(x); "ABC"
上面的代码报错,因为,printWithValue的方法
- 了解GHC的factorial编译过程
bookjovi
haskell
GHC相对其他主流语言的编译器或解释器还是比较复杂的,一部分原因是haskell本身的设计就不易于实现compiler,如lazy特性,static typed,类型推导等。
关于GHC的内部实现有篇文章说的挺好,这里,文中在RTS一节中详细说了haskell的concurrent实现,里面提到了green thread,如果熟悉Go语言的话就会发现,ghc的concurrent实现和Go有点类
- Java-Collections Framework学习与总结-LinkedHashMap
BrokenDreams
LinkedHashMap
前面总结了java.util.HashMap,了解了其内部由散列表实现,每个桶内是一个单向链表。那有没有双向链表的实现呢?双向链表的实现会具备什么特性呢?来看一下HashMap的一个子类——java.util.LinkedHashMap。
- 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory
bylijinnan
abstract
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* Abstract Factory Pattern
* 抽象工厂模式的目的是:
* 通过在抽象工厂里面定义一组产品接口,方便地切换“产品簇”
* 这些接口是相关或者相依赖的
- 压暗面部高光
cherishLC
PS
方法一、压暗高光&重新着色
当皮肤很油又使用闪光灯时,很容易在面部形成高光区域。
下面讲一下我今天处理高光区域的心得:
皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道(Lab模式的L通道)决定,色彩则由a、b通道确定。
处理思路为在保持高光区域纹理的情况下,对高光区域着色。具体步骤为:降低高光区域的整体的亮度,再进行着色。
如果想简化步骤,可以只进行着色(参看下面的步骤1
- Java VisualVM监控远程JVM
crabdave
visualvm
Java VisualVM监控远程JVM
JDK1.6开始自带的VisualVM就是不错的监控工具.
这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面
通过JMX连接远程机器, 需要经过下面的配置:
1. 修改远程机器JDK配置文件 (我这里远程机器是linux).
 
- Saiku去掉登录模块
daizj
saiku登录olapBI
1、修改applicationContext-saiku-webapp.xml
<security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />
<security:intercept-url pattern=&qu
- 浅析 Flex中的Focus
dsjt
htmlFlexFlash
关键字:focus、 setFocus、 IFocusManager、KeyboardEvent
焦点、设置焦点、获得焦点、键盘事件
一、无焦点的困扰——组件监听不到键盘事件
原因:只有获得焦点的组件(确切说是InteractiveObject)才能监听到键盘事件的目标阶段;键盘事件(flash.events.KeyboardEvent)参与冒泡阶段,所以焦点组件的父项(以及它爸
- Yii全局函数使用
dcj3sjt126com
yii
由于YII致力于完美的整合第三方库,它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如,Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数,使得代码看起来更加简洁易用。(原文地址)
我们可以保存在globals.php在protected目录下。然后,在入口脚本index.php的,我们包括在
- 设计模式之单例模式二(解决无序写入的问题)
come_for_dream
单例模式volatile乱序执行双重检验锁
在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题,但是因为由于JVM为了使得处理器内部的运算单元能充分利用,处理器可能会对输入代码进行乱序执行(Out Of Order Execute)优化,处理器会在计算之后将乱序执行的结果进行重组,保证该
- 程序员从初级到高级的蜕变
gcq511120594
框架工作PHPandroidhtml5
软件开发是一个奇怪的行业,市场远远供不应求。这是一个已经存在多年的问题,而且随着时间的流逝,愈演愈烈。
我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题,当然这些方法常常不管用,于是,唯一能做的就是不断地尝试,逐个看看是否奏效”。
现在我们把淫浸代码时间超过3年的开发人员称为
- Reverse Linked List
hcx2013
list
Reverse a singly linked list.
/**
* Definition for singly-linked list.
* public class ListNode {
* int val;
* ListNode next;
* ListNode(int x) { val = x; }
* }
*/
p
- Spring4.1新特性——数据库集成测试
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- C# Ajax上传图片同时生成微缩图(附Demo)
liyonghui160com
1.Ajax无刷新上传图片,详情请阅我的这篇文章。(jquery + c# ashx)
2.C#位图处理 System.Drawing。
3.最新demo支持IE7,IE8,Fir
- Java list三种遍历方法性能比较
pda158
java
从c/c++语言转向java开发,学习java语言list遍历的三种方法,顺便测试各种遍历方法的性能,测试方法为在ArrayList中插入1千万条记录,然后遍历ArrayList,发现了一个奇怪的现象,测试代码例如以下:
package com.hisense.tiger.list;
import java.util.ArrayList;
import java.util.Iterator;
- 300个涵盖IT各方面的免费资源(上)——商业与市场篇
shoothao
seo商业与市场IT资源免费资源
A.网站模板+logo+服务器主机+发票生成
HTML5 UP:响应式的HTML5和CSS3网站模板。
Bootswatch:免费的Bootstrap主题。
Templated:收集了845个免费的CSS和HTML5网站模板。
Wordpress.org|Wordpress.com:可免费创建你的新网站。
Strikingly:关注领域中免费无限的移动优
- localStorage、sessionStorage
uule
localStorage
W3School 例子
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不