小黑97 - 博客园

2020年1月

摘要：在一行中显示不换行：：子级设置display:inline-block，父级设置word-break: normal强制不换行； <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport 阅读全文

posted @ 2020-01-15 15:56 小黑97 阅读(94) 评论(0) 推荐(0) 编辑

淘宝放大镜

摘要： HTML 1 <img src="img/eddbc6f71def8b33d207222b32a6d1f9.jpg"> 2 <canvas id="can" width="200px" height="200px"></canvas> 3 <div id="div"></div> CSS 1 <st 阅读全文

posted @ 2020-01-15 11:09 小黑97 阅读(119) 评论(0) 推荐(0) 编辑

offset、client、scroll区别

摘要： offset 一句话：除了 margin 我们都要。 offsetWidth & offsetHeight offsetWidth = cssWidth + padding + border; offsetHeight = cssHeight + padding + border; 注意：如果将元素阅读全文

posted @ 2020-01-15 08:42 小黑97 阅读(270) 评论(0) 推荐(0) 编辑

CSS小技巧

摘要： 1.容器垂直居中 1 比如，有一大一小两个容器，请问如何将小容器垂直居中 2 3 <div id="big"> 4 5 <div id="small"> 6 7 </div> 8 9 </div> 10 11 首先，将大容器的定位为relative。 12 13 div#big{ 14 15 pos 阅读全文

posted @ 2020-01-14 21:42 小黑97 阅读(213) 评论(0) 推荐(0) 编辑

2019年12月

canvas

摘要：图形属性：fillStyle：填充颜色。font：绘制文本的时候css字体globalAlpha：绘制像素时添加的透明度gloablCompositeOperation：合并新的像素点和下面的像素点lineCap：渲染线段的末端lineJoin：渲染顶点lineWidth：边框的宽度miterLim 阅读全文

posted @ 2019-12-28 10:35 小黑97 阅读(183) 评论(0) 推荐(0) 编辑

浏览器渲染页面的流程

摘要：浏览器渲染流程如下图所示：渲染的流程如下： 1. 解析HTML文件，创建 DOM 树（自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。）标签的位置很重要。实际使用时，可以遵循下面两个原则： CSS 优先：引入顺序上，CSS 资源阅读全文

posted @ 2019-12-27 22:16 小黑97 阅读(348) 评论(0) 推荐(0) 编辑

DOM事件

摘要： DOM需知晓的几个点： 1.DOM事件的基本概念：DOM事件的级别 2.DOM事件模型：指的就是捕获和冒泡 3.DOM事件流 4.DOM事件捕获的具体流程 5.Event对象的常见应用 1.事件级别： DOM标准定义的级别： DOM0： DOM0 跟事件相关的一个标准就是： js写法： elemen 阅读全文

posted @ 2019-12-27 17:30 小黑97 阅读(159) 评论(0) 推荐(0) 编辑

SEO优化

摘要：一个网站的SEO优化很重要，在你没有做付费推广时，就靠SEO优化来提升网站关键词排名了。其中，很多前端写代码时，都没有考虑到代码SEO优化，那就需要我们后期做修改了，代码如何优化？小编来简单介绍下。 head头部标签部分 1、<title> 标题: 只强调重点，不要重复出现关键词，各个页面的titl 阅读全文

posted @ 2019-12-26 22:20 小黑97 阅读(708) 评论(0) 推荐(0) 编辑

BOM

摘要： BOM 是 browser object model的缩写 1、window 对象——BOM核心所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 w 阅读全文

posted @ 2019-12-24 22:11 小黑97 阅读(293) 评论(0) 推荐(0) 编辑

HTML5常用语义化标签&表单类型&表单属性

摘要： HTML5语义化标签 1.<article>表示包含一个文档、页面、应用程序或网站中的一段独立的内容，也就是说，它能够独立地被发布或重新使用。可适用的地方有：一篇博客、一个论坛帖子、一篇新闻报道、一个用户评论... 2.<header>一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页阅读全文

posted @ 2019-12-24 20:15 小黑97 阅读(617) 评论(0) 推荐(0) 编辑

公告