Css背景切割与原点属性语法介绍以及使用

1. 背景切割 语法:background-clip: border-box | padding-box | content-box; border-box: 默认值,背景在包含边框以内的区域可见 padding-box: 背景在包含padding以内的区域可见 content-box: 背景在content部分可见2. 背景原点 语法:background-origin: padding-box | border-box | content-b 继续阅读

图像边框 border-image的语法属性介绍以及使用

1. 图像边框路径border-image-source: url(图片路径);2. 图片边框裁剪位置border-image-slice: 数值; 注: 只写数值不加单位专指像素border-image-slice: 27 fill; 默认情况下中间部分不显示,如果需要显示添加 fill 属性3. 图像边框平铺属性border-image-repeat: stretch | repeat | round; stretch: 默认值,拉伸 repeat 继续阅读

关于VUE常会问到的部分面试题

1.vue的虚拟dom? 虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。2.如何理解vue中MVVM模式? MVVM全称是Model-View-ViewModel;vue是以数据为驱动的,一旦创建dom和数据就保持同步,每当数据发生变化时,dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。DOMListeners监听页面所有View层DOM元素的变化,当发生变化,Model层的数 继续阅读

Css选择器-结构性伪类选择器

1. :first-child 匹配每个父元素下的第一个子元素 eg:.uls :first-child{ color: red; } 匹配 .uls 下第一个子元素 eg:.uls li :first-child{ color: red; } 匹配 .uls 下第一个子元素 li ,此时 li 必须是父元素下的第一个子元素 注: :first-child 等价于 :nth-child(1) 都是匹配父元素下的第一个子 继续阅读

Css3基础变形的语法以及使用介绍

语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移);注: 当多种变形方式综合在一起时,用空格隔开1. rotate 旋转( X/Y/Z 必须为大写 ) ① rotateX(30deg) 沿X轴翻转30deg 等价于 rotate3d(1,0,0,30deg) 3d空间的沿X轴翻转 ② rotateY(30deg) 沿Y轴翻转30deg 等价于 rotate3d(0,1,0, 继续阅读

懒猪介绍|友联申请|广告合作

站长:鹏仔先生(百变鹏仔)微语:懂得珍惜,才配拥有!微信:15129739599本站Q群:4997403 懒猪,是我一时想做个博客论坛类,供各位前端爱好者来写自己的博客,可是做了两周,发现并不是想的那么容易,于是,就改版了,站名未变,还是根据域名来走 SharedBlog 懒猪,目前,主要是来分享一些前端经验,开发经验,前端小技巧,小效果,小方法等,供各位爱好者来学习。 本站并非大牛站,站长本人也是一个小白,希望大家多多支持。 懒猪友情链接申请,请联系站长微 继续阅读

一个程序猿的博客 感谢大家一直以来对我的支持

2018-11-26 01:00 好吧!现在心情是比较好的,因为博客从2018年5月11日起步至今有半年了,我已更新164篇文章,今天,终于算是一个小解放,我终于将html和css等基础小知识基本已整理完成,接下来我就要开始整理javascript了。 博客起初,我只是单纯想让更多人一起来发文章,写文章,做一个轻量级的懒猪,但是建站两周吧,并没有想象中的那么好,所以算了吧,就干脆自己来搞吧! 因为一直也在上班,前端职业(初级),有时候经常加班,隔三差五的更新 继续阅读

什么是网站的死链接、出现的原因、如何查找

死链接就是说:因为链接的更改或者搜索引擎所收录的网站路径被删除,形成没法打开的死链接,也就是无效链接。网站原本继承了一定的权重,但是形成大量的死链接之后,权重会丢失,很容易导致降权。怎么查找网站的死链接? 1.可使用百度站长平台,使用抓取异常看到; 2.分析iis日志查看404状态码; 3.利于GOOGLE管理员工具; 4.其他平台所提供的工具查询。死链接出现的某些原因: 1、动态链接在数据库不再支持的条件下,变成死链接。某个文件或网页移动了位置 继续阅读

网站被恶意点击怎么办?对排名会不会有影响?

别人刷我们网站,导致我们跳出率很高,这个是没办法制止也没办法解决的,但是百度是有相关算法,某种程度上会判定为无效的流量,这个点不用担心。 如果我们站做的非常好,别人谁想要刷爆你是不可能的事情,只会越刷网站排名越好。新站被恶意点击: 1.网站一直不好,可能是通过别人的恶意点击上去了,最终你排名下来是很正常的事情; 2.网站有排名突然排名掉了,可能是你自己最近做了哪些不恰当的操作引起的。 所以说恶意点击不会影响我们的排名,只要我们按照正规的方式去操 继续阅读

网站权重是什么? 快速提高网站权重的小知识 以及 权重传递原则

对很多刚做网站的站长,也许也不知道网站权重是什么? 网站权重是指搜索引擎给网站(包括网页)赋予一定的权威值,对网站(含网页)权威的评估评价。 一个网站权重越高,在搜索引擎所占的份量越大,在搜索引擎排名就越好。提高网站权重,不但利于网站(包括网页)在搜索引擎的排名更靠前,还能提高整站的流量,提高网站信任度。所以提高网站的权重具有相当重要的意义。 权重即网站在SEO中的重要性,权威性。英文:Page Strength。 1、权重不等于排名 2、权重对排名 继续阅读

移动端相关概念

1. 屏幕尺寸 屏幕尺寸是指屏幕对角线的长度,单位为英寸,1英寸=2.54厘米2. 屏幕分辨率 屏幕分辨率是指横纵方向上的像素点数,单位为px,1px=1个像素点常见移动端设备屏幕分辨率 iphone5/iphone5s 1136*640 iphone6/iphone6s/iphone7 1334*750 iphone6plus/iphone7plus 1920*1080 iphone8 1334*750 iphone8plu 继续阅读

BFC的概念、BFC触发方式、BFC作用介绍

一、BFC的概念 BFC——block fomatting context(中文译为块级格式化上下文)二、 如何触发BFC 1. 设置 float 除 none 以外的值(left、right) 2. 设置 overflow 除 visible 以外的值(hidden、scroll、auto) 3. 设置 display 属性(如 table-cell、inline-block、flex) 4. 设置 position 属性(如 absolute 继续阅读

背景尺寸 background-size 属性语法介绍以及使用

语法:background-size: 值;1. length 该属性值是设置背景图的宽度和高度,第一个值代表宽度,第二个值代表高度,如果只设置第一个值,第二个值自动为auto,等比例缩放 eg:background-size: 300px 100px; /*有可能变形*/ background-size: 300px; 注: 背景图有可能会发生变形2. 百分比设置 以父元素的百分比来设置背景图的宽度和高度,第一个值代表宽,第二个值代表高,如果省略号 继续阅读

四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法

一、定宽高元素在屏幕窗口水平垂直都居中,方法如下:元素{ position: fixed; left: 50%; top: 50%; /*负值+宽的一半+单位*/ margin-left: -width/2+px; /*负值+高的一半+单位*/ margin-top: -height/2+px; }二、不定宽高元素在屏幕窗口水平垂直都居中,方法如下(此方法需要满足自身包含尺寸的元素,例如图片等):元素{ position: fixed; 继续阅读