首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS文档碎片理解和使用

    本文将要探讨: js中对于文档碎片理解与使用 1、我们要明白当js操作dom时发生了什么?...每次对dom操作都会触发"重排"(重新渲染界面,发生重绘或回流),这严重影响到能耗,一般通常采取做法是尽可能减少dom操作来减少"重排" 2、什么是文档碎片?...document.createDocumentFragment() 一个容器,用于暂时存放创建dom元素 3、文档碎片有什么用?...将需要添加大量元素时 ,先添加到文档碎片中,再将文档碎片添加到需要插入位置,大大减少dom操作,提高性能(IE和火狐比较明显) 示例:往页面上放100个元素; 普通方式:(操作了100次dom...:(操作1次dom) 先将dom暂存在文档碎片中,然后在一次性操作dom var df = document.createDocumentFragment();

    1.6K20

    H5 游戏开发 1:Egret 文档有多难用

    最近猫哥开始转行做游戏开发,主要业务场景是 Hybrid H5 休闲游戏。作为游戏行业新人,自然少不了一些精彩技术预研和踩坑经历,今天开始挖个“H5 游戏开发系列”坑,每周分享一下。...技术选型 国内有三大 H5 游戏引擎,Cocos、Egret 和 Laya,他们都能支持使用 TypeScript 编写跨平台(H5、各类小游戏平台、Native App)游戏。...文档打不开 很难想象作为一个小有名气游戏引擎厂商, Egret 文档站点能做到如此不靠谱:中文文档站点经常无法访问,所有页面重定向到首页;文档搜索功能不可用,搜索结果直接跳转报错页。...脚本注入方式,仍然推荐使用 Whistle,只需加入两条配置: # 在 API 站点中插入一个 JS script(若脚本更新需注意替换 url) /developer\.egret\.com\/\w...# 将 gist 站点上该脚本 content-type 设置为 javascript,解决类型嗅探错误 /injectEgretApiDoc\.js/ resType://js 注:请从 gist

    1.8K40

    js、jQuery 获取文档、窗口、元素各种值

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素各种值 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body宽度: document.body.clientWidth...;(仅仅是bodywidth) 浏览器当前窗口文档body高度: document.body.clientHeight;(仅仅是bodyheight) 浏览器当前窗口文档body宽度: document.body.offsetWidth...;(width+border); 浏览器当前窗口文档body高度: document.body.offsetHeight;(height+border); 浏览器整个文档宽: document.body.scrollWidth...; 浏览器整个文档高: document.body.scrollHeight; 获取竖直滚动条到顶部垂直高度 (即网页被卷上去高度)(其他浏览器):document.body.scrollTop;...:$(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body高度: $(document.body).height(); 浏览器当前窗口文档

    14.1K32

    H5基于Canvas实现电子签名并生成PDF文档

    原文:https://juejin.cn/post/6901273585428463624 前言 电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式签名,其作用类似于纸质合同上手写签名或加盖公章...实现思路 使用canvas来实现手写签名功能,然后将canvas转化为图片,贴在签名位置; 将整个需要生成文档dom区域使用html2canvas插件转成一张大图; 使用JsPDF插件将上述图片生成...PDF文档; 对于文件内容较多情况,需要合理选择分页位置; 生成签名 1....生成PDF文档 html2canvas是一款将HTML代码转换成Canvas插件,因此需要用一个div包裹住需要打印内容区域,获得这个dom节点。...PDF文档页数较少情况 可以在开发测试时候预先在将要分页地方插入一个padding,就是提前预留分页位置 PDF文档页数较多 对于这种情况,笔者尝试遍历要打印dom节点子节点,将每一页所能打印

    3.7K10

    AndroidWebView与H5前端JS代码交互实例代码

    前段时间项目有深度和前端对接过,也是碰了一些坑,现在有时间就拿出来分享下 JS调用原生不外乎就两种,一种是传假url,也就是url拦截方式,类似于下面这种: //js代码 function sendCommand...另一种就是通过谷歌提供JS与Java绑定接口,约定好要交互对象名,类似于下面的“App” //通过WebView提供addJavascriptInterface这行代码,我们在浏览器JS环境中创建了一个...ok,也不是不能做到,不过这就需要通过注入JS代码来完成了 talk is cheap , show me the code 下面这个微型SDK能够实现互调传JSON对象,调用js传入匿名函数...将要注入js代码拆开注入 细心同学已经发现了,搞了这么多花里胡哨,最关键原生怎么来响应js调用还没说明,别急,下面上代码 //@JavascriptInterface代码应该放在哪里不用我讲了吧...TextUtils.isEmpty(responseJson)) { //拿到js函数返回值 } }); 区别就是一个能拿到js函数返回值,一个拿不到,这个根据自己需求来选用

    1.8K31

    echarts地图文档_js下载本地文件

    大家好,又见面了,我是你们朋友全栈君 目录 一、Echarts官方地图资源 二、实现 三、重要更新 四、结尾 五、参考 ECharts 之前提供下载矢量地图数据来自第三方,由于部分数据不符合国家...来自:ECharts 地图数据在线生成工具 http://ecomfe.github.io/echarts-map-tool/# 一、Echarts官方地图资源 Echarts官方文档已经暂停了地图数据下载.../echarts/map/js/ 二、实现 下载china.js文件 https://echarts.apache.org/examples/vendors/echarts/map/js/china.js...很多同学讲到急用却找不到资源,这里统一回复一下,帮大家找了 China.js 文件 我放在 GitHub 里了,地址:资源系列之 Echarts 中国地图官方 china.js 文件 四、结尾 我是圆圆...,如果我文章对你学习成长有所帮助,欢迎 点 赞 支持,您 点 赞 支持是我进行创作和分享动力!

    8.2K30

    如何查看jsplumb.jsAPI文档(YUIdoc基本使用)

    最近向一些同事推荐了网页中实现流程图绘制工具库jsplumb.js,Community版本是开源,在github官方仓库Wiki中能够找到社区版官方指南,非常非常详细。...但是在后来很多人反馈说找不到API文档,github官方仓库中API文档链接失效了,jsplumb.js官网也找不到。 二....YUIdoc工具介绍 官方仓库:https://github.com/yui/yuidoc YUIdoc是一个基于模板引擎Handlebars.js 自动化文档工具,可以将javascript中...jsdoc风格注释语句转换成静态网站式离线文档,所以你可以通过定制模板来为最终生成文档增加不同主题样式。...如果你开发是一个工具库,需要生成完备API文档,为了不影响源码阅读和开发,可以像jsplumb.js那样将注释语句单独写在一个文件中,因为是一个自动化工具,也没什么太多可讲,有需要朋友直接浏览一下官网就可以很容易地使用了

    2.1K00

    图解浏览器引用本地硬盘上JS文档

    网页通过标记可以引入在线js文档,只有把网页保存在本地硬盘才能使用相对路径引入本地js文档,普通浏览器难以实现在线页面上引入本地js文档。...首先准备好需要引入JS文档,可以是成熟JS库,也可以是自己编写JS代码,把这些代码保存到本地硬盘浏览器安装目录下js文件夹。...浏览器默认安装路径为“C:\Program Files\木头软件\木头浏览器(旗舰版)\js”,浏览器将自动读取该路径下所有JS文档。这里提供两种网页引入本地js脚本文档方法。...在“运行JS代码”窗口中,有一个引入JS下拉列表框,自动列出本文第一步指定文件夹下所有JS文档,直接勾选需要引入JS文档,可以同时选择引入多个文档。...打开“引入JS文档”下拉列表框,自动列出软件目录下js文件夹下所有JS文档,如果选择引入jquery库,然后就可以在代码中直接使用JQuery编码。

    2.3K00
    领券