- 博客(20)
- 收藏
- 关注
原创 渐进增强和优雅降级、函数式编程
在JavaScript中 函数是一个对象 可以通过 (new Function)的方式来生成一个函数 我们可以把函数存储在变量或者数组中 还可以把函数作为另一个函数的返回值。优雅降级是从复杂的现状开始的,并试图减少用户体验的供给;而渐进增强是从一个非常基础的,能够起作用的版本开始的,并在此基础上不断扩充,以适应未来环境的需要;在兼容低版本浏览器的情况下进行页面重构,保证基本功能能运行的情况下, 在逐步的向高版本浏览器上增加一系列功能和交互,提升用户体验。函数可以存储在变量中。
2023-11-21 17:14:07
162
原创 HTML5 离线存储和web存储、web worlker
离线存储是通过创建一个 .appcache 文件的缓存机制(不是存储技术),通过解析这个文件上的解析清单离线存储资源,这些资源就会像 cookie一样被存储,当网页处于离线状态下时 浏览器就会读取存储就行展示。是不会影响到脚本执行的。在主线程的 JavaScript 代码中,使用 new Worker() 构造函数创建一个新的 Web Worker 实例,并指定要加载的脚本文件。在 Web Worker 的脚本中,可以通过监听 message 事件来接收主线程发送的消息,并进行相应的处理。
2023-11-21 16:57:46
104
原创 meta标签和progress 进度条标签
meta 标签是用来描述网页文档的属性 ,比如说 当前网页的作者 网页描述 关键词等。progress : 进度条标签 (IE 和 Safari 不支持)常用的 meta 标签?meta 标签是什么?
2023-11-20 15:56:57
203
1
原创 script标签和页面渲染方式
如果script 标签中没有 defer 和 async 属性 那么 它会在 从上到下执行文档的时候 直接加载 script 中引入的资源 如果加载资源过大 则会出现阻塞现象。标准模式 ( CSS1Compat ):在标准模式中 浏览器以 W3C 的标准解析渲染页面 并以当前浏览器所支持的最高标准渲染展示页面。怪异模式 ( BackCompat )也称为 混杂模式 :浏览器使用自己怪异模式解析渲染页面 以一种比较宽松的向后兼容的方式显示。defer 则是按当前引入资源的顺序 从上往下 加载资源。
2023-11-20 15:36:26
92
1
原创 js事件循环 (Event Loop)机制
在单线程中 同步模式下代码会依次执行 在代码执行过程中 首先呢 会先创建一个 匿名函数(anonymous)将要执行的代码放入到执行栈 然后执行第一行代码 这里(变量声明和函数声明是不会被执行的) 遇到函数调用后 会将函数放入到执行栈 然后依次执行。
2023-06-14 17:53:22
70
原创 html语义化
1. 怎么理解html的语义化?语义化是指 代码语义化 及 内容结构化(也就是内容语义化)选择合适的标签(语义化标签)放到对应的位置,总的来说就是 对的人做对的事。2.语义化的优点对机器友好 有利于SEO优化有利于爬虫爬取有效信息语义化还支持读屏软件根据文章自动生成目录、对开发者友好 增强了代码可读性 便于团队的开发和维护3.常见的语义化标签<header></header> 定义文档头部<nav></nav>
2022-01-07 11:19:42
201
原创 块级元素 内联元素 的区别 ,空元素
1.块级元素常见的块级元素: display:block/table 的元素 <div></div> <ul></ul> <li></li> <h1></h1> <h2></h2> <p></p>2.内联元素常见的内联元素: display:inline/inline-block 的元素
2022-01-07 11:19:03
357
原创 html盒模型
1.盒模型由哪几方面组成content : 盒模型内容区 (由css设置的width 和 height组成)padding : 盒模型内容区与边框的距离border : 盒模型边框(也可以设置宽度)margin : 盒模型边框与其它盒模型边框的距离盒模型由这几部分由里到外组成2.标准盒模型 和IE盒模型(又称为怪异盒模型)可以通过css属性来设置这两种盒模型怪异盒模型:box-sizing:content-box;标准盒模型:box-sizing:border-box;标准盒
2022-01-07 11:18:03
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人