共享博客 - 简单搜索

什么是优雅降级和渐进增强？

2024年04月16日 1.渐进增强在刚开始，就针对低版本浏览器进行项目开发，然后在针对高版本浏览器进行交互效果的设置，简称渐进增强.box{ // 渐进增强写法 -webkit-tanstion: all .5s; -moz-transtion: all .5s; -o-transition: all .5s; transiton: all .5s; }2.优雅降级在刚开始开发的时候就以高版本浏览器进行开发，开发完后在针对低版本浏

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

移动端布局的相关单位

2024年04月16日 1. px 像素，相对于屏幕分辨率而言2. em 相对于父元素字体大小放到缩小多少倍 1em = 16px 注：由于元素字体大小不固定，所以不推荐使用em3. rem 相对于根元素字体大小放大缩小多少倍注：是rem布局方案中用到最主要的一个单位4. vw vw——viewport width （视图窗口的宽度） 1vw = 视窗口宽度的 1% vh——viewport height（视图窗口的高度） vmin vw和vh中

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

transition和animation有什么区别？

2024年04月15日 transition 和 animation的区别：1. transition 需要触发条件，不能在页面加载时自动发生2. transition 默认只能执行一次，再次执行需要再次触发3. transition 只有开始和结束两个状态，不能设置中间的状态4. animation 在页面加载时自动执行，并且可以像flash动画一样设置中间的关键帧

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

get和post有什么区别？

2024年04月15日 1. get主要用来获取数据，post主要用来发送数据；2. get可以传送的数据量较小，理论上不能大于2kb，post可以传送的数据较大，理论上没有限制；3. get安全性较低，post安全性更高。

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

link和@import有什么区别？

2024年04月15日 1. link属于html标签，除了可以引入css文件以外，还可以引入其他文件，@import属于css范畴，只能引入css文件；2. link引入的css文件和页面同时加载，@import引入的css文件在页面加载完成后在加载（加载顺序的区别）；3. link标签所有浏览器都支持，@import低版本浏览器不支持（浏览器的支持性）；4. link支持js改变Dom样式，@import不支持（是否支持js改变Dom）。

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

let变量和const变量有什么区别？

2024年04月15日 ES6新增let命令，用来声明变量，他的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。let变量 1.在块级作用域中起作用 2.不存在变量的提升 3.暂时性的死区 4.不允许重复声明 5.全局变量不会变成顶层对象中的属性const声明一个只读的常量，一旦声明，常量的值就不能改变。const变量 1.声明常量，一旦声明，值不可以发生更改 2.必须声明时就赋值

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

JS的解析顺序

2024年04月15日 JS解析顺序 1.读入第一个代码块 2.做语法分析，有错则报语法错误（比如括号不匹配等），并跳转第五步 3.对var变量和function定义做预编译处理 4.执行代码段，有错则报错 5.如果还有下一个代码段，则读入下一个代码段，重复第二步 6.解析结束

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

break和continue有什么区别？

2024年04月15日 break关键字：终止循环continue关键字：跳过当前循环注：变量自增的语句一定要放在continue之前，否则会出现死循环区别：break会终止当前的循环，而continue仅仅是跳过当前循环共同点：break和continue后面的代码将不再执行

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

HTML 5 简介

2024年04月15日万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3C Recommendation、见本处参考资料原文内容:)。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

HTML H5 前端

html的基本结构

2024年04月15日 1.文档声明：作用：告知浏览器文档使用哪种html或xhtml规范 html5文档声明： <!doctype html>或<!DOCTYPE html>2.网页根元素(根标签) <html>...</html> 注：所有网页的内容，标签都放在开始和结束的html之间3.html包含两大部分：head部分和body部分 head部分：一般会设置字符编码，网页标题，关键词，引入一些外部文件等注

HTML H5 前端

html基本语法

2024年04月15日 html的基本语法 1.常规标记语法： <标记属性 = "属性值" 属性="属性值"></标记><div class="box"></div> 2.空标记语法： <标记属性="属性值" 属性="属性值"/><img src="1.jpg"/>

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

html常用标签

2024年04月15日 1.网页标题语法： <hx>网页标题内容</hx> (x为1-6) eg：<h3>懒猪</h3> 注：h1~h6字体逐渐缩小，都有加粗效果2.段落文本语法：<p>段落文本内容</p>3.空格(html转义字符）   注： > ">" < "<"

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

浏览器无需下载插件解决网页长截图的小技巧

2024年04月15日作为前端开发人员，可能会经常需要截取一些网页的整张图片，大家平时可能使用计算机自带截图或者QQ、微信等截图快捷键来截取某部位图，实现不了全站长截图。当然，360浏览器可使用快捷键 Ctrl+M 来截取长截屏，但是对于谷歌、火狐等主流浏览器就不行了，需要下载截图插件，本次带给大家一个小技巧，无需插件即可实现网页长截图哦。首先，我们以谷歌浏览器做个示范：用谷歌浏览器打开你需要截图的网站，等待网站加载完毕，然后鼠标右击“检查”，或者直接快捷键 F12 打开审查元素，接着我们 S

简述一下src与href的区别

2024年04月14日 href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。<a href="http://www.lmcjl.com/index.html">href</a>src 是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到

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

Number、parseInt、parseFloat有什么区别？

2024年04月14日 Number的转换思路看的是整体，如果说，字符串中有非数字字符，那么结果就是NaN，否则，转换成功。ParesInt 从第一个字符开始依次朝后转换，如果第一个就是字母，那么结果为NaN；如果第一个是数字，碰到第一个非数字字符，从该字符后，后面的全部忽略，但是前面的还是转换成功。parseFloat 从第一个字符开始依次朝后转换，如果第一个就是字母，那么结果是NaN; 如果第一个是数字，碰到第一个小数点后的第一个非数字字符，从该字符开始后，后面

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