大家在平时编译前端代码的时候经常会看到~~标签里带有defer或者async属性,那么长话简说在这里介绍一下这两个属性的作用。 同步加载 正常的html加载解析顺序是同步进行的,也就是浏览器加载html成功之后开始解析文档,这个时候如果遇到script文件就会暂停解析html文档,而下载script ...
分类:
其他好文 时间:
2020-05-19 14:47:53
阅读次数:
55
1. import import(/* webpackPrefetch: true,webpackChunkName: "yourFileName",webpackPreload: true */ 'LoginModal') import ( /* webpackChunkName: "yourFi ...
分类:
Web程序 时间:
2020-05-15 10:03:52
阅读次数:
88
js IE6支持png透明解决png ie6下不透明背景图片https://www.mk2048.com/demo/demo_target_desc.php?id=22ac0kjkjjs IE6支持png透明解决png ie6下不透明背景图片jQuery全屏图片幻灯片上下按钮控制幻灯片播放点击》jQ ...
分类:
其他好文 时间:
2020-05-14 19:43:37
阅读次数:
70
spacetree组织架构图 说明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果图 定制化内容的效果图 插件说明 很好的canvas的组织架构图,从上到下按层级展示汇报关系, 支持定制化内容,和异步加载子节点(下面会讲到)。 相关api请参考: 官网 或是ex ...
分类:
其他好文 时间:
2020-05-10 15:25:23
阅读次数:
160
原因 在使用vue开发单页面应用时,随着项目页面的增多,你会发现生产环境的build速度会很慢,同时页面初始的js大小越来越大。当你无法忍受的时候就该优化了。 思路 这方面的优化无非就是异步加载、提取一部分长期不需要更新代码的基础js库。 方案 一、异步加载(懒加载) 可以采用vue-router的 ...
分类:
其他好文 时间:
2020-05-10 15:07:51
阅读次数:
54
vue-swiper 基于 Vue2.0 开发,基本满足大部分功能 轻量、高性能轮播插件。目前支持 无缝衔接自动轮播、无限轮播、手势轮播 没有引入第三方库,原生 js 封装,打包之后只有 8.2KB 大小 性能还是杠杠滴 demo ? 觉得好用给一个 star 哦~ ? github传送门 Inst ...
分类:
其他好文 时间:
2020-05-06 14:20:37
阅读次数:
80
<script>元素属性 属性 定义 async 【可选】。可以异步加载,表示可以立即下载此脚本,但不影响页面其他操作。只对外部脚本有效。 charset 【可选】。表示通过src属性制定代码的字符集。由于多数浏览器会忽略此属性,很少人使用。 defer 【可选】。表示脚本可以掩饰到文档完全被解析和 ...
分类:
编程语言 时间:
2020-05-05 11:09:47
阅读次数:
66
script元素属性及引入方法 HTML4.01为script定义了下列6个属性: 1. async:可选。 表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。(只对外部脚本文件有效) async属性的目的是:不让页面等待两个脚本 下载和执行,从而异步加载页面其他 ...
分类:
其他好文 时间:
2020-04-26 21:21:29
阅读次数:
99
昨天把花了很多时间把热搜界面设计出来了,今天也终于把热搜界面完成了。思想是用了异步加载数据,和java的ajax类似。获取数据就是通过一个网络请求来获得数据库的内容。具体实现效果看下图 上面三个图是用的异步加载获取的数据(进入首页即可获得数据,不用点击),三个按键是之前的测试数据。参考微博热搜和QQ ...
分类:
其他好文 时间:
2020-04-20 21:34:17
阅读次数:
67
本篇介绍Addressables资源加载,也是基于AssetBundle之上分装,Addressables是在Unity2018版本以后出的,直接可以在Window-->Package Manager里找到Addressables,目前已经到了1.7.5版本。
分类:
编程语言 时间:
2020-04-20 17:36:30
阅读次数:
635