摘要: 我们学习 html 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过 css 中的样式来的方便。 接下来我们会给大家介绍下面这几个属性的使用: 属性描述 font-family 设置元素的字体 font-size 设置字体的大小 font-style 设置字体的风格 阅读全文
posted @ 2021-07-12 20:08 笑人 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 狸猫换太子 北宋真宗时,有李妃和刘妃两位小主都有了龙种,谁生了儿子,谁就能豪横。谁曾想刘妃不是个善茬,把剥了皮的狸猫换了李妃刚生完的孩子。天可怜见,执行任务的宫女人性未泯,将孩子送往八贤王处抚养,这才引出后来,包拯陈州放粮救李妃,仁宗认母家团圆。那位说了,好好的谈装饰器模式这怎么说上故事了。各位看官 阅读全文
posted @ 2021-07-12 20:07 笑人 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 一、什么是BFC? BFC是页面上的独立渲染区域 二、BFC产生规则 1、根标签(body) 2、float的值不为none 3、overflow的值不为visible 4、display的值为inline-block 5、position的值为absolute或fixed 三、BFC的特性 1、垂 阅读全文
posted @ 2021-07-12 20:05 笑人 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 1. svg 文件模板 SVG 的相关知识可以在 SVG | MDN (mozilla.org) 学习。为了生成完整的 svg 文件,为其准备了一个文件模板字符串: // svg 文件模板 const svgTemplate = `<svg xmlns="http://www.w3.org/2000 阅读全文
posted @ 2021-07-12 20:04 笑人 阅读(124) 评论(0) 推荐(0) 编辑
摘要: css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像. 主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,backgr 阅读全文
posted @ 2021-07-12 20:03 笑人 阅读(437) 评论(0) 推荐(0) 编辑
摘要: Mac OS 系统上,在获得焦点程序的周边,有一层浅灰色外阴影,使得应用程序看起来略带立体感;其阴影渐进变淡,与背景色融合在一起,也使得看起来流畅自然,不突兀。在一些优质博文中,所搭配的图片,也经常能看到这样的设计,增色不少。那如何为文章图片,添加好看的外阴影效果呢?本文即对此做出一些探讨。 对于这 阅读全文
posted @ 2021-07-12 20:01 笑人 阅读(318) 评论(0) 推荐(0) 编辑
摘要: XML概述: XML英文全写为eXtensible Markup Language(称之为 可拓展的标记语言),它是由W3C制定出来的一套关于 数据传输,使传输的数据内容统一 的规范;它是跨平台并且与软硬件无关的工具,开发中经常用于去配置文件。 解析XML的几种方式: XML的解析方式分为四种:DO 阅读全文
posted @ 2021-07-12 20:00 笑人 阅读(738) 评论(0) 推荐(0) 编辑
摘要: fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 fillStyle 属性。 注意:Internet Explorer 8 及之前的版本不支持 <canvas> 元 阅读全文
posted @ 2021-07-12 19:57 笑人 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 用一个css属性创建一个响应式网站,让我们来看看它是如何做到的。以这个模板为例,没有应用css属性。 使用 clamp() CSS函数,我们可以创建仅具有一个属性的响应式网站。 现在添加魔术CSS clamp(minimum, preferred, maximum); 在这里!你已经完成了 http 阅读全文
posted @ 2021-07-12 19:56 笑人 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 前端模块化 JavaScript 在早期的设计中就没有模块、包甚至类的概念,虽然 ES6 中有了 class 关键字,那也只是个语法糖。随意随着项目复杂度的增加,开发者必然需要模拟类的功能,来隔离、封装、组织复杂的 JavaScript 代码,而这种封装和隔离,也被被我们称之为模块化。 模块就是一个 阅读全文
posted @ 2021-07-12 19:55 笑人 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 在项目开发的过程中,基于有限的时间内保质保量的完成开发任务无疑是一场挑战。在这场挑战中我们不但要快速处理自己的问题,还需要与别人协同合作,以避免两者之间的冲突。 针对于大型项目的开发,css 如何组织和管理才能让我们用更少的时间写出更强大的功能。这篇文章来表述一些我对 css 组织和管理的理解。当然 阅读全文
posted @ 2021-07-12 19:09 笑人 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 微前端开发常见问题汇总,前端应用可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具而是一套架构体系。其在开发中会有各种问题,今天小编整理了一下分享给大家! 1、微前端只是Web端 为什么只是Web?到目前为止我们接触到的主要是Web,但其概念和想法可以应用于任何类型的应用程序(移动应 阅读全文
posted @ 2021-07-12 19:07 笑人 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 一、概念 1、什么是 UUID UUID 的全称是 Universally Unique Identifier,中文为通用唯一识别码。 构成:由一组32位数的16进制数字所构成。 格式:以连字号分为五段,表现形式为8-4-4-4-12的32个字符,如下所示: xxxxxxxx-xxxx-Mxxx-N 阅读全文
posted @ 2021-07-12 19:05 笑人 阅读(1072) 评论(0) 推荐(0) 编辑
摘要: 方式一:使用i5ting_toc插件 需要先安装npm(安装node.js后会自带npm),然后才能安装i5ting插件: npm install i5ting_toc -g 执行命令行生成html文件,在输入前要进入到对应根目录下: i5ting_toc -f **.md 需要注意的是:写md文档 阅读全文
posted @ 2021-07-12 19:04 笑人 阅读(2030) 评论(0) 推荐(0) 编辑
摘要: 一、项目背景 SVG 表示可伸缩矢量图形,这是一门用于描述 2D 图形的语言,图形应用使用 XML 编写,然后 XML 由 SVG 阅读器程序呈现。支持三种类型的图形对象:矢量图形形状(例如,由直线和曲线组成的路径),图像和文本。图形对象可以进行分组,样式设置,转换和合成。功能集包括嵌套转换,剪切路 阅读全文
posted @ 2021-07-12 19:01 笑人 阅读(156) 评论(0) 推荐(0) 编辑