前端基础知识整理
关注
分享
扫一扫
文章平均质量分 65
前端基础知识整理：html + css +js
是迪迪呀.
写博客是为了记笔记！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目配置打包测试环境/生产环境
vue项目配置打包测试环境/生产环境：开发环境运行命令：npm run serve生产环境打包命令：npm run pro测试环境打包命令：npm run build步骤：1.项目中添加一个配置ip的js文件，比如如下的ip-config.js（位置不重要）2.在生成axios实例的时候引入，封装baseUrl3.在main.js中全局引入封装号的axiosimport http from "@/utils/request";Vue.prototype.$http = http;原创 2022-03-22 20:00:00 · 13017 阅读 · 5 评论 -
H5基础【3】—进度条、获取元素与拖拽
一、进度条二、h5获取元素的方式三、拖拽事件1.在h5之前，原生js的拖拽事件2.h5的拖拽事件原创 2021-05-08 23:07:40 · 1293 阅读 · 1 评论 -
H5基础【2】—音视频总结
最近抽了点时间，整理一下一些前端基础知识，写的不好的地方请大家踊跃留言，我会继续优化这一系列文章：一、音频audio二、视频video1.视频的资源格式2.视频播放三、全屏原创 2021-05-08 23:07:10 · 421 阅读 · 2 评论 -
H5基础【1】—form表单新旧属性
一、html中的form老属性二、h5中的form新属性1.邮箱email2.数字number3.手机号tel4.服务器网址url5.搜索search6.调节按钮(进度)range原创 2021-05-08 23:06:39 · 542 阅读 · 1 评论 -
CSS3【5】—动画总结
最近抽了点时间，整理一下一些前端基础知识，写的不好的地方请大家踊跃留言，我会继续优化这一系列文章：文章目录1.动画要素2.动画执行的曲线3.动画延迟4.动画重复5.逆向执行6.最终状态7.自发执行原创 2021-05-07 14:23:34 · 248 阅读 · 1 评论 -
CSS3【4】—2d/3d转换总结
一、2d转换`transform`1. 位移`translate()`2.旋转`rotate()`3.缩放`scale()`4.倾斜`skew()`二、3d转换1.位移`translate`2.旋转`rotate`3.缩放`scale`原创 2021-05-07 14:11:08 · 506 阅读 · 2 评论 -
CSS3【3】—before、after和content
一、before二、after三、content页面中的每一个元素中都默认已含有这两个子元素before ：在什么什么之前after ：在什么什么之后但是可以作为一个真正的元素承载内容，（有区别）离不开 content的样式值原创 2021-05-07 13:22:47 · 984 阅读 · 1 评论 -
CSS3【2】—特效总结
一、盒子阴影`box-shadow`二、文本阴影`text-shadow`与背景`background-clip`1.文本阴影`text-shadow`：2.背景`background-size|clip|image`三、自定义字体`font-family`四、圆角`border-radius`五、分页`column-count|gap|rule`原创 2021-05-07 10:04:45 · 297 阅读 · 1 评论 -
CSS3【1】—选择器总结
一、兄弟选择器1.相邻兄弟选择器2.通用兄弟选择器二、属性选择器1.基础选择器2.并列属性3.表示更加精确的匹配:三、伪类选择器1.让标记更加的凸显2.结构伪类一、兄弟选择器1.相邻兄弟选择器基本语法： 参考选择器+目标选择器{样式}匹配规则： 参考选择器 下的紧挨着的那个兄弟，所有的 { 之前放的都是 选择器//加号左右有空格，匹配id为tag的标签紧挨着的p兄弟标签#tag原创 2021-04-30 15:49:12 · 603 阅读 · 1 评论 -
CSS基础【4】—浮动总结
一、标准文档流二、元素的浮动属性浮动的规则或作用：三、浮动带来的影像以及清除浮动1.浮动带来的影响:2.清除浮动:原创 2021-04-30 17:20:02 · 245 阅读 · 0 评论 -
CSS基础【3】—盒子模型总结
一、盒子模型之边框border1.四个方向2.三个属性:3.示例：上边框设置:二、盒子模型之内边距padding三、盒子模型之外边距margin1.有四个方向:2.margin之边框塌陷问题四、标准盒子模型和IE盒子模型1.标准盒子模型2.IE盒子模型原创 2021-04-30 16:53:05 · 473 阅读 · 0 评论 -
CSS基础【1】—选择器总结
基本选择器 元素/标签选择器 能够选择页面上指定的所有标签 css语法: 标签名{ CSS代码 }原创 2021-04-30 15:50:08 · 469 阅读 · 1 评论 -
CSS基础【2】—CSS总结
一、CSS简介二、标签四大通用属性1.id2. class3. title4.style三、CSS的三种定义方式1.内嵌式2.行内式3.外链式三种方式优先级问题四、页面元素的属性分类1.块级元素2.行内元素3.行内块元素元素属性转换五、background相关1.关于背景`background`都有哪些值2.background属性连写原创 2021-04-30 15:52:08 · 460 阅读 · 0 评论 -
HTML基础【3】—表单总结
表单：表单: 就是能够收集用户信息 并且将信息提交给服务器的多个标签元素表单:表单域是最大的 里面可以存放 表单控件以及提示信息表单域: formaction=""服务器地址input type="text" 输入框常用属性value="" 输入框默认的内容placeholder="" 输入框提示文字name="username" 有name的输入框 表单提交时 才会提交数据https:原创 2021-04-29 17:36:14 · 221 阅读 · 0 评论 -
HTML基础【2】—table总结
table的常用属性:border="" 表格的边框宽度width="" 表格的宽度height="" 表格的高度cellspacing="" 单元格到周围的距离cellpadding="" 单元格内文字到单元格的举例align="left|right|center" 默认left 当前表格在页面中的对齐位置bgColor="red" 背景颜色borderColor="green" 表格的边框颜色tr的常用属性align="left|right|center" 当前行文原创 2021-04-29 15:37:52 · 430 阅读 · 0 评论 -
HTML基础【1】—标签总结
一.标签分类：单标签：独立一个标签就能完成功能，不需要内部嵌套内容；如 <br/>双标签:内部可以嵌套其他内容进行显示；如<h1>标题1</h1>二.标签列表：<meta charset="GBK"/><title>我是浏览器标签头部title</title><head>和title标签是嵌套关系</head><p> 段落标签/标记:上下各原创 2021-04-29 15:37:38 · 150 阅读 · 1 评论