Daisy__xu的博客

Vue学习笔记总结一入前端深似海，在前端的工作过程中我们只有不断的学习新技术，才能不被淘汰，之前学习Vue的时候做了一些总结，现在把它整理出来，希望能帮助一些还没有上手的同学迅速上手。 下面我们就进入正题了。首先，了解软件的人人都知道，了解一门语言，或者学习一门新技术，编写Hello World是最基础的。下面就来看个例子。     

#ID li{font-size:12px;}这句代码，我相信程序猿都不会觉得陌生，但直到今天我才知道其中奥秘。我们会想象浏览器先找到唯一的 id  的元素，然后把样式应用到其直系子元素 li 元素上。这看起来好像还挺高效的。事实上，CSS 选择符是从右到左进行匹配的。所以，上面的这条规则并不高效，浏览器必需遍历页面上的每个 li 元素并确定其父元素的 id。具体规

CSS FilterCSS Filter介绍 css Filter是css3的属性,提供的图形特效,像模糊,锐化或元素变色。现在移动端和PC的主流浏览器都开始对 CSS Filter 进行支持了，详情请参考浏览器兼容情况。filter 可以支持很多效果函数: 更多blur 给图像设置高斯模糊。brightness 给图片应用一种线性乘法，使其看起来更亮或更暗。contrast

看到一个css光影一闪而过 css 色泽效果然后我在项目中希望这个光影效果一直闪烁，所以在原有的基础上进行了改进。下面粘代码：@-webkit-keyframes showimg{0% {position: absolute;     left: -100%;                     top: 0;     width

下面就由我来哔哔啦。在最近的项目中得到这样的一个需求，要求视频和图片成组进行播放。话不多说，下面就来展示代码： .img_box{ width: 1080px; height: 1920px; } #myvideo{ position: absolute; top: 0; left: 0; }

sass语法总结1.导入@import "reset.css"; css不会被合并在一个文件里@import "a"; scss导入时可以去掉后缀，会和导入文件合并在一个文件里2.注释/* */ 会在css中生成注释// 不会在css中生成3.变量3.1普通变量$fontSize: 12px;body{    font-siz

在项目中遇到一个问题，由于项目是触摸屏项目，不关机，不重启就只能执行一次首页函数，如果后台数据改变，就没办法获取最新数据，于是就用定时刷新的办法解决。下面代码：   var timeTask=setInterval(function(){        var date=new Date();        var h=date.getHours(); 

在近期的项目中遇到一个小小的问题，文本太长导致自动换行，出现了好多空白区域，于是作为小白的我，百度的一下，发现了解决问题的办法。下面我们就来探讨探讨：1、word-wrap和word-break1.1、css中word-wrap属性用来表明是否允许浏览器在单词中进行断句，就是俗称的换行1.2、css的word-break用来标明该怎么样进行断句

git init(初始化仓库)git clone(克隆仓库)git status(查看相关指令)git add以及git add .(新增文件)git pull(拉取团队其他同仁的文件)git commit(提交自己新增的文件)git push(上传文件到仓库)git log(查看相关日志)菜鸟一只，如有错误，网大神们指点。

在漫长的前端开发过程中，我们常用的几种本地缓存机制：Cookie,LocalStorge,SessionStorge 1.Cookie的特点1）cookie的大小受限制，cookie大小被限制在4KB，不能接受像大文件或邮件那样的大数据。2）只要有请求涉及cookie，cookie就要在服务器和浏览器之间来回传送（这解释为什么本地文件不能测试cookie

使用方法以及资源请访问https://github.com/XuXiaoGH/dateformat.js

flex 基本概念使用 flex 布局首先要设置父容器 display: flex，然后再设置 justify-content: center 实现水平居中，最后设置 align-items: center 实现垂直居中。#dad { display: flex; justify-content: center; align-items: center}

水平居中1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{ width:

css伪类 :focus-within可以非常方便处理获取焦点状态。div class="container"> label for="text">请输入你的名字label> input type="text" /> div>.container:focus-within { background-color: #fff; }当div.container