共享博客 - 简单搜索

容器溢出关于 overflow 的属性值详细介绍

2024年04月06日容器溢出语法：overflow: visible | hidden | scroll | auto | inherit; visible: 默认值，容器溢出不裁剪，正常显示; hidden: 溢出部分隐藏不可见; scroll: 当容器没有溢出时，会显示一个默认的滚动条，当容器溢出时，显示一个可以滚动的滚动条; auto: 当容器溢出时，显示滚动条; inherit: 规定从父元素继承overflow属性;当然，还可以设置

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

2024年04月06日 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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

弹性盒布局 flex项目属性介绍

2024年04月06日 1. order 设置 flex 项目的排列顺序，值越小越靠前2. align-self 设置某个 felx 项目不同于其他 flex 项目的交叉轴对齐方式语法:align-self: flex-start | flex-end | center | baseline | stretch;3. flex-grow 设置 flex 项目的放大比例语法:flex-grow： 0; 默认值为0，即使存在剩余空间，也不放大; 当值为1是，flex项目

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

js简单实现点击之后显示全部效果介绍

2024年04月06日在很多文章页面，可能文章比较多，在一半之后，会有个按钮之类"点击阅读全部/查看更多/阅读剩余内容"，点击之后就会显示所有隐藏的内容，在之前，鹏仔一直没写过写个效果，刚好今天开发项目遇到了，就给大家简单讲解下此效果的一个小方法，方法可能不是最简单的，大家自己了解即可。首先 css代码<style> .content{ overflow: hidden; height: 1000px; widt

前端 JS JavaScript

git与svn的区别是什么？

2024年04月06日 git是分布式的，svn不是。 git跟svn一样有自己的集中式版本库或服务器。但git更倾向于被使用于分布式模式，克隆版本库后即使没有网络也能够commit文件，查看历史版本记录，创建项目分支等，等网络再次连接上Push到服务器端。 git把内容按元数据方式存储，而svn是按文件。所有的资源控制系统都是把文件的元信息隐藏在一个类似.svn,.cvs等的文件夹里。 git目录是处于你的机器上的一个克隆版的版本库，它拥有中心版本库上所有的东西，例如标签

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

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

2024年04月05日一、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

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

css图片整合技术的概念及优缺点（雪碧图，精灵图，滑动门技术）

2024年04月05日一、图片整合的概念将多张图整合到一张背景图中，使用background-position 来实现图片的定位的技术叫图片整合技术，也称雪碧图，精灵图，滑动门技术。二、优势 1.将多张图整合到一张图中，减少了对服务器的请求，加快了图片的加载速度，从而达到了网站性能的优化； 2.减小了图片的体积。（当页面加载时，不是加载每个单独图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

box-sizing常用属性有哪些？含义是什么？

2024年04月05日 box-sizing常用属性有哪些？含义是什么？含义: box-sizing 是用来设置盒模型的尺寸属性:box-sizing: border-box;总宽高不包含padding和borderbox-sizing: content;总宽高包含padding和border

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS