自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小森努力努力再努力i

一个人必须不停地写作,才能不被茫茫人海淹没

  • 博客(152)
  • 收藏
  • 关注

转载 flex: 1 的问题

https://zhuanlan.zhihu.com/p/136223806

2022-04-05 10:34:28 176

原创 CSS面试题

1. flex布局和栅格布局含义:Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。2. display有哪些属性none 此元素不会被显示。block 此元素将显示为块级元素,此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素,元素前后没有换

2022-03-31 16:46:46 538

转载 解构赋值的积累

ES6允许按照一定的模式,从数组或对象中提取值,给变量进行赋值,称为解构赋值。特点:1、给变量赋值2、值的来源是对象或数组3、规则:按一定的模式一般用在数据交互,ajax请求数据。数组解构//1.这种比较散let a = 10;let b = 12;let c = 13;console.log(a,b,c); //10,12,13//2.定义到数组内let arr = [1,2,3];console.log(arr[0],arr[1],arr[2]) //1,.

2022-03-22 10:25:52 139

转载 子绝父相的积累

首先你必须知道的是:top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位,即position:relative;或者position:absolute;,也就是说top、right、bottom、left是为相对定位/绝对定位而生的。子绝父相就是:子元素为绝对定位(position:absolute;),父元素为相对定位position:relative;。例如A为子元素,那么父元素B必须包含A,也就是说AB一定是嵌套关系(父子关系),不可以是兄弟关系。A为.

2022-03-17 18:07:06 337

转载 HTML5 语义化

https://www.jianshu.com/p/b226910034f2

2022-03-14 09:06:29 93

原创 align-content 属性

定义和用法:align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。提示: 使用 justify-content 属性对齐主轴上的各项(水平)。注意: 容器内必须有多行的项目,该属性才能渲染出效果。...

2022-03-13 23:46:43 306

转载 Vue生命周期函数

简介:生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段和运行期间以及销毁期间。其中创建期间的函数有beforeCreate、created、beforeMount、mounted;运行期间的函数有beforeUpdate、updated;销毁期间有beforeDestroy、destroyed。一、创建期间:1.1 beforeCreate:Vue或者组件刚刚实例化,data、methods都还没有被创建。1.2 created

2022-03-13 23:35:59 153

原创 justify-content 属性

定义和用法:justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。提示:使用 align-content 属性对齐交叉轴上的各项(垂直)。/* 对齐方式 */justify-content: center; /* 居中排列 */justify-content: start; /* 从行首开始排列 */justify-content: end; /* 从行尾开始排列 */justify-content: flex-start

2022-03-13 19:50:51 10991

原创 overflow 属性

定义和用法:overflow 属性规定当内容溢出元素框时发生的事情。说明:这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。试验场:https://www.w3school.com.cn/cssref/pr_pos_overflow.asp...

2022-03-13 19:36:31 113

转载 Vue中$refs的基本用法

ref 有三种用法: 1、ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素2、ref 加在子组件上,用this.$refs.(ref值) 获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了。3、如果通过v-for 遍历想加不同的ref时记得加 :号,即 :ref =某变量 ;注意:ref需要在dom挂载后才能获取到,否则undefined,在使用的时候确保dom已经渲染完成。比如在生

2022-03-13 19:30:24 647

转载 JSON(JSON 是一种轻量级的数据交换格式。)

JSON1. JSON 值可以是:数字(整数或浮点数)字符串(在双引号中)逻辑值(true 或 false)数组(在中括号中)对象(在大括号中)null2. JSON 对象(大括号保存对象)注意: key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。{"name":"Runoob", "url":"www.runoob.com"} 1. 访问对象值你可以使用点号(.)来访问对象的值:var myOb

2022-03-04 18:33:43 622

转载 13种CSS选择器文档

