靡_初-CSDN博客

原创一篇文章搞懂【Emmet】语法规则（前端必备技能）

前端人员编写网页代码时可以依靠一些编辑器的语法提示加快编写速度。大多数编辑器也提供emmet插件来更快的编写HTML和css代码。emmet的语法规则比较简单易理解可以极大的提高编码速度，基本上是前端开发人员必备的一项技能了。下面简单介绍下常用的语法规则和效果。以VScode编辑器为例1.初始化HTML结构新建一个html结构后可以使用!+tab建初始化HTML结构输入：按tab或回车后：2.id（#）和class（.）生成一个带有id或者类名的emmet语法：id：div#

2021-10-13 23:15:48 1165 1

原创 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource Vue配置代理解决跨域问题

前言在进行web开发进行数据请求的时候常常会遇到跨域问题导致无法请求数据。如果采用如下方法向http://localhost:4000服务器发送getStudents进行接口数据请求，在后端没有处理跨域问题时可能会遇到如下错误。出现跨域是因为浏览器的同源策略问题，也就是协议（protocol），主机（host）和端口号（port）有不同的情况。我们本地进行web开发肯定会与后端端口号不同所以会出现跨域问题。getStudent() { axios({ url: "http:/

2021-10-09 11:57:09 894 2

原创 ArcGIS JavaScript3 改变文字标注的位置和偏移

JavaScript3 API的官方文档改变文字标注位置文字标注里用到的是 LableClass类其中的 labelPlacement 属性可以设置标注的相对位置。不过对点、线、多边形有不同的值注意：多边形里添加文字标注只能有一个值：在几何位置中心上，所以没法通过labelPlacement属性改变多边形上文字标注位置。Point: “above-center”, “above-left”, “above-right”, “below-center”, “below-left”, “below-

2021-09-29 10:26:02 4690 1

原创 echarts自定义信息提示框内容

默认情况下echarts的图表会提供鼠标移入每个数据标签时的数据提示功能。我们也可以用echarts的 tooltip 配置项来自定义提示框。这里是 tooltip 官方文档触发模式主要有两个触发模式（每个模式触发时可展示的数据数量不同）：数据项图形触发（即鼠标移到某一个图形时出现信息提示框，多用于单项数据显示；会接收一个对应图形的数据对象）坐标轴触发（鼠标只要是移动到X坐标轴某项范围之内就会弹出信息提示框，常用于多项数据展示；会接收X轴某列的数据对象数组）配置项tooltip提示

2021-09-27 11:21:11 6948

原创 Vue组件之间传递数据（组件通信）----消息的定订阅与发布

vue组件之间经常需要传递数据，有时常常使用全局事件总线，但是消息的订阅与发布其实也是比较好用的。简介：类似于全局事件总线，作用是实现任意组件之间的通信。类似于订阅报纸，在订阅的时候写上自己的地址。送的时候会将报纸送到写的地址那里，则自己就会收到报纸。实现：需要在一个组件内订阅一个消息，即想要接受的数据定义的函数。在需要发送的组件内写发布消息的数据（定义与发布需要定义同名的消息变量）。当组件发布数据的时候要接收的组件就会自动触发对应函数。理解：这种方式的思想与全局事件总线很相似。它包

2021-09-26 17:10:35 422

原创 vue配置用户状态管理，并使用cookie进行页面拦截

vue配置用户状态管理，并使用cookie进行页面拦截前言 VueX是适用于在Vue项目开发时使用的状态管理工具。一般使用它进行用户信息暂存和状态的管理，其将信息保存在全局中，可以在各个界面组件中获取用户信息。此文章说明在脚手架中的部署步骤。 cookie可以将用户信息保存在本地，方便用户在下一次进入网站的时候可以省去登录步骤直接进行登录。目录结构创建好简单的脚手架后在本示例中又添加了如下几个文件，其中 4 状态管理是用vuex进行状态管理的，5 路由中由界面拦截的方法。用户状态配置下

2021-08-31 14:55:51 978 2

原创利用CSS3新属性解决border和padding会撑大盒子实际大小的问题

CSS3中可以通过box-sizing来指定盒模型，有2个值：即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：box-sizing:content-box 盒子大小为width + padding+ border（以前默认的）box-sizing:border-box盒子大小为width如果盒子模型我们改为了box-sizing:border-box，那padding和border就不会撑大盒子了（前提padding和border

