自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue中的render函数学习

1.render函数用来渲染虚拟dom节点/** * createElement 本身也是一个函数,它有三个参数 * 返回值: VNode,即虚拟节点 * 1. 一个 HTML 标签字符串,组件选项对象,或者解析上述任何一种的一个 async 异步函数。必需参数。{String | Object | Function} - 就是你要渲染的最外层标签 * 2. 一个包含模板相关属性的数据对象你可以在 template 中使用这些特性。可选参数。{Object} - 1中的标签

2020-08-05 18:38:34 314

原创 vue学习+css预处理器

一、命令 1.`v-if`与`v-show` 2.`@`事件绑定 v-on的简写 用于绑定事件 3.`v-for`用于循环 v-for="{item,index} in list" 5.`v-model` 表单的同步改变二、父子组件传值:props与$emitprops怎么传值?1、父组件中import引入、components中引入、templete中插入<child :name=value><child/>2、子组件中props中引入

2020-08-04 18:46:30 329

原创 对象存储-docker学习

1.什么是对象存储对象存储服务OSS是海量高可靠的云存储服务,不限文件数量和大小,可以根据所需存储量无限扩展存储空间,支持流式写入和读出,特别适合非结构化大文件的业务场景。方便快捷的使用方式提供标准的RESTful API接口、丰富的SDK包、客户端工具、控制台。可以像使用文件一样方便地上传、下载、检索、管理用于Web网站或者移动应用的海量数据。不限文件数量和大小。可以根据所需存储量无限扩展存储空间,解决了传统硬件存储扩容问题。支持流式写入和读出。特别适合视频等大文件的边写边读业务场景。支持数据

2020-07-20 20:23:49 546

原创 学习笔记-git常用命令行

1.git commit --amend复制2.undo撤销3.修改后如何提交:先用 git rebase -i 将提交重新排序,然后把我们想要修改的提交记录挪到最前然后用 git commit --amend 来进行一些小修改接着再用 git rebase -i 来将他们调回原来的顺序最后我们把 master 移到修改的最前端(用你自己喜欢的方法),就大功告成啦!4.强制分支git branch -f master caption5.已知哈希时的复制git cherry-pick 要

2020-07-15 18:30:51 284

原创 java学习:基础回顾

1.DOS命令清屏:cls;切换盘符::;进入指定目录:cd;返回上一级目录:cd…;返回盘符根目录:cd\;显示当前目录下的文件和子目录信息:dir; 当需要查看当前目录下所有文件和子目录信息时可以使用该命令; 运行应用程序:程序完整名称 参数 当需要运行某个应用程序时可以使用该命令; 例如要运行记事本程序时:D:>C:\windows\notepad.exe,...

2020-05-04 23:06:03 82

原创 阿里百秀项目第三天:实现文章页面

1.页面退出功能的实现1.在导航页面的html文件中 给a链接中的get请求传一个action参数 <li><a href="/admin/login.php?action=logout"><i class="fa fa-sign-out"></i>退出</a></li>2.清楚登陆标识 //退出if($_SERV...

2019-05-24 22:59:58 927 1

原创 js算法回归:排序算法

1 数组测试平台function CArray(numElements) { this.dataStore = []; this.pos = 0; this.numElements = numElements; this.insert = insert; this.toString = toString; this.clear = clear; this.setData = set...

2019-05-20 22:57:09 208

原创 阿里百秀项目第五弹

1.封装获取当前登录用户信息的函数1.在根目录下写一个文件function.php2.php中函数的命名注意:定义函数时应注意:函数名与内置函数冲突的问题<?php/*封装大家公用的函数*/session_start();//定义函数时应注意:函数名与内置函数冲突的问题//js中的判断对象类型方式:typeof fn === ‘function’//php中判断函...

2019-05-16 12:12:49 793

原创 阿里百秀项目第四弹:动态获取登录用户头像ajax实现

