日常
文章平均质量分 73
杂项
伯nulee
瞬间移动工程师
展开
-
【大前端】webpack初体验(1)
Webpack安装&使用安装npm install webpack webpack-cli -D使用方式方式一./node_modules/.bin/webpack --version方式二npx webpack --version入口(entry)**入口起点(entry point)**指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。出口(output)ou原创 2021-12-30 13:51:08 · 472 阅读 · 0 评论 -
【大前端】windows11使用docker配置本地数据库环境mongodb,mysql
Docker命令安装docker-desktop点击前往官网下载,一直下一步安装即可如果出现错误,说明wsl内核未更新到wsl2,点击下载安装之后重启docker-desktop即可查看已安装docker版本docker --version安装docker-composeDocker Compose是一个工具,旨在帮助定义和共享多容器应用程序。使用Compose,我们可以创建一个YAML文件来定义服务,并且使用单个命令,可以启动所有内容或将其全部拆解。使用 Compose的最大优点是,您原创 2021-12-30 11:48:13 · 1444 阅读 · 0 评论 -
CSS过渡与动画
过渡过渡的基本使用transition过渡可以为一个元素在不同样式之间自动添加“补间动画”transition属性四要素transition:width 1s linear 0s; /*要过渡的属性 过渡时间 线性过渡 延迟时间*/transition:top 1s linear 0s;<style> .box{ width: 200px; height: 200px; bac原创 2021-03-29 20:40:48 · 141 阅读 · 1 评论 -
CSS2D与3D变换
2D变形旋转变形将transform属性设置为rotate()即可实现旋转变形若角度为正,则顺时针方向旋转,否则逆时针方向旋转可以使用 transform-origin 自定义变换原点缩放变形将transform属性的值设置为scale(),即可实现缩放变形当数值小于1时,表示缩小元素;大于1表示放大元素斜切变形将transform属性的值设置为skew(),即可实现斜切变形位移变形将transform属性的值设置为translate(),即可实现位移原创 2021-03-27 13:30:50 · 237 阅读 · 0 评论 -
CSS背景与渐变
背景背景颜色基础知识background-color表示背景颜色,可以用十六进制,rgb(),rgba()padding区域是有背景颜色的背景图片基础知识background-image属性用来设置背景图片,图片路径要写到url()圆括号内,可以是相对路径,也可以是http://开头的绝对路径背景图片的重复模式background-repeat属性值意义repeatx,y均平铺repeat-xx平铺repeat-yy平铺no-repea原创 2021-03-27 13:29:21 · 312 阅读 · 0 评论 -
CSS边框与圆角阴影
边框边框的三要素线性线型值意义solid实线dashed虚线dotted点状线边框的三要素小属性小属性意义border-width线宽border-style线型border-color线去掉边框 border-left:none 属性即可去掉左边框,以此类推圆角border-radius属性的值通常为px单位,表示圆角的半径单独设置四个圆角也可以用百分比做单位,表示圆角起始于每条边的哪里原创 2021-03-27 13:27:25 · 294 阅读 · 0 评论 -
CSS浮动与定位
浮动浮动的最本质功能: 用来实现并排浮动的使用要点: 要浮动,并排的盒子都要设置浮动父盒子要有足够的宽度 ,否则盒子会掉下去子盒子会按顺序进行贴靠,如果没有足够空间则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素,已经脱离了标准文档流,一律能够设置宽度和高度,即使他是span或者a标签等垂直显示的盒子,不要设置浮动, 只有并排显示的盒子才要设置浮动BFC规范和浏览器差异BFC(块级格式化上下文)是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。原创 2021-03-27 13:24:57 · 174 阅读 · 0 评论 -
CSS盒模型
盒模型基本概念所有html标签都可以看成矩形盒子,由width、height、padding、border构成,称为盒模型width和height不是盒子总宽高,是内容宽高盒子的总高度=height+上下padding+上下border标签详解width单位通常是px,移动端涉及百分数,em 当块元素(div,h系列,li等)没有设置width属性时,它将自动撑满,不意味着可以继承height没有设置height值时,将自动被其内容撑开,如果没有内容,则heigh原创 2021-03-27 13:22:12 · 167 阅读 · 0 评论 -
CSS文本与字体属性
常用文本样式属性color 设置文本内容的前景色font-size 设置字号,单位通常为pxfont-weight 设置字体粗细font-style 设置字体的倾斜text-decoration 下划线删除线font-family 设置字体 字体可以是列表形式逗号隔开,一般英语字体放在前面,后面的字体是前面的“后备”字体。示例意义font-weight:normal正常粗细,与400等值bold加粗,原创 2021-03-27 13:20:27 · 116 阅读 · 0 评论 -
CSS选择器
传统CSS2.1选择器标签选择器和id选择器//标签选择器"覆盖面"非常大,所以 通常用于标签的初始化span{ }//id的名称只能由字母、数字、下划线、短横构成,不能以数字开头,字母区分大小写,习惯上用小写字母 同一个页面上不能有相同的id标签#div{ }class选择器//多个标签可以使用相同的类名 .warning{ }//同一个标签可以同时属于多个类 类名用空格隔开<p class="warning spec">我是段落&l原创 2021-03-27 13:19:18 · 75 阅读 · 0 评论 -
HTML基础
一次HTTP事务由“HTTP请求”和“HTTP响应”构成<!DOCTYPE html> <!--文档类型声明DTD--><html lang="en"> <!--页面语言 中文zh_CN--> <head> <meta charset="utf-8"> <!--字符集设置 meta元标签表示网页的基础配置--> <meta name="viewport" content="……">.原创 2021-03-27 13:17:20 · 99 阅读 · 0 评论 -
html超链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-12-05 14:17:32 · 174 阅读 · 0 评论 -
html音视频标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-12-05 14:08:47 · 214 阅读 · 0 评论 -
img图片标签及base64图片webp格式图片
语法<img src="链接" alt="描述">示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片标签</title></head&g原创 2020-12-05 13:06:07 · 2783 阅读 · 0 评论 -
html常见语义化标签
ie-不支持h5新增语义化标签,建议使用div span代替<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>原创 2020-12-05 10:06:56 · 699 阅读 · 0 评论 -
meta标签
<!DOCTYPE html><html lang="en"><head> <!-- meta标签用来设置网页中的元数据,它里面的内容不被用户查看, 一般用来告诉浏览器如何解析网页,或者告诉搜索引擎网页的主要内容 可选属性: name: 要设置的属性的名字 content: 要设置属性的内容原创 2020-12-05 09:19:05 · 145 阅读 · 1 评论 -
文档声明和meta标签
<!DOCTYPE html> <!-- 文档声明 告诉浏览器网页的版本 --><html lang="zh-CN"> <!--lang属性用来指定语言--><head> <!--meta用来设置网页的基本信息 <meta charset="UTF-8"> 用来指定网页的编码字符集(避免乱码问题) --> <meta charset="UTF-8"> <原创 2020-12-04 19:27:46 · 154 阅读 · 0 评论 -
The server time zone value '�й���ʱ��' is unrecognized or represents more than one time zone.
中文意思:服务器时区值 " 不能识别或表示多个时区。如果要利用时区支持,则必须配置服务器或 JDBC 驱动程序(通过服务器时区配置属性)以使用更规范的时区值按照意思就是需要配置时区属性于是我们在 application.properties中的url添加了以下代码&serverTimezone=UTC(通用协调时)...原创 2019-08-08 15:33:00 · 468 阅读 · 0 评论 -
vscode常用插件
HTML Snippets,提示初级的h5代码片段,标签等HTML CSS Support,让html标签写上class,智能提示当前项目所支持的样式。view in browers,ctrl+f1在默认浏览器中,运行当前的htmlvscode-icon,让vscode的文件夹目录添加上对应的图标。(如果不生效,在【文件-首选项-文件图标主题】重新选择设置)pa...原创 2019-08-01 14:20:29 · 413 阅读 · 0 评论 -
简历:技术面试注意事项
简历:技术面试注意事项必须项自我介绍 表达流畅,不要太差基础 自己百度常见面试题(不含答案) 坑:【答案很标准】 面试题的答案:一定不要背标准答案,一定要有自己的思想(哪怕有少量错误) 常见的题,一定要会:arraylist/hashmap的源码、实现源码、冒泡排序/快速排序、单例模式/工厂模式、谈谈你对面向对象的理解、事务ACID/隔离级别、Spring ...原创 2019-07-11 17:37:58 · 365 阅读 · 0 评论 -
Sublime Text必备插件
Sublime Text必备插件* SublimeCodeIntel 代码提示插件* Emmet 能够快速编写html,css标记的插件* IMESupport 用来支持输入法跟随光标显示的插件* ConvertToUTF8 自动把文件编码方式转换为UTF-8* 汉化插件 ChineseLocallization...原创 2019-06-20 15:28:02 · 467 阅读 · 0 评论