yangkangkang

2023年5月5日

摘要： img标签的title和alt区别 title 是鼠标移入图片的时候显示的内容；alt 是图片无法加载时显示的内容在SEO层面上，蜘蛛抓取不到图片的内容，所以在写img标签时为了增加SEO效果就要设置alt属性，来描述这张图是什么内容或者关键词 png、jpg、gif图片格式区别 png: 无损压阅读全文

posted @ 2023-05-05 16:02 yangkangkang 阅读(168) 评论(0) 推荐(0) 编辑

title与h1区别？b与strong的区别？i 与em区别？

摘要： title与h1的区别定义： title: 概括了网站信息，可以告诉搜索引擎或者用户关于这个网站的内容主题是什么 h1: 文章主题内容，告诉蜘蛛我们的网站内容最主要的是什么区别： 1. title是显示在网页标题上，而h1是显示在网页内容上 2.站在SEO角度上看，title是页面权重最高的，其阅读全文

posted @ 2023-05-05 15:42 yangkangkang 阅读(288) 评论(0) 推荐(0) 编辑

页面引入css样式时，使用link和@import有什么区别

摘要： css文件引入的方式有两种： 1.HTML中使用link标签 <link rel="stylesheet" href="style.css/> 2. css中使用@import @import "style.css" /*使用字符创*/ @import url("style.css") /*使用ur 阅读全文

posted @ 2023-05-05 13:41 yangkangkang 阅读(14) 评论(0) 推荐(0) 编辑

2023年4月17日

vue-router 实现原理

摘要：一、vue-router是什么通过改变URL,在不重新请求页面的情况下，更新页面视图二、vue-router两种模式更新视图但不请求页面，是前端路由原理的核心之一。目前在浏览器中，实现这一点主要有两种方式： 1.hash 模式（默认） 2.history 模式两种模式根据mode参数来决定选阅读全文

posted @ 2023-04-17 14:59 yangkangkang 阅读(61) 评论(0) 推荐(0) 编辑

2023年3月29日

http-server 本地运行前端项目

摘要： 1.安装: 1 npm install -g http-server 2.启动： 1 http-server 3.如果本地联调接口时，加上 -P 域名地址就不会有跨域的问题了 http-server -P http://tp.iuoooo.com 4.参数说明 -p 端口号 (默认 8080) - 阅读全文

posted @ 2023-03-29 16:24 yangkangkang 阅读(52) 评论(0) 推荐(0) 编辑

2023年2月26日

js相关面试题总结

摘要：异步加载JS有哪些方式？ js数据类型有哪些？ var let const 区别 null 和 undefied 区别 == 和有什么不同异步加载JS有哪些方式？浏览器在解析HTML中，如果遇到script脚本，会停止页面的解析和渲染，去下载script脚本，多个script脚本下载是并行的，阅读全文

posted @ 2023-02-26 12:24 yangkangkang 阅读(5) 评论(0) 推荐(0) 编辑

2023年2月24日

css相关问题总结

摘要： vw与百分比区别如何让谷歌浏览器支持小字体 padding 与 margin 行内元素与块级元素的区别如何用css绘制三角形 css加载会造成阻塞吗？ line-height和height 区别 css选择符有哪些？css哪些属性可以继承哪些属性不可以继承？ css优先级如何计算？清除浮动有阅读全文

posted @ 2023-02-24 10:57 yangkangkang 阅读(12) 评论(0) 推荐(0) 编辑

2020年6月29日

解决iOS上网页滑动不流畅问题

摘要：问题：h5页面如果用到overflow-y:scroll 时，在ios设备上滑动页面会很卡顿不流畅解决办法：给网页添加如下样式 body { -webkit-overflow-scrolling:touch; /* 用于 ios5+ */ } -webkit-overflow-scrolling 阅读全文

posted @ 2020-06-29 10:08 yangkangkang 阅读(585) 评论(0) 推荐(0) 编辑

2019年8月13日

响应式布局

摘要： rem是什么？ rem是一个长度单位,常用的长度单位有： * px: 绝对长度单位，最常用 * em: 相对长对单位，相对于父元素，不常用 * rem: 相对长度单位，相对于根元素，常用于响应式布局响应式布局的常用方案: * media-query ，根据不同的屏幕宽度设置根元素 font-siz 阅读全文

posted @ 2019-08-13 18:34 yangkangkang 阅读(490) 评论(0) 推荐(0) 编辑

line-height继承

摘要：父元素设置ling-height;子元素继承父元素的line-height 1.ling-height:固定像素此时p元素的line-height = 24px 2.line-height: 百分比此时p元素的行高是body 计算之后的。line-height = 200% * 20 = 40 阅读全文

posted @ 2019-08-13 18:16 yangkangkang 阅读(434) 评论(0) 推荐(0) 编辑

公告