代码编织梦想

springboot项目启动报错failed to configure a datasource-爱代码爱编程

Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. Reason: Failed to determine a suitable driver class 注意:本文只

偏振分色。-爱代码爱编程

这个例子说明了光通过双折射元件会造成空间色彩分离。偏振白光入射到一个用方解石(一种单轴晶体)做的简单镜头上,汇聚的光束继续通过波片和偏振元器件上,被屏幕拦截。FRED中的彩色图像特征用来显示空间光谱分布。 现在开始建立几何模型,这里包括一个由方解石做的平凸透镜,后面接着是一块方解石波片、一个线性偏光器和一个收集面。 尽管这个模型中的方解

对象数组去重-爱代码爱编程

objArrDuplicates(arr,type){ const obj = {} return arr.reduce(function(newArr, item) { obj[item[type]] ? '' : obj[item[type]] = true && newArr.push(item)

什么是浮动-爱代码爱编程

浮动: 1.传统网页布局的三种方式:网页布局的本质--用css来摆放盒子,把盒子放在相应的位置 css提供了三种传统的布局方式,简单来说就是盒子如何进行排列顺序的; 普通流 浮动 定位 所谓的标准流:就是按照标签规定好默认方式排列的 网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动。 什么是浮动? float属性用于创建浮动

html+css中的小知识点需要注意-爱代码爱编程

1.在设置一个div盒子时,body会有一个默认8像素的外边距。需要用margin:0;来清除标签默认样式。 2.fonts文件中的图标样式需要放在和css同级目录下; 引入fonts图表样式文件; <link rel="stylesheet" href="./css/fonts/iconfont.css"> 在所需要填加图表样式的地方

html、xml、xhtml 的区别-爱代码爱编程

1 HTML、XML、XHTML 的区别 HTML:超文本标记语言,是语法较为松散的、不严格的Web语言; XML:可扩展的标记语言,主要用于存储数据和结构,可扩展; XHTML:可扩展的超文本标记语言,基于XML,

bootstrap4:组件-爱代码爱编程

一、按钮 1.1、普通按钮 Bootstrap包括多个预定义的按钮样式,每个样式都有自己的语义目的,另外还有一些额外的功能可以用于更多的控制。 样式效果: 源代码: <body class="containe

使用js,实现秒杀倒计时!-爱代码爱编程

实际运用场景:这个倒计时时间可能是距离秒杀结束时间或者是距离生日倒计时时间等 如果是距离还有几天就使用date-now;相反就使用now-date <div id="box"></div> <script> function time(date) { var now

html5 web workers-爱代码爱编程

HTML5 Web Workers web worker 是运行在后台的 JavaScript,不会影响页面的性能,更好的解释是,你可以使用web worker提供的一种简单的方法来为web内容在后台线程中运行脚本,这些线程在执行任务的过程中并不会干扰用户界面! 什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态

html5 应用程序缓存-爱代码爱编程

HTML5 应用程序缓存 使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。这意味着,你可以在没有网络连接的情况下进行访问。 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应

data uri: 将文件转换为 url-爱代码爱编程

Data URI: 将文件转换为 URL 如果你想在网页上显示图片,最常用的方法就是使用 HTML 中的 img 标签并将其链接到一个图片文件的 URL。然而,在某些情况下,这种方式可能不太实际:例如,当你需要在代码中嵌入

css 垂直导航和水平导航的设计实例代码-爱代码爱编程

CSS设置导航栏 HTML文档的导航栏,是网页的重要组件之一,比如当前网页的顶部的那个,可以使用HTML的无序列表来进行定义设计,当然,要设置成那样的样式,还需要使用到前端的框架。除此之外,网页的导航一般包含在nav元素(语义标签)之内。这一节介绍的导航栏包括垂直导航和水平导航,并通过CSS进行设置。 垂直导航栏 示例和在线编辑器:CSS 垂直导航和

mapbox gl js实现炫酷的地图背景-爱代码爱编程

经常看到网上的各种地图,有着炫酷的地图背景,用户体验非常不错。在Mapbox GL JS这块,其实关于地图的背景没有太多的设置。但当我们想基于Mapbox GL JS实现炫酷的地图背景改怎么办呢?这里我从三方面介绍一下,如何

数字华容道 test-爱代码爱编程

仅作个人学习用 因为是完全随机分配数字 因此有较大可能生成无解情况 后续准备     1、Timer     2、解决无解情况 <html> <head> <meta charset="utf-8" http-equiv="Content-Type" content="text/html; charset=gb2312"

表白,你值得拥有-爱代码爱编程

<!doctype html> <html> <head> <meta charset="utf-8"> <title>js爱心</title> <style> html, body {   height: 100%;   padding: 0;   margin: 0;

html js 捕捉鼠标右键事件,按下滚轮事件,左键点击事件-爱代码爱编程

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <tit

html中滚动小球的demo-爱代码爱编程

类似于下图的效果: 代码: 1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <title>Promise animation</title> 6 <meta http-equiv="Content-Type

使用css3在网页中实现各种三角形样式集合-爱代码爱编程

大家在浏览web网页的时候经常看到有各种各样的图形,比如圆形,正方形,长方形,三角形等,今天特意做了一个关于用CSS实现三角形的教程,那css三角形怎么写呢?css实现三角形的原理是什么? 我们知道有一个特效是span下拉列表,也就是说当鼠标放上一个div时,会出现原本隐藏的内容或者二级菜单,这样一个下拉列表会突出来一个小的三角形指向原本的div区域块,

html布局-爱代码爱编程

一、BFC的理解和应用 1.BFC的概念? Block Format Context 块级格式化上下⽂,⼀块独⽴的渲染区域,内部元素的渲染不会影响边界以外的元素。  形成BFC的常⻅条件: float的值不等于 none;position值是 absolute或 fixed;overflow不是 visible,( overflow

零基础也能玩转javascript——(三)了解分支-爱代码爱编程

一、三目运算符(三元运算符) if双分支有一种简写方式:条件 ? 条件成立时运行的代码段 : 条件不成立时运行的代码段 a>b ? console.log(a) : console.log(b) 这种表达双分支的方式