- 博客(15)
- 收藏
- 关注
RSS订阅原创 git commit规范
如何规范git commit提交github是我们用于协同开发的平台，方便开发人员协同开发，极大提高了开发效率，但是经过团队第一次协同开发后，我们发现了一个很大的问题，我们的git commit非常不规范，至于在开发后期项目出现bug之后，很难找到问题所在，为了规范以后的开发，学习使用commitizen,husky以及standard-version来规返回git commit提交，并且自动化生成CHANGLOGcommitizencommitizen是用来制定git commit规范的工具首先让
2022-01-23 15:34:04
7726
2
原创 vue前端开发规范
Vue前端开发规范1Vue项目文件/文件夹命名规范1.1文件夹命名规范属于components文件夹下的子文件夹，使用大写字母开头的PascalBase风格全局通用的组件放在 /src/components下其他业务页面中的组件，放在各自页面下的 ./components文件夹下每个components文件夹下最多只有一层文件夹，且文件夹名称为组件的名称，文件夹下必须有index.vue或index.js，其他.vue文件统一大写开头（Pascalcase），components下的子文件夹名
2022-01-17 22:08:44
941
原创 解决opacity继承与层叠冲突问题
解决opacity继承与层叠冲突问题在实现盒子透明但是文字不透明的过程中，遇到了很多问题，之前本以为自己解决了那个问题，但是看了css世界后，发现并没有那么简单，所以写篇博客来分享一下心得先了解一下两种解决办法利用background-color的rgba属性,a就代表了透明度利用opacity属性第一种方法只要找到了rgba分别代表上面就找到怎么解决了我这里只对第二种方法进行阐述opacity概述先来看看MDN官方解释:opacity属性指定了一个元素的不透明度。换言之，opaci
2021-10-31 21:43:28
785
原创 第一次培训博客
入门第一个网页下载vscode -> 新建文件(提醒最好用英文) ->下载插件(用于生成HTML代码片段等功能) -> ! + enter/tab(生成模板) -> 敲代码 -> 打开网页(alt + b/鼠标右键点击open in brower)小知识概念:li*10+回车生成十个li标签lorem*num生成num行文字用来平常写demo测试注释:ctrl+/添加再按一次取消，注释不参与运行，就是为代码阅读者提供帮助的，要养成习惯元素：
2021-10-16 21:34:26
126
原创 css position定位
css position定位为什么需要定位定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子，一开始是为了实现文字环绕效果而浮动可以让多级块级盒子一行没有缝隙排列显示，经常用于横向排列盒子需要知道的知识点标准流：页面里显示的bai顺序和代码里的顺序一致边偏移left，right,top,bottom静态定位(static)静态定位是元素的默认定位，无定位相对定位(relative)特点相对于元素本身原来的位置移动原来的位置保留,后面的盒子仍然以标
2021-02-12 17:37:29
114
原创 javascript BOM
javascript BOMbom简介BOM是浏览器对象模型学完DOM，你有没有觉得BOM与DOM应该会有什么联系呢，没错，我们先来看一看DOM与BOM的定义吧DOM文档对象模型，DOM就是把文档当做一个对象来看待，DOM的顶级对象是document，DOM主要学习的是操作页面元素BOM浏览器对象模型，把浏览器当做一个对象来看待，BOM的顶级对象是window,BOM主要学习的是浏览器窗口交互的一些现象是不是可以看出联系BOM比DOM更大DOM包含在BOM里面(window:win
2021-02-09 21:10:55
207
原创 rem适配布局
rem适配布局rem是一个相对单位，相对于html字体元素大小rem可以通过html字体大小来实现整体控制媒体查询语法规范mediatype媒体类型all用于所有设备screen用于电脑屏幕，平板电脑，智能手机print用于打印机和打印预览and not only关键字and将媒体类型与多个媒体特性连接在一起not排除某个媒体类型(可以省略)only只定义某个媒体类型(可以忽略)media feature媒体特性widthmin-width最小宽度max-width
2021-02-06 16:51:28
163
1
原创 javascript DOM
javascript DOM这里写目录标题javascript DOM什么是事件什么是DOM获取元素操作元素节点操作事件操作DOM事件流DOM事件流什么是事件html事件就是发生在html元素上的事情下面是一些常见的html事件onclick:用户点击了html元素onmouseover:用户把鼠标移动到html元素上onmouseout:用户把鼠标移开html元素onkeydown:用户按下键盘按键onload:浏览器已完成页面加载onchang;html元素已被改变onfocus:
2021-02-04 21:59:27
188
2
原创 javascript初识
javaScriptjavaScript的初识javascript解释：是一种脚本语言，通过js引擎对js代码逐行解释javascript作用：表单动态检测网页特效服务端开发桌面程序apphtml,css,js的关系：html和css是描述类语言，js是编程类语言。html可以看作身体，css是着装，而js是动作javascript的组成，ECMAScript:javascript语法，DOM:页面文档对象模型,BOM:浏览器对象模型。这里我们只有ECMAScript内容java
2021-01-31 20:59:02
157
原创 css flex布局
一，flex布局原理什么是flex布局flex弹性布局，用来为盒装模型提供最大灵活性，任何一个容器都可以指定flex布局注意事项因为flex布局pc端浏览器支持情况较差。所以如果是pc端页面布局建议使用float,position布局，如果是移动端或者不考虑兼容性问题的pc端页面布局，建议用flex布局在父级元素设置为flex布局后，子元素的float,clear,vertical-align属性将失效容器二，flex基础概念容器：采用flex布局的元素，父级元素项目：在flex布局中
2021-01-30 14:17:36
227
1
原创 css3
css3+HTML5css3边框border-radius创建圆角边框box-shadow向矩形添加阴影border-image使用图片描绘边框，IE浏览器不支持使用了解就好css3背景background-size,这个属性规定背景图片的尺寸，可以用像素或者百分比规定尺寸，注意:如果用百分比规定属性相对的是父级元素的高度和宽度background-origin属性规定背景图片的定位区域，背景图片可以放置在content-box,padding-box,border-box.
2021-01-29 18:12:02
120
1
原创 css
csscss背景background背景background-color背景颜色，背景颜色没有继承，默认值为transparent.background-image背景图像,如果需要设置一个背景图像，必须为这个属性设置一个url值background-position背景位置，可以使用关键字或者百分比像素，关键字有center,top,bottom,left,right,如果有两个关键字就是先水平后垂直百分比也是一样background-attachment背景关联,默认是scoll(
2021-01-24 17:34:48
109
原创 Html回顾
Html回顾基础知识点Html的标题标签是由h1~h5展示的Html的段落是由p来定义的Html的链接由a来定义的Html的图像由img来定义的换行定义水平线Html文本格式化文本格式化标签加粗变大强调倾斜变小下上插入删除计算机输出标签计算机代码键盘计算机代码样本打字机代码变量定义预格式文本保留空格与换行引用与术语定义[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7Y4xF6dA-1611367890017)(file:///C:\Users
2021-01-23 10:12:06
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人