前端
关注
分享
扫一扫
绘梦逐心
这个作者很懒，什么都没留下…
展开
-
flex布局换行盒子上下有缝隙
flex布局换行盒子上下有缝隙可能是其他盒子有高度的原因 撑开了display: flex;flex-wrap: wrap;align-content: flex-start;//侧轴应该就好了原创 2020-12-04 16:00:52 · 2302 阅读 · 1 评论 -
记一次基于element-ui的vue-demo
一、登录部分1.登录部分的修改 重置使用element中的 Form组件 完成结构样式其中的参数<!-- model:表单数据对象 rules:校验规则 ref:获取组件 prop:校验、重置用的 --> ref=LoginForm <!-- label-width="100px" 给了具体的值就在左边 没给就显示在上面 -->提交的时候 获取表单this原创 2020-11-21 22:09:18 · 418 阅读 · 0 评论 -
前端—scss
一、安装使用ruby ==> sass二、编译vscode配置三、变量1、基础的变量$base_color:#1269b5;.box { color:$base_color;}2、在变量里面也可以引入其他的变量$base_border:1px solid $base_color;四、嵌套正常嵌套使用&符号会引用父选择器伪类&:hover属性的嵌套body { font-family: 'Courier New', Courier, m原创 2020-11-21 20:19:25 · 379 阅读 · 0 评论 -
前端—Ajax基础
一、get和post请求报文的对比get请求的请求报文详解//--------------------------请求行--------------------------------// GET 请求方式// /qk/01.php?username=lw&password=123456 请求路径+参数// HTTP/1.1 HTTP的版本号GET /qk/01.php?username=lw&password=123456 HTTP/1.1//-----------原创 2020-11-20 21:15:48 · 374 阅读 · 1 评论 -
前端—jQuery知识查看
基础一、入口函数两种写法：//第一种写法$(document).ready(function () {});//第二种写法$(function () {}); //不存在覆盖问题原生：window.onload二、DOM对象和jq对象DOM 对象转换成 jQuery 对象var $obj = $(domObj); 用$把dom对象包装一下// $(document).ready(function(){}); 就是典型的DOM对象转jQuery对象jQuery 对象转换成 DO原创 2020-11-20 19:59:37 · 156 阅读 · 0 评论 -
GIT操作学习笔记
git一. 本地管理1.1 git log : 查看提交过的日志1.2 git status : 查看当前状态把代码提交到仓库区工作区 == 1.3 ==> 暂存区 == 1.4 ==> 仓库区1.3 git add . : 把当前所有的文件添加到暂存区1.4 git commit -m xxx : 提交到仓库区1.5 过程--- git status ==> 变红 ===> git add . --- git status ==> 变绿 =原创 2020-11-20 15:33:23 · 106 阅读 · 0 评论 -
js制作自定义控件——进度条的拖动和点击
就只写进度条了HTML部分<div class="progress"> <div class="progress_bg"> <div class="video_progress"></div> </div> <div class="progress_btn"></div></div>CSS部分（用less写的）// 进度条.progress { position: relat原创 2020-08-07 20:27:10 · 756 阅读 · 0 评论 -
循环生成多行多列的精灵图背景位置
精灵图：结构：<!-- 利用循环精灵图背景获取背景位置 --><div class="emoji_page"> <a href="javascript:;" class="emoji__item"></a> <a href="javascript:;" class="emoji__item"></a> <a href="javascript:;" class="emoji__item"><原创 2020-08-02 14:25:46 · 282 阅读 · 0 评论 -
flex弹性布局中关于设置子项目内部padding的均分问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {原创 2020-07-03 15:35:55 · 2514 阅读 · 1 评论 -
伪类选择器配合阿里字体图标使用
首先引入<link rel="stylesheet" href="./fonts/iconfont.css">然后再使用 div { width: 200px; height: 35px; border: 1px solid red; } div::after { content: '\e8b0'; font-family:原创 2020-06-17 21:43:06 · 416 阅读 · 0 评论 -
浮动元素不能覆盖的元素
浮动的元素可以覆盖标准流中的块级元素那么浮动元素不能覆盖哪些元素呢？- 浮动的元素不能覆盖行内块元素- 浮动元素不能覆盖行内元素- 浮动的元素不能覆盖文字（图文环绕 最初的目的）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale.原创 2020-06-17 20:44:56 · 799 阅读 · 0 评论 -
单行文本及多行文本溢出用省略号显示
单行文本溢出：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {原创 2020-06-16 22:51:48 · 152 阅读 · 0 评论 -
使用vertical-align:middle时距离父元素上间距大于下间距的小bug
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m原创 2020-06-15 23:54:43 · 228 阅读 · 0 评论