2024年04月14日 ajax的优势是什么? 1.无刷新更新数据 2.异步与服务器通信 3.基于标准被广泛支持 4.前端与后端分离 5.节省宽带

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

2024年04月14日 面向对象和面向过程的区别:一、面向过程编程,又叫面向函数编程,即永远面对的都是函数 首先考虑的步骤(每个步骤就是一个函数) 在实现函数时,我们就知道需要哪些数据二、面向对象编程,永远面对的是对象(对象作为一个整体) 首先考虑的是项目中有哪些对象(角色),每个对象有属性和方法 在考虑步骤(每个角色之间如何配合的问题)

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

2024年04月14日 Cookie的特点有什么?1.cookie可能被禁用2.cookie是与浏览器相关的,不同浏览器所保存的cookie也是不能相互访问的3.cookie可能被用户删除4.cookie安全性不够高,如果要保存用户名密码等信息时,最好事先经过加密处理5.储存的数据量4K大小,cookie只支持存储string类型的数据6.简单易用7.信息存储于用户硬盘,因此可以作为全局变量

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

2024年04月14日 运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法?一、在屏幕窗口水平垂直都居中,方法如下:元素{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }二、在父级元素中水平垂直都居中,方法如下:父元素{ position: relative; } 子元素{ position: absolute;

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

2024年04月14日 如何使用border属性实现一个三角形样式?解决方案:元素{ width: 0px; height: 0px; border: 10px solid transparent; /*注:要显示那个方向的三角,就给这个方向设置颜色即可*/ border-top-color: red; }

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

2024年04月14日 很多网站效果,当页面向下滚动到某高度时候,导航栏或者其他会悬浮固定到顶部或某个位置,那么下面鹏仔就给大家简单介绍下css代码<style> .show{ position: fixed; top: 0; } #nav{ width: 100%; height: 60px; background: pink; } .box{

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

2024年04月14日 可能在大家布局时候,刚好需要给某个盒子设置一个背景色,并且还有背景图,那么如何来设置呢?下面,鹏仔给大家简单讲解如下方代码,给class名为的bg的盒子,先写设置背景图(平铺/位置根据需求),背景图大小(根据需求),再去设置背景色即可;.bg{ background: url(img/1.jpg) no-repeat center; background-size: 10px 10px; background-color: pink; }

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

2024年04月14日 目前,大多网站,都有点击返回顶部效果,尤其是页面内容比较多的网站,有了点击返回顶部,不需要用户翻阅上去,直接点击之后滚动到顶部,一般情况下,都是在网站右下角有个固定定位的小火箭/飞机等之类的图标;当然是用锚点链接也是也可做到,但是给用户体验不是很好,所以鹏仔本次给大家用jquery带来的一种简单方法,代码如下:在使用下方代码之前,必须先引入jquery,jquery版本大家可自行去下载<script> //返回顶部 $(function(){ /

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

2024年04月14日 在使用VUE时,不能直接对节点直接进行操作,所以可能大家需要操作dom获取节点或者通过mounted来对节点进行操作,那么鹏仔给大家带来下面两个方法讲解第一种:通过选择器来获取template中代码<template> <div> <canvas id='top' > </div> </template>js代码<script> export defaul

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

2024年04月13日 各个网站基本都有一个独特的ico小图标,比如上图,本次鹏仔给大家带来的是给网站设置一个ico小图标教程。 首先大家可借用PS工具或者其他制图工具之类,去设计一个属于自己的小图标,大小一般16*16即可,图标可为png,jpg等,接着,大家可在百度直接搜索:ico小图标在线生成,然后将你的制作好的图标上传生成后缀为ico的图标保存下来。 一般图标的名称为 favicon.ico ,也可以根据自己的网站名称去命名。 接着,我们需把小图标上传到你的服务器,

2024年04月13日 gif、jpg、png格式的图片在网站制作中的区别Gif格式特点:  1.透明性,Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha透明)。  2.动画,Gif这种格式支持动画。  3.无损耗性,Gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。  4.水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的,当压缩gif的过程中,像素是由上到下水平压缩的,这也意味着同等条件下,横向的gif

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

2024年04月13日 html是一种基本的web网页设计语言,xhtml是一个基于XML的置标语言。最主要的不同: XHTML元素必须正确的被嵌套,元素必须关闭,标签必须小写,必须有根元素。

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

2024年04月13日 谈谈你对html5的了解: 1.良好的移动性,以移动设备为主。 2.响应式设计,以适应自动变化的屏幕尺寸 3.支持离线缓存技术,webStorage本地缓存 4.新增canvas,video,audio等新标签元素。新增特殊内容元素:article,footer,header,nav,section等,新增表单控件:calendar,date,time,email,url,search。 5.地理定位... 6.新增webSocket/we

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

2024年04月13日 如何对网站的文件和资源进行优化1.文件合并(目的是减少http请求)2.文件压缩 (目的是直接减少文件下载的体积)3.使用cdn托管资源4.使用缓存5.gizp压缩需要的js和css文件6.meta标签优化(title,description,keywords),heading标签的优化,alt优化7.反向链接,网站外链接优化

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

2024年04月13日 html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的;cookie是网站为了标示用户身份而储存在用户本

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