自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 美团-a标签之间存在间隙

问题: 仿照美团外卖写样式,在头部遇见三个a标签相连(红色标出来a链接), 官网的效果官网代码(主要样式, 颜色等样式忽略不影响结果)<style lang="scss"> .near-citys { font-size: 12px; .city-guess { margin: 0 4px; } } </style><div class="near-citys"> [ <a href="#" class

2020-06-29 09:37:34 432

原创 阿里云服务器centOS配置

1. 连接Xshell打开阿里云,进入控制台,根据下图找到公网IP地址打开Xshell然后要求输入用户名,这里输入root,密码: 把初始的密码更改,然后填入修改后的密码修改密码,如下图最终显示代表连接成功2. 命令pwd: 查看当前所在的目录cat 文件名: 查看文件内容find . type f -name “profile*” : 查看当前文件下profile开始的文件cp /etc/profile /etc/profile.bak : 备份文件source 路

2020-05-12 15:47:01 931

原创 Vuex

1. Vuex介绍]1.1 传统组件之间数据共享父向子传值: V-bind 属性绑定子向父传值: v-on 事件绑定兄弟组件之间共享数据: EventBus$on 接收数据的那个组件$emit 发送数据的那个组件上面的三种方式是小范围的数据共享,但是大范围数据共享就很繁琐1.2 Vuex共享数据Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据...

2020-05-06 19:38:33 174

原创 token原理

登录业务的技术点http是无状态的: 解决方案一: 通过cookie在客户端记录状态,通过session在服务器端记录状态方案二: 通过token方式维持状态(有跨域,用这个,没有用cookie和session)token原理分析客户端 --> 发送登录页面输入用户名和密码进行登录,服务器验证痛过之后生成该用户的token并返回,客户端存储该token,客户端后续所有请求...

2020-04-26 11:56:14 197

原创 Git与GitHub

