OuterCyrex Blog

「在这里,只有程序和Galgame!」

数据库基础之Redis学习 part two

一.持久化 一.RBD持久化 1.rdb文件 在指定的时间间隔内,执行数据集的时间点快照 (snapshot)。 快照会生成一个RDB文件,RDB保存到磁盘中的文件为dump.rdb。 默认的snapshot配置为: save 900 1:每隔900s(15min),如果有超过 1 个key 发生了变化,就写一份新的RDB文件 save 3...

数据库基础之Redis学习 part one

环境配置 1.windows环境 windows环境仅用于学习使用,项目中请使用Linux环境 参考文章:Window下Redis的安装和部署详细图文教程(Redis的安装和可视化工具的使用) 下载链接:https://github.com/tporadowski/redis/releases (版本有点低) 下载完成后解压文件,在Redis所在文件夹中使用cmd,输入: 1 r...

前端Web框架之Vue part two

组件、插槽与注入 一.组件 一个页面是有若干个组件组成的,这些组件各自完成自己的内容,并一起实现页面的功能。 1.组件组成 组件的最大优势就是可复用性。 当使用构建步骤时,我们一般会将vue组件定义在一个单独的.vue文件中,这被叫做单文件组件(简称SFC)。 组件的组成结构: 1 2 3 4 5 6 7 8 <template> <div>承载标签&...

前端Web框架之Vue part one

渲染、事件与绑定 请注意:由于该博客是基于vue开发的,因此代码块中的插值表达式双大括号会被识别,为了将其显示,我们使用 1 {`{ 我是示例}`} 来展示插值表达式 一.引入 Vue的官方文档:https://cn.vuejs.org 在Webstorm中,只需要创建一个vue.js项目即可,时间较长。如果创建完成,我们可以通过下列cmd命令行来检测安装效果 1 2 3 4 5...

前端基础学习之JavaScript part four

四.DOM DOM是Document Object Model的首字母缩写,即文档对象模型。 其允许开发人员进行获取、添加、修改和移除页面内特定元素的操作。 一.获取元素 下列内容介绍了一些获取元素的方法。注意,如果未获取到对应元素,下述方法均会返回null值。 1.ID获取 通过ID获取主要是通过document类中的getElementById方法来实现,其会返回该标签的内容...

前端基础学习之JavaScript part three

三.类、模块化与BOM 一.类 1.创建类 类(class) 这一概念源于面对对象编程,是对象的抽象体现。实例化的类便是我们所知的对象。 此前的javascript是没有类这一概念的,而是使用prototype原型来实现面对对象的编程效果。 在之后的更新中,javascript加入了类,来减少通过构造函数等原型来构建对象的麻烦。 如此前我们要通过构造函数来定义一个对象: 1 2...

前端基础学习之JavaScript part two

二.函数、对象与时间库 一.函数 1.函数的声明 在javascript中,函数的声明与go类似,其关键字为function 1 2 3 4 5 6 function hello() { console.log("Hello") }; hello() //输出结果 hello 同样,在javascript中也存在匿名函数,在javascript和go中,函数被视为一等公民...

前端基础学习之JavaScript part one

一.变量、数组和流程控制 一.变量 在JavaScript中变量的定义常常使用下述三种: 变量类型 特点 var 函数作用域,作用域提升,且全局变量可以被挂载到window上(不建议使用) let 块级作用域,存在暂时性死区 ...

前端基础学习之HTML/CSS part three

六.变换与动画 1.变化 在网页开发中,常常需要对图像进行一定的变化,如旋转等。 在CSS中,我们可以使用transform语句实现多种变换,如下述的rotate语句将实现元素的旋转。 1 2 3 4 5 6 .test{ width: 100px; height: 100px; background-color: deepskyblue; trans...

前端基础学习之HTML/CSS part two

三.CSS盒模型 页面中的每个标签都可以看做为一个“盒子”,常常有4个内容,从外到内分别为:margin、border、padding、content,对应的是:“外边距、边框、内填充、内容” 其中border是一个元素的最边界,border以外的内容不会被算入该元素(如宽度高度等) 其中,在我们设置一个box的宽度时,默认设置的是content的宽度。通常情况下,我们会将其更改为bo...