CSS部分:1.css选择器有哪些?1.id选择器 ( ID 选择器以 # 开头,它选择的是文档中 id 属性的值。)2.类选择器 (类选择器以一个句点(.)开头,它选择的是文档中应用了这个类的所有元素。)3.标签选择器(有时也叫做 类型选择器 或者是 元素选择器,因为它在文档中选择的是 HTML 标签/元素。)4.交集选择器(相交的部分就是要设置属性值的标签。选择器之间没有任何的连接符号(也不允许出现空格),选择器可以是标签名称,也可以是 id、class 名称。) /* 格式:

2022-03-04 12:15:17 187

原创 vue 报错,Uncaught TypeError:Object(...)is not a function

原因: vue-router版本过高,所以报错(当时时4.的版本)解决: 降低版本。法一:package.json中修改vue-router版本,然后再npm install下法二: 在终端输入 npm install vue-router@3.2.0

2022-03-02 16:26:31 3023

原创 line-height 属性

line-height 属性设置行间的距离(行高)。注释:不允许使用负值。

2022-03-01 21:41:35 163

原创 跨域问题及解决方法

跨域问题定义:解决方法:定义:跨域(跨域资源共享),Cross-origin Resources Sharing [CORS ]它是浏览器的保护机制只允许网页请求同一域名下的服务(协议域名端口都保持一致,即“同源策略”,若有一项不同,那么就是跨域请求)解决方法:在前后端分离的项目中解决跨域问题可以从三种情况下手:配置后端浏览器是否启用跨域保护机制是根据后端的响应来决定的 —> 浏览器根据的是响应的access control allow origin响应头来决定的(若次

2022-02-28 22:30:18 455

转载 引入vuex 报错警告 “export ‘inject‘ was not found in ‘vue‘

问题:解决方案:1.看一下自己的vuex版本是不是4.x.x ,如果是,先卸载vuex2.重新下载vuexnpm install vuex@3.4.0

2022-02-27 19:29:06 916

原创 vertical-align 属性

vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。试验场:https://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp...

2022-02-26 16:09:33 192

原创 HTTP状态码

HTTP协议里面,四个表示操作方式的动词:GET、POST、PUT、DELETE。它们分别对应四种基本操作:GET用来获取资源,POST用来新建资源(也可以用于更新资源),PUT用来更新资源,DELETE用来删除资源。...

2022-02-25 17:49:28 1964

转载 Node.js中package.json中^和~的区别

webpack 项目的package.json 文件列出了项目所依赖的插件和库,同时也给出了对应的版本说明,但是在版本说明前面还有个符号:’^’(插入符号)和’~’(波浪符号),总结了下他们之间的区别:例如:'~'(波浪符号):他会更新到当前minor version(也就是中间的那位数字)中最新的版本。放到我们的例子中就是:"exif-js": "~2.3.0",这个库会去匹配更新到2.3.x的最新版本,如果出了一个新的版本为2.4.0,则不会自动升级。波浪符号是曾经npm安装时候的默认符号,现在

2022-02-21 17:13:02 617

原创 Node.js的下载与安装(附webpack安装)

Node.js官网安装包名称:名词解释:安装:测试:备注:Node.js卸载教程

2022-02-16 18:23:38 393

转载 如何实现按钮水平居中

button是一个行内块级元素display:inline-block;所以处理方式很简单,可以用以下两种方式:方式一: <div style="text-align:center"> <button>按钮居中</button> </div>方式二:<div> <button style="display:block;margin:0 auto">按钮居中&l

2022-02-07 17:45:57 4579

转载 简单理解弱类型、动态类型、解释型语言

弱类型和强类型简单的说, 二者的区别就是是否偏向于容忍隐式类型转换。$str = 'abc'; //str是一个字符串$str = 1; //这时候又变成整形if($str){}; //这时候又是一个布尔型所以php是弱类型语言,变量类型会自动转换。动态类型和静态类型简单的说, 二者的区别就是声明变量的时候是否需要指定变量类型。php是动态类型语言,声明变量时无需指定类型。注意: 一个语言是不是强类型语言和是不是动态类型语言没有必然联系。3.动态语言和静态语.

2022-02-06 16:37:27 168

原创 单点登录

什么是单点登录?单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。SSO一般都需要一个独立的认证中心(passport),子系统的登录均得通过passport,子系统本身将不参与登录操作,当一个系统成功登录以后,passport将会颁发一个令牌给各个子系统,子系统可以拿着令牌会获取各自的受保护资源,为了减少频繁认证,各个子系统在被passport授权以后,会建立一个局部

2021-08-10 22:16:48 85

原创 OJ杨辉三角

数学理解就是,杨辉三角”反映了二项展开式的系数规律,拿图说话#include <iostream>using namespace std;int fun(int n1){ int i,j,a[n1][n1]; //第一列、主对角线上的元素都是1 for(i = 0; i < n1; i++) { a[i][0]=1; a[i][i]=1; } //从第三行起,确定每行除头尾外的其他元素 for(i = 2; i < n1; i++) {

2021-07-27 00:29:02 138

原创 jQuery

@TOC# 系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、jQuery选择器理论知识实践展示二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文

2021-06-29 16:35:46 63

原创 js放到head中失效的原因与解决方法

写好的js放到body里面可以执行,但是放到head中没有任何效果,为什么导致这种原因呢?<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/css.css" /> <script src="js/jquery.

2021-06-29 16:33:46 924

原创 计算机常用字符集编码

1、ASCII。ASCII(American Standard Code for Information Interchange,美国信息互换标准代码)是基于罗马字母表的一套电脑编码系统,它主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统,并等同于国际标准ISO 646。国标准信息交换码的英文简称,是计算机中用二进制表示字母、数字、符号的一种编码标准。ASCII码有两种,使用7位二进制数的称为基本ASCII码;使用8位二进制数的称为扩展ASCII码。注意:在计算机的存储单元中

2021-06-29 15:05:04 3910

原创 监听浏览器窗口关闭事件onbeforeunload不起作用

先贴代码<body> <!-- <script>window.alert("Catalina")</script> --> <!-- <script>window.confirm("Catalina 我还来得及吗?")</script> --> <!-- <script>window.prompt("你喜欢现在的我吗?","喜欢")</script> --> &lt

2021-06-10 23:11:01 1870 1

原创 js中全局作用域和函数作用域;js中换行问题;

变量的作用域分为全局作用域和函数作用域。定义在任何函数外部的变量是全局作用域变量,在函数内部不使用var 关键字定义的变量也是全局作用域变量,在函数内部使用var关键字定义的变量才是函数作用域变量。函数作用域变量会覆盖同名的全局作用域变量。全局作用域变量的可见区域是整个脚本(除了被同名函数作用域变量覆盖的区域),函数作用域变量的可见区域是函数内部(除乐被内部嵌套函数中同名函数作用域变量覆盖的区域)总结规范:函数内部尽量使用函数作用域变量,不使用全局作用域变量,为了避免混淆,全局作用域变量和函数作用域

2021-06-10 21:21:22 85

原创 Reading And Comprehension

Note: Some browser extensions, such as ad-blockers and script-blockers can interfere with the tests. If you face issues, we recommend disabling extensions that modify or block content of pages, while taking the course.注意:一些浏览器扩展,如广告拦截器和脚本拦截器可能会干扰测试。如果您面临问

2021-05-27 17:20:27 67

原创 OJ1(迭代算法)

求平方根的迭代公式:x1 = 1/2 * (x0 + a/x0)#include <iostream>#include <math.h>using namespace std;int main(){/* 注解:a 为 所给数x0 初始化为 a的平方根 a/2 为a的初值算法: 迭代求出x1 ,此时与a的真正平方根误差较大把新求出的x1 带入x0,从而再求出一个新的x1,经过不断迭代,此值将趋近于真正的平方根值比较前后两次求得的平方根x0,x1,若差值

2021-04-29 10:41:10 245

原创 Linux中部署Nginx服务器

直接通过 yum install nginx 肯定是不行的,因为yum没有nginx,所以首先把 nginx 的源加入 yum 中。运行下面的命令CentOS 下Nginx如果提示找不到包,可以尝试使用rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm2.使用yum安装ngnix :yum install nginx4.systemctl sta

2021-04-22 17:32:52 89

原创 工厂模式

设计模式工厂模式先定义一个接口package Interface;public interface Shape { void draw();}再定义三个实体类实现接口 //class1package Interface;public class CirCle implements Shape{ @Override public void draw() { System.out.println("圆形车"); }}//cla

2021-04-19 16:42:41 41

原创 C++基础学习

程序控制结构输入语句:抽取操作符 “>>”从输入流cin中抽取键盘输入的字符和数字输出语句:插入操作符 "<<"向输出流cout中插入字符和数字,在屏幕显示输出书写格式灵活,可以在同一行书写,也可以分写在几行(提高可读性)#include <iostream>using namespace std;main(int arge, char* argv[]){ //写法一 cout<<"hello"; cout<<"girl"

2021-04-17 01:04:01 63

原创 MySQL复习

并发事务与锁机制请问什么叫事务?以及它的作用?事务是进行数据管理的基本操作单元(将多个数据的操作作为一个单元来处理),由一系列的数据操作命令序列组成,通过事务来保证数据的完整性事务的4个特性?ACID; Atomicity、Consistency、Isolation、Durability、原子性就是指每个事务必须被看做一个不可分割的单位。 (比如,一个事物由两个或多个任务组成,其中的所有语句必须同时成功才可以认为整个事务是成功的。 如果事务失败,系统将会回滚到该事务开始执行前的状态)一致

2021-04-16 00:25:02 58

原创 Python学习输出

# 笔记:# is_displayed():判断元素是否显示 is_selected():判断元素是否选中状态# 建议用 dr.switch_to.alert.text 而 dr.switch_to_alert.text 是老式写法from selenium import webdriverimport timedr = webdriver.Chrome()dr.implicitly_wait(20)dr.get("file:///D:/360%E5%AE%89%E5%85%A8%E6

2021-04-14 11:55:37 160 1

原创 汉诺塔问题

递归步骤:将n-1个盘子,从A杆,经C杆,移动到B杆将A杆上的第n个盘子,移动到C杆将n-1个盘子,从B杆,移动到C杆详细代码:/* Hanoi Tower*/ #include <stdio.h>#include <stdlib.h>/* 函数声明 */ int move(int n, char x, char y, char z);main(){ int h; printf("输入盘子个数:"); scanf("%d",&h);.

2021-03-29 21:28:04 106

原创 29(将数字字符串转换成数字)

详细代码如下:#include <stdio.h>#include <string.h>void NONO();long fun( char *s ){ /* analyse: 遍历整个字符串; 将每个字符转换成整数; */ int i , sum = 0 , len; len = strlen(s); for(i = 0; i < len; i++) { sum = sum * 10 + *s -48; // 把一.

2021-03-29 00:25:45 500

原创 27(把题目看完! 若x不存在,就返回-1)

详细代码如下#include <stdio.h>#include <stdlib.h>#define N 15void NONO();int fun( int *s, int x){ /* analyse: 遍历整个数组; 判断s; 存放下标; 返回下标; */ int i; for(i = 0; i < N; i++) { if(x== s[i]) return i; } return -1;.

2021-03-28 23:39:30 123

原创 25(统计各年龄段的人数)

详细代码如下:#include <stdio.h># define N 50# define M 11void fun(int *a, int *b){ /* analyse: 遍历获取的随机函数数组; if判断粗如; */ int i,j; //数组b初始化 for(j = 0; j < M; j++) b[j] = 0; //数组a检索归纳 for(i = 0; i<N; i++) { if(a[i] > 100).

2021-03-28 21:19:08 789

空空如也

空空如也

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

TA关注的人

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