1. 介绍分布式版本控制Git是一个版本管理控制系统(VS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来2. 特点速度简单设计对非线性开发模式的强力支持(允许成千上万个并发开发的分支)完全分布式有能力高效管理类似Linux内核一样的超大规模项目(速度和数据量)3. 基本工作流程4. 使用4.1 Git使用前配置在使...

2020-04-25 19:35:56 115

原创 Vue生命周期个人理解

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <father></father> &lt...

2020-04-18 08:52:57 100

原创 table栏切换

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2020-04-16 22:46:55 1066

原创 jsonp手写跨域360搜索栏提示

请求页面代码:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/template-web.js"></script&g...

2020-04-16 22:33:32 211

原创 jd页面与tianmao页面模仿jsonp跨域

jd服务器const express = require('express');const server = express();const path = require('path');// 静态资源访问服务功能server.use(express.static(path.join(__dirname,'public')))server.get('/jd',(req,res) =&...

2020-04-16 22:25:49 159

原创 mongodb.MongoClient集合引用

数据库集合结构:把数据adress集合引用到userInfo集合字段的address上,显示类型ObjectId(); 把image数据集合引用到userInfo集合字段的image上,显示类型Object最终结构显示userInfo表image表addrss表代码示例indexPost.js模块// 下载导入formidable解析表单数据,尤其的文件上传const...

2020-04-16 15:34:16 697

原创 js实现file上传图片在div中显示与点击div触发file表单

解决file文件document.querySelector('input[type=“file”]).value=“C:\fakepath”代码示例:<div class="headPortrait"> <div>请选择头像</div> <input type="file" hidden name="image"> ...

2020-04-13 10:47:52 2117

原创 PHP-待续...

PHP1. 认识PHP1.1 什么是PHPPHP 是 “PHP Hypertext Preprocessor(超级文本预处理器)” 的首字母缩略词,动态网页编程语言PHP文件可包含文本,HTML,JavaScript代码和PHP代码PHP代码在服务器上执行,结果以纯HTML形式返回给浏览器PHP文件的默认文件扩展名是“ .php”1.2 PHP做什么PHP可以生成动态页面内容...

2020-04-08 18:17:20 1356

原创 vscode快捷键、插件、配置

vscode 自己用的插件Chinese (Simplified) Language Pack for Visual Studio Code 汉化code runder 代码立即运行代码vscode-icons 文件图标filesize 左下角显示文件大小前端插件open in browser 启动浏览器Bracket Pair Colorizer 成对的彩色括号V...

2020-03-20 17:00:21 280 1

原创 第一部分: 作用域与闭包

你不知道的JS1. 作用域1.1 编译原理Javascript是动态或解释执行语言,但事实上是一门编译语言,但是与传统的编译语言不同,他不是提前编译,编译结果也不能在分布式系统中进行移植,尽管JavaScript引擎进行编译的步骤和传统的编译语言非常相似,在某些环节是非常复杂的编译型语言: 编译型语言是相对于解释语言存在的,编译型语言首先将源代码编译成机器语言,再由机器运行机器码(二进制...

2020-02-24 16:32:28 243

原创 原型链

原型链只要创建创建一个新函数,就会为该函数创建一个prototype属性,这个属性指向函数的原型对象(prototype), 这个属性是一个指向prototype属性所在的函数指针创建自定义构造函数之后,其原型对象只会默认取得constructor属性当调用构造函数创建一个新实例后,该实例的内部包含一个指针(内部属性obj.__proto__),指向构造函数的原型对象(Object.prot...

2020-02-20 10:49:52 115

原创 jQuery

jQuery1.jQuery简介jQuery是一个快速,简洁的JavaScript库,其宗旨是"writr Less, DO More" 即倡导写更少的代码,做更多的事情优点:轻量级,核心文件几十KB,不会影响页面加载速度跨浏览器兼容,基本兼容了现在主流的浏览器链式编程,隐式迭代对事件,样式,动画支持,大大简化了DOM操作封装了简单易用的Ajex操作支持插件扩展开发.有丰富的...

2020-02-09 18:27:18 165

原创 JavaScript高级

JavaScript高级1.面向对象编程思想面向过程(POP): 分析解决问题的步骤,一步步的写出来优点: 性能比面向对象高,适合跟硬件联系很紧密缺点: 没有面向对象易维护,易扩展,易复用面向对象(OOP): 分解成一个个的对象,由对象分工合作; 特性: 封装性,继承性,多态性优点: 易维护,易复用,易扩展,由于面向对象有封装,继承,多态性,可以设计出低耦合高内聚缺点: 性...

2020-02-09 18:25:46 152

原创 JavaScript基础

JavaScript1. 浏览器内核五大主流浏览器: IE(edge)、Firefox、Safari、Opera、Google Chrome五大内核: Trident、Gecko、Blink、Webkit、PrestoTridentTrident(又叫MSHTML),是微软开发的一种排版引擎浏览器: IE ,现在edge采用双内核(其中就有Chromium迷你)Gecko...

2020-02-09 18:22:00 343

原创 HTML5+CSS3

HTML1. 浏览器内核五大浏览器四大内核浏览器:IE(edge), 火狐, Safari, chrome, Opera内核: Trident, Gecko, webkit, chromium/Blink, blink注1: 提到Chrome浏览器,一般人会认为使用的Webkit内核(移动设备多),这种说法不完全确。Chrome发布于2008年,使用的渲染内核是Chromium...

2020-02-09 18:20:26 16783 1

原创 取消IE已限制此网页运行脚本或ActiveX控件

默认的情况下打开IE会显示,阻止脚本运行解决方案:高级 --> 安全 -->允许活动内容在"我的电脑"的文件中运行,前面打√,点击右下角应用,确定重启浏览器即可...

2019-12-04 16:32:55 576

原创 Number数据类型

Number数据类型1. NaNNaN 不是一个数NaN和任何东西(自己都不认识)console.log("判断 1 == NaN: " + (1 == NaN));//falseconsole.log("判断'1' == NaN: " + ('1' == NaN));//falseconsole.log("判断 NaN == NaN: " + (NaN == NaN));//fa...

2019-11-28 14:19:15 512

原创 JavaScript数据类型

JavaScript数据类型基本数据类型数值型(Number): 常规数字和NaN(不是数字),Infinty(正无穷,加-就是负无穷)字符串(String): 单引号,双引号和反引号(模板字符串)包起来的布尔值(boolean): true,false空对象指针(null)未定义(undefined)Symbol(ES6)BigInt(ES10, V8引擎v6.7 默认启用对...

2019-11-28 13:53:52 87

原创 JavaScript简介

JavaScript1. 浏览器内核五大主流浏览器: IE(edge)、Firefox、Safari、Opera、Google Chrome五大内核: Trident、Gecko、Blink、Webkit、PrestoTridentTrident(又叫MSHTML),是微软开发的一种排版引擎浏览器: IE ,现在edge采用双内核(其中就有Chromium迷你)Gecko...

2019-11-28 13:12:20 134

原创 01_C认识

认识C1. C语言的起源​ 1972年,贝尔实验室的丹尼斯·里奇(Dennis Ritch)和肯·汤普逊(Ken Thompson)在开发UNIX操作系统时设计了C语言。然而,C语言不完全是里 奇突发奇想而来,他是在B语言(汤普逊发明)的基础上进行设计。C 语言设计的初衷是将其作为程序员使用的 一种编程工具,因此,其主要目标是成为有用的语言2. C原因特点设计特性, 高效性, 可移植性...

2019-10-29 16:27:20 191

原创 常用类 四

常用类文章目录常用类1. Object类1.1 构造方法1.2 方法1.2.1 hashCode1.2.2 getClass1.2.3 toString1.2.4 equals2. 包装类2.1 定义2.2 基本类型对应的包装类2.3 int转成字符串2.4 Integer构造方法2.5 Integer静态常量2.6 方法2.7 int --> String2.8 String --&gt...

2019-10-25 13:46:18 469

原创 面向对象三

面向对象内存文章目录面向对象内存1.面向对象编程2.类3.面向对象实例4.内存4.1 栈(stack)4.2 堆(heap)4.3 方法区(静态区)5. 内存执行6.构造方法6. this关键字7. static关键字8. 传值机制9. package10. import11. 继承extends11.2 instanceof运算符11.3 方法重写override12. toString方法1...

2019-10-25 08:59:40 304

原创 Java基础二

Java基础1.基本数据[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5tskyPVP-1571807779766)(C:\Users\a4244\Desktop\MD\4.png “sdj”)]java整型类型占用字节取值范围byte1字节-128 ~ 128 --> (-2^7) ~ (2^7-1)short2字节...

2019-10-23 13:21:20 160

原创 java的简介

Java简介Java是由Sun Microsystems(sum)公司于1995年5月推出的,Sum公司创立于1982年,主要业务工作站与服务器,1986年美国上市,2009年4月20日Oracle(甲骨文)以现金74亿美元收购Sun微系统公司文章目录Java简介1. Java历史1.1 详细版1.2简化版2. API2.特性2.1 简单性2.2 面向对象2.3 分布式2.4 健壮性2.5 安...

2019-10-20 07:23:33 455

空空如也

空空如也

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

TA关注的人

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