1.思路方法:用jQuery中提供的ajax方法目标:在用户输入自己的邮箱过后实现用户头像的加载-时机:邮箱文本框失去焦点,并且能够拿到文本中填写的邮箱时-事情:获取这个文本框中填写的邮箱对应的头像地址,并展示到img元素中2.jQuery中的发送请求并接收数据注意:(1))jQuery事件:当元素失去焦距blur(2))jQuery事件:当页面完全加载on(3)attr() 方...

2019-05-09 23:24:42 609

原创 php学习:cookie与session的区别

1.cookie的使用cookie 常用于识别用户。cookie 是服务器留在用户计算机中的小文件。每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie。通过 PHP,您能够创建并取回 cookie 的值。创建 cookiesetcookie() 函数用于设置 cookie。语法:setcookie(name, value, expire, path, domain);举例:...

2019-05-07 22:05:47 131

原创 阿里百秀项目第三弹:后台登陆

1.处理 HTML 中需要调整的地方在写静态页面时,我们一般不会关心功能实现过程中对 HTML 的要求,特别是表单一类的 HTML,在实际开发功能时我们一般都会使用到表单的 action 和 method 属性,还有表单元素的 name 属性等等。这里我们需要调整的有:1.给 form 表单添加 action 和 method 属性2.给邮箱和密码框添加 name 属性3.将登录按钮由 ...

2019-05-07 21:25:34 414

原创 阿里百秀项目第二弹:准备工作

1.数据库设计选项表(options)用于记录网站的一些配置属性信息,如:站点标题,站点描述等用户表(users)用于记录用户信息文章表(posts)用于记录文章信息分类表(categories)用于记录文章分类信息评论表(comments)用于记录文章评论信息2.基础结构搭建项目最基本的分为两个大块,前台(对大众开放)和后台(仅对管理员开放)。我们采用更为常见的方案:...

2019-05-02 21:47:50 606

原创 阿里百秀项目实战第一弹:环境配置

1.MySQl数据库1.连接:先打开xampp中的mysql,注意连接时端口要一致2.新建数据库:字符集选择UTF-8,排序规则为general3.引入数据库:在查询中添加连接---->运行------>刷新2.Apache虚拟主机1.配置httpd-vhosts.conf文件:注意千万不要注释掉前两行<VirtualHost *:80> Documen...

2019-05-01 21:36:05 1357 1

原创 CSS权威指南最后一弹:非屏幕媒体

设计特定媒体的样式表使用media属性可以选择应用于不同媒体上的样式表。@import规则同样也可以在规则上限制媒体@import url{xx.css} screen, projection;@import url{xxx.css} print;如果我们没有为样式表增加媒体信息,那么它会应用于所有的媒体同时我们定义了@media查询,可以在同一个样式表中为多个媒体定义样式,比如@...

2019-04-28 19:03:56 93

原创 CSS权威指南第十弹:用户界面样式

系统字体和颜色系统字体我们可以直接使某个元素采用系统中某些控件的风格。比如a.widget{fong:caption;}就使得所有class为widget的元素字体像按钮和下拉部件一样。详见书401页系统颜色我们也可以通过声明使得一个元素的背景与系统中的某些背景有关。详见书403页。光标(cursor)我们可以控制屏幕上光标的形状。甚至设置成自定义图像。轮廓(outline)...

2019-04-28 18:50:26 87

原创 CSS权威指南第九弹:列表与生成内容

列表列表属性list-style-type:定义列表的标志类型list-style-image:可以使用图像作为标志类型。有继承,子级列表会继承该图像。list-style-position:inside|outside|inherit, inside:列表符号在内容开始的地方,outside:列表符号单独列在列表内容的外面。list-style:有继承性,三个属性没有顺序要求列表标志...

2019-04-27 19:10:48 145

原创 CSS权威指南第八弹:表布局