2021-04-13 21:06:33 2209

原创 CSS初始化，重设浏览器样式

不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CSS初始化。简单理解：CSS 初始化是指重设浏览器的样式。把中文字体的名称用相应的Unicode编码来代替，这样就可以有效的避免浏览器解释CSS代码的时候出现乱码问题。比如：黑体 \9ED1\4F53宋体 5B8B\4F53微软雅黑 \5FAE\8F6F\96C5\9ED1京东网站初始化样式* { /* 内外边距清零 */ margin: 0; paddin

2021-04-13 16:06:16 196

原创 CSS元素全部设置边框后间隙变宽（边框没有盖住或合并）

margin负值运用浮动的盒子设置边框，相邻的地方不会重合，所以如果给这些盒子设置1px的边框那么相邻盒子之间就会有2px的边框样式，只要给后面的盒子设置margin-left设置-1px，就会消除相邻边框的这种情况。<body> <ul> <li></li> <li></li> <li></li> <li></li&

2021-04-09 19:30:37 619

原创 CSS原生分页样式

制作分页样式可以利用行内块元素的特点实现（不使用浮动）<body> <div class="box"> <a href="#" class="prev"><<上一页</a> <a href="#" class="current">2</a> <a href="#">3</a> <a href="#"&gt

2021-04-09 19:28:41 326

原创 CSS绘制特殊三角，实现梯形样式

制作非等腰三角形可以给边框设置其它样式、属性。（调节边框宽度）<body> <div class="box"> </div></body>.box { width: 0; height: 0; border-top: 120px solid transparent; border-right: 50px solid red; border-left: 0 solid black; bor

2021-04-09 19:26:15 192

原创 CSS溢出文字使用省略号表示

溢出文字省略号显示1.单行文本溢出显示省略号：需要给元素设置固定宽度，如果是行内元素需要先转换为行内块元素或块元素 display: inline-block;<body> <p> 由衷敬意，难以言表。此处省略一万字。 </p></body>p { display: inline-block; width: 200px; /* 1.先强制一行内显示文本 */ white-space

2021-04-01 18:14:11 3861

原创 CSS实现头像和姓名垂直对齐

vertical-align属性使用场景：经常用于设置图片或者表单（行内块元素）和文字垂直对齐。需要给行内块元素或行内元素设置该属性，其后的文字才会居中。vertical-align: baseline | top | middle | bottom值描述baseline基线对齐，默认。元素放置在父元素的基线上。top顶线对齐，把元素的顶端与行中最高元素的顶端对齐。middle中线对齐，把此元素放置在父元素的中部。bottom底线对齐，把元素的顶端

2021-04-01 18:10:31 1567

原创 CSS界面样式（悬浮在元素上时将鼠标改为小手）

改变悬浮在元素上时鼠标的样式所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。更改用户的鼠标样式（cursor）li { cursor: default;}设置或检索在对象上移动的鼠标指针采用何种系统预定的光标形状。属性值描述default小白箭头（默认）pointer小手move移动text文本not-allowed禁止<body> <div> <ul>

2021-04-01 18:06:36 2840

原创 CSS制作聊天框样式（CSS实现聊天框的三角、CSS画一个三角）

1.用到的知识：定位、盒子边框。效果类似下图：2.盒子边框主要问题在于怎么用CSS画出三角形，在此之前需要理解盒子的边框特点。如果给一个盒子不设置大小，只设置边框样式如下。（分别给盒子各边框不同的颜色）<body> <div class="box"> </div></body>.box { width: 0; height: 0; border-top: 100px solid green;

2021-04-01 17:59:38 928

原创 CSS入门学习笔记（复习用）

CSS基础篇（复习用）1. CSS构成：由选择器和一条或多条声明组成。每条声明由属性、值组成，以“键值对”的形式出现。属性和属性值之间由 “:” 分开。每条声明最后都要有 “;” 结尾。2. CSS风格紧凑型h3 { color: red;font-size: 25px;}展开格式h3 { color: red; font-size: 25px;}空格规范属性值前面冒号后面保留一个空格。选择器与大

2021-03-23 21:20:57 99

原创使用SQLPlus连接Oracle数据库 ORA-12154: TNS: 无法解析指定的连接标识符解决方案

使用SQLPlus连接Oracle数据库，ORA-12154: TNS: 无法解析指定的连接标识符在使用SQLPlus连接数据库时出现以下错误。然后查看了一下服务有没有启动。listener服务必须要启动，OracleServiceBOOKSALES服务也启动了，注意你要连接的数据库ID（名称）就是OracleService后面紧跟的名字，你要连接哪个数据库就要保证哪个服务启动。我这里都启动了然后我以为密码错误了，所以使用下载的客户端软件连接数据库测试一下（Oracle SQL Develope

2021-03-18 20:57:58 8088 2

原创 CSS控制html元素、文字的各种居中

CSS元素和文字的各种居中CSS水平居中居中元素中的文字可以用text-align属性进行水平居中，也可以将text-align的属性值设置为left和right进行左右对齐的设置。CSS样式.align-center{ height: 100px; background-color: lightcoral; /* 水平居中 */ text-align: center;}html元素<div class="align-center"&

2021-03-06 19:46:44 453 2

原创 CSS元素的显示模式（行内元素、块元素、行内块元素）

CSS元素的显示模式（行内元素、块元素、行内块元素）元素主要分为块级元素和行内元素以及行内块元素1.块元素特点：独占一行宽度高度和内外边距可以控制宽度默认为父容器的100%是一个容器和盒子，里面可以放行内或块级元素常见块级元素有： h1-h6、p、div、ol、li等注意：文字类元素内部不能使用块级元素p标签主要用于存放文字，因此p里面不能放块级元素尤其是div同理 h1~h6内部都不能存放其它块级元素2.行内元素特点：相邻元素显示在一行上，一行可以显示多个。

2021-03-06 16:01:58 418

原创 CSS侧边栏隐藏滚动条

CSS样式隐藏侧边栏滚动条需求和问题需求是这样的：之前做了一个左侧导航栏类似于下图layui官网的样子(但是在不同分辨率浏览器中由于内容较多，侧边导航栏的内容显示不出来，也无滚动条滚动查看)。解决使用了layui侧边栏的样式。<ul id="menu" class="nav-bar layui-nav layui-nav-tree layui-nav-side" style="background-color: rgba(102,102,102,0.2);"></ul>

2021-01-24 19:35:14 1867

原创 idea创建springboot项目，测试helloworld和起始页

使用idea创建springboot项目一、环境准备–jdk1.8：Spring Boot 推荐jdk1.7及以上；java version “1.8.0_112”–maven3.x：maven 3.3以上版本；Apache Maven 3.3.9maven设置给maven 的settings.xml配置文件的profiles标签添加<profile> <id>jdk-1.8</id> <activation> <active

2021-01-17 17:12:58 920 3

原创 python读写Excel文件、读写CSV文件

python常用数据文件操作（Excel、csv文件）一、Excel文件操作（xlrd、xlwt模块）Excel中的三大对象WorkBook：工作簿对象Sheet：表单对象Cell：表格对象其中工作簿对象代表整个Excel文件，表单对象代表Excel文件中的每一页sheet，cell对象代表每一个数据格。其中xlrd主要是读取Excel文件中表格数据，xlwt模块主要是往Excel文件中写数据的。2.1 xlrd模块以下表为例xlrd库的open_wordbo

2020-11-27 22:26:46 1270

原创超简单！使用jQuery实现登录页面的“记住密码”功能

超简单！使用jQuery实现“记住密码功能”在开发网站的时候，为了更好地用户体验一般会增加一个“记住密码”的功能。本文章作为H5入门级别文章，介绍使用jQuery实现该功能。本功能的实现只需一个HTML页面就可以！！！需要大家有js和jQuery基础。首先介绍一下cookiesCookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息。Cookie 并

2020-10-28 10:52:47 2371

原创 IDEA快捷键太多？记住这些就够了

IDEA里的快捷键常用快捷键快捷键作用Ctrl+Y删除光标所在行Ctrl+D复制光标所在行并插入到光标下一行Ctrl+X删除行Ctrl+Alt+L格式化代码Ctrl+/注释单行代码或取消单行注释Ctrl+Shift+/注释多行代码或取消注释多行代码Alt+Shift+上下箭头移动当前代码行Shift + F6同时更改同名变量Ctrl + 上下键上下移动代码，光标位置不变Ctrl+Up/Down光标跳转到当前所显

2020-10-26 10:32:13 170 2

kettlo的博客