2021年4月30日

html2canvas.js 图片不显示

摘要: html2canvas.js 图片不显示 在服务器端打开 就可以, 但是在本地就不显示图片。 是因为图片不能跨域。 建议把所有的图片,转化为base64,就可以直接打开文件转化为图片后也可以显示图片了。 阅读全文

posted @ 2021-04-30 11:49 家有糖果 阅读(784) 评论(0) 推荐(0)

2021年4月8日

什么是FOUC?如何避免FOUC?

摘要: 什么叫做 FOUC?(浏览器样式闪烁) 这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC. 在引用css的过程中,如果方法不当或者位置引用不对,会导致某些页面在windows下的ie出现一些奇怪的现象,以无样式显示页面内容的瞬间闪烁,这种现象称之为 阅读全文

posted @ 2021-04-08 15:59 家有糖果 阅读(520) 评论(0) 推荐(0)

2021年1月25日

html随笔(2)

摘要: em 和 strong 这两个标签都表示一个强调的内容 em主要标识语气上的强调,em在浏览器中默认使用斜体显示 strong表示内容上的强调,比em更强烈,默认使用粗体显示 i和b i标签中的内容会以斜体显示 b标签中的内容会以粗体显示 h5规范中规定:对于不需要着重的内容而是单纯的斜体,加粗字体 阅读全文

posted @ 2021-01-25 15:52 家有糖果 阅读(32) 评论(0) 推荐(0)

2021年1月15日

css随笔

摘要: css :层叠样式表Cascading Style Sheets 1.内联样式: 只对当前元素中内容起作用,不方便复用;内联样式属于结构和表现耦合,不方便后期的维护,一般不推荐使用 2.嵌入式样式:只能对当前页面起作用,只能在当前页面复用 3.外部样式:各个页面都可复用,css文件缓存复用,可以提高 阅读全文

posted @ 2021-01-15 16:23 家有糖果 阅读(52) 评论(0) 推荐(0)

2021年1月14日

html随笔

摘要: 搜索引擎搜索识别: 识别页面主要通过title 标题最重要是的h1,一个页面一般只有一个 图片中的识别是通过alt识别不同的 图片的格式: 1.jpg(jpeg):支持的颜色比较多,可以压缩,但是不支持透明,一般使用jpg保存照片等颜色丰富的图片 2.gif:支持的颜色少,它只支持简单的透明(只支持 阅读全文

posted @ 2021-01-14 17:01 家有糖果 阅读(47) 评论(0) 推荐(0)

2021年1月13日

ES11 class的私有属性

摘要: class Person{ //公有属性 name; //私有属性(私有属性前面有#) #age; #weight; //构造方法 constructor(name, age, weight){ this.name = name; this.#age = age; this.#weight = we 阅读全文

posted @ 2021-01-13 16:44 家有糖果 阅读(168) 评论(0) 推荐(0)

ES10 flat 和flatMap

摘要: //flat 平 //将多维数组转化为低位数组const arr = [1,2,3,4,[5,6]]; const arr = [1,2,3,4,[5,6,[7,8,9]]]; //参数为深度 是一个数字console.log(arr.flat(2)); // 2代表深度 //flatMap con 阅读全文

posted @ 2021-01-13 16:33 家有糖果 阅读(92) 评论(0) 推荐(0)

babel把es6转换成es5并且打包

摘要: 1. 安装工具 npm i babel-cli @babel/preset-env browserify -D 2. 编译 npx babel src/js -d dist/js --presets=babel-preset-env 3. 打包 npx browserify dist/js/app. 阅读全文

posted @ 2021-01-13 10:42 家有糖果 阅读(220) 评论(0) 推荐(0)

2021年1月12日

ES6 模块的导出和导入

摘要: <script type="module"> //1. 通用的导入方式 //引入 m1.js 模块内容 // import * as m1 from "./src/js/m1.js"; // //引入 m2.js 模块内容 // import * as m2 from "./src/js/m2.js 阅读全文

posted @ 2021-01-12 17:43 家有糖果 阅读(148) 评论(0) 推荐(0)

ES6对象的扩展方法

摘要: // Object.is 判断两个值是否完全相等 console.log(Object.is(120, 120)) // true 和 很像 // 区别 console.log(Object.is(NaN, NaN)) console.log(NaN NaN) // Object.assign 对象 阅读全文

posted @ 2021-01-12 16:57 家有糖果 阅读(44) 评论(0) 推荐(0)

导航