表格式化在css中,内部表元素生成矩形框,这些框有内容,内边距和边框,但是没有外边距。给定表格列中所有单元格宽度相等,给定表格行中所有单元格高度相等。表显示值css将其表模型定义为“以行为主”,而列是从单元格行的布局中推导出来的。依次类推css中列和列组只能接受4种样式:border、background、width和visibility表中内容对齐可以采用text-align和ve...

2019-04-27 15:53:18 148

原创 CSS权威指南第七弹:浮动和定位

浮动 float值:left | right | none | inherit1.css允许浮动任何元素2.浮动元素为非替换元素时,需要声明width浮动元素1.会以某种方式将浮动元素从文档的正常流中删除,不过它还是会影响布局2.一个元素浮动时,其他内容会“环绕”该元素3.浮动元素周围的外边距不会合并。即入如果其他元素与此图像相邻,而且这些元素也有外边距,那么这些外边距不会与浮动图像...

2019-04-25 21:56:57 186

原创 CSS权威指南第六弹:颜色和背景

颜色前景色替换属性body属性text、link、alink、vlink影响边框border-color设置的值会覆盖color值影响表单元素select元素和input元素继承颜色颜色可以继承背景背景色background-color特殊效果背景颜色和前景颜色结合使用背景图像使用图像背景属性不可继承如果背景元素可以继承,那么body中的图像会在每个元素中...

2019-04-24 23:07:13 152

原创 CSS权威指南第五弹:内边距、边框和外边距

宽度和高度1.一个元素的width被定义为从做内边界到右内边界的距离,height被定义为上边界到下边界的距离。2.这两个属性很重要的一点是:它们不能应用到行内非替换元素。3.如果在行内非替换元素声明了width和height,浏览器会忽略。外边距 margin值:<length> | <precentage> | auto | inherit长度值与外边距m...

2019-04-24 21:31:20 466

原创 CSS权威指南第四弹:基本视觉格式化

1.基本框假设每个元素都会生成一个或多个矩形框,成为元素框各元素中心有个内容区,内容区周围有内边距边框和外边距包含块:每个元素都相对于其包含块摆放,包含块是一个元素的“布局上下文”由最近的块级祖先框2.块级元素水平格式化关键在于width影响的是内容区的宽度,而不是整个可见的元素框。如p{width:200px;padding:10px;margin:20px;}可见元素框的宽度...

2019-04-21 23:08:18 178

原创 CSS权威指南第三弹:文本属性

1.缩进和水平对齐1.缩进文本text-indent的值有<length>、<percentage>、inherit。具有继承性。百分数针对的是父元素宽度。用于块级元素,无法用于行内元素。 p{text-indent:3em;}//所有段落首行缩进3em。//可以设置负值,建议针对负缩进设置边距。 p{text-indent:-4em;padding-left...

2019-04-19 21:04:21 113

原创 CSS权威指南第一弹:CSS中值和单位+移动端中的视口

1.值1.数字整数和实数(小数)2.百分数实数加百分号%3.颜色(1)基本颜色 blue(2)RGB命名函数式RGB颜色:rdg(0%,0%,100%)rdg(0,0,255)//红绿蓝十六进制RGB颜色:可简写 #000FF #00F(3)wed安全颜色Web安全颜色是指:在256色计算机系统上总能避免抖动的颜色。RGB值表示法 - %0,0,20% 和 5...

2019-04-19 20:45:45 243

原创 CSS权威指南第二弹:字体

设置字体属性是样式表的最常见用途之一。CSS字体处理中最复杂的是字体系列(font-family)匹配和字体加粗(font-weight)匹配,其次是字体大小(font-size)计算。1.字体系列1.通用字体由于种种原因,相同的字体可能会有不同的称呼。CSS定义了5种通用字体系列:serif成比例,且有上下短线。成比例是指字体中的字符根据其不同的大小会有不同的宽度。上下短线是指字符笔...

2019-04-19 19:48:58 249

原创 js数据结构第十弹:图和图算法

1 图的定义图由边的集合及顶点的集合组成。顶点也有权重, 也称为成本。如果一个图的顶点对是有序的, 则可以称之为有向图。 在对有向图中的顶点对排序后, 便可以在两个顶点之间绘制一个箭头。 有向图表明了顶点的流向。如果图是无序的, 则称之为无序图, 或无向图。图中的一系列顶点构成路径, 路径中所有的顶点都由边连接。 路径的长度用路径中第一个顶点到最后一个顶点之间边的数量表示。由指向自...

2019-04-16 22:17:21 473

原创 js数据结构第九弹:二叉树和二叉查找树

树是一种非线性的数据结构, 以分层的方式存储数据。 树被用来存储具有层级关系的数据, 比如文件系统中的文件; 树还被用来存储有序列表。优点:在二叉树上进行查找非常快(而在链表上查找则不是这样), 为二叉树添加或删除元素也非常快(而对数组执行添加或删除操作则不是这样)。1 树的定义树由一组以边连接的节点组成。 每个方框都是一个节点, 连接方框的线叫做边。一棵树最上面的节点称为根节点, 如果一...

2019-04-15 21:22:52 118

原创 js数据结构第八弹:集合

集合(set) 是一种包含不同元素的数据结构。 集合中的元素称为成员。集合的两个最重要特性是: 首先, 集合中的成员是无序的; 其次, 集合中不允许相同成员存在。1 集合的定义、 操作和属性1 集合的定义• 不包含任何成员的集合称为空集, 全集则是包含一切可能成员的集合。• 如果两个集合的成员完全相同, 则称两个集合相等。• 如果一个集合中所有的成员都属于另外一个集合, 则前一集合称为...

2019-04-14 20:44:51 151

原创 js数据结构第七弹:散列

散列是一种常用的数据存储技术, 散列后的数据可以快速地插入或取用。 散列使用的数据结构叫做散列表。 在散列表上插入、 删除和取用数据都非常快, 但是对于查找操作来说却效率低下1 散列概览哈希表也叫散列表,是根据关键码值(key,value)而直接进行访问的数据结构,它是通过键码值映射到表中一个位置来访问记录的,散列表后的数据可以快速的插入和使用,散列使用的数据结构叫做散列表。散列表的优点及缺...

2019-04-13 23:08:06 222

原创 js数据结构第六弹:字典

1 Dictionary类字典是一种以键 - 值对形式存储数据的数据结构。Dictionay 类的基础是 Array 类, 而不是 Object 类。对字典中的键排序, 而 JavaScript 中是不能对对象的属性进行排序的。JavaScript 中一切皆对象, 数组也是对象。//定义类function Dictionary() { this.add = add; t...

2019-04-13 13:46:16 127

原创 js数据结构第五弹:链表

1.数组的缺点JavaScript 中数组的主要问题是, 它们被实现成了对象, 与其他语言(比如 C++ 和 Java)的数组相比, 效率很低2. 定义链表链表:由一组节点组成的集合,每个节点都使用一个对象的引用指向它的后继, 指向另一个节点的引用叫做链。注意:数组元素靠它们的位置进行引用, 链表元素则是靠相互之间的关系进行引用。 我们说 bread 跟在 milk 后面, 而不说 bre...

2019-04-13 13:19:58 131

原创 js数据结构第四弹:队列

1 对队列的操作队列的两种主要操作是: 向队列中插入新元素和删除队列中的元素。 插入操作也叫做入队, 删除操作也叫做出队。 入队操作在队尾插入新元素, 出队操作删除队头的元素。另外:(1)读取队头的元素。 这个操作叫做 peek()。 该操作返回队头元素, 但不把它从队列中删除。(2)队列中存储了多少元素,可以使用 length 属性满足该需求;(3) 要想清空队列中的所有元素, 可以使...

2019-04-11 23:23:20 94

原创 js数据结构第三弹:栈

1 对栈的操作特点:栈是一种高效的数据结构, 因为数据只能在栈顶添加或删除。栈被称为一种后入先出(LIFO, last-in-first-out) 的数据结构。主要操作:对栈的两种主要操作是将一个元素压入栈和将一个元素弹出栈。 入栈使用 push() 方法, 出栈使用 pop() 方法。另一个常用的操作是预览栈顶的元素。 pop() 方法虽然可以访问栈顶的元素, 但是调用该方法后, 栈顶元素...

2019-04-08 23:18:34 107

原创 js数据结构第二弹:列表

1. 列表的抽象数据类型定义listSize(属性) 列表的元素个数pos(属性) 列表的当前位置length(属性) 返回列表中元素的个数clear(方法) 清空列表中的所有元素toString(方法) 返回列表的字符串形式getElement(方法) 返回当前位置的元素insert(方法) 在现有元素后插入新元素append(方法) 在列表的末尾添加新元素remove(方法)...

2019-04-08 22:46:46 143

原创 js数据结构第一弹:数组

1.定义数组的标准定义是: 一个存储元素的线性集合(collection)JavaScript 中的数组是一种特殊的对象, 用来表示偏移量的索引是该对象的属性, 索引可能是整数。 然而,这些数字索引在内部被转换为字符串类型, 这是因为JavaScript 对象中的属性名必须是字符串。 数组在 JavaScript 中只是一种特殊的对象, 所以效率上不如其他语言中的数组高。JavaScript...

2019-04-07 23:12:47 206

原创 js高阶函数:柯里化===>还是不太会

函数柯里化就是创建已经设置单个参数或者多个参数的函数,函数变为接受一个参数,返回一个值,1,实现默认下为参数复用的情况function curry(fn){ var curry=function(fn){ //这里是需要复用的参数 var args=Array.prototype.slice.call(arguments...

2019-04-05 23:05:20 173

原创 js中隐式转换====>js中引用类型和值类型复制的区别,栈和堆

目录1.1 隐式转换介绍1.2 隐式转换规则1.3 坑一:字符串连接符与算术运算符隐式转换规则混淆1.4 坑二:关系运算符:会把其他数据类型转换成number之后再比较关系1.5 坑三:复杂数据类型在隐式转换时会先转成String,然后再转成Number运算1.6-坑四:逻辑非隐式转换与关系运算符隐式转换搞混淆1.1-隐式转换介绍在js中,当运算符在运算时,如果两边数据不统一,CP...

2019-04-03 22:46:30 156

原创 js对象

一、对象的定义:对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值。即属性的无序集合。二、对象的创建(多种方法)1、对象直接量 / 字面量 var obj = { name: 'lyl', age: 18 } console.log(obj.n...

2019-04-01 23:09:28 90

原创 正则表达式

1.概念2.创建方式:两种3.重要概念:子表达式4.匹配模式 & 修饰符:i、m、g5.字符6.正则的特性:贪婪性和懒惰性7.常用方法:实例方法与字符串方法1.概念:一种字符串匹配的模式2.创建方式1.两种方式var reg = /pattern/flags // 字面量创建方式 var reg = new RegExp(pattern,flags);...

2019-03-31 21:12:50 117

原创 js定时器

js中计时器重要使用window.setInterval()方法和window.setTimeout()方法,1.setInterval()和clearInterval()setInterval()方法是以固定的时间间隔重复调用一个函数或者代码段(1)setInterval()方法常用的语法如下:setInterval(function,interval);其中function是将要在...

2019-03-30 14:46:44 83

原创 函数的创建+es6块级作用域

1.函数的创建与执行1.函数声明function sum1(n1,n2){ return n1+n2; };2.函数表达式var sum2=function(n1,n2){ return n1+n2;};两者的区别:解析器会先读取函数声明,并使其在执行任何代码之前可以访问;而函数表达式则必须等到解析器执行到它所在的代码行才会真正被解释执行。...

2019-03-30 10:43:23 121

空空如也

空空如也

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

TA关注的人

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