js
文章平均质量分 56
jdk137
老无所依
展开
-
intersectionObserver示例
git地址https://github.com/jdk137/intersectionOberver在线demo // 导航条如果滚动出了页面可视区域,就在顶部固定出现导航条的浮层。 var io = new IntersectionObserver( function (entries) { entries.forEach(functi...原创 2020-02-02 14:59:08 · 436 阅读 · 0 评论 -
html2canvas 引入跨域图片时报错, base64 报错。
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.https://github.com/niklasvh/html2canvas/issues/1614朋友圈h5需要动态生成一些长按分享的图片, 用html2canvas最合适不过。但是经常会报错。...原创 2020-01-14 16:26:04 · 901 阅读 · 0 评论 -
网页点击复制文本 javascript 代码, 兼容ios
var text = '需要复制的文本'; // ios 下要求更严格, https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios function iosCopyToClipboard(el) { var oldContentEd...原创 2020-01-14 16:03:21 · 185 阅读 · 0 评论 -
网页图片预加载代码
function preLoadImage(images, cb) { // images: 图片路径数组; cb: 全部图片加载完的回调函数 var count = 0; var allImageLoad = function() { count += 1; if (count >= images.length) { cb && ...原创 2018-11-30 07:07:28 · 642 阅读 · 0 评论 -
移动端h5开发总结不断更新中....
from:https://segmentfault.com/a/1190000009326763一.手机端开发页面必须要加一段代码:<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>注:...转载 2018-03-14 11:28:08 · 214 阅读 · 0 评论 -
用js 触发 浏览器的下载功能下载文件
大型文件请考虑使用 filesaver.jshttps://github.com/eligrey/FileSaver.js/==============================================主要解决页面内部动态获取下载文件url后,自动下载的问题。新开一个标签页下载: window.open('url', '_blank');这会导致...原创 2016-06-14 16:43:15 · 20361 阅读 · 0 评论 -
如何建立地球上任何一个区域的地形3d模型,并添加卫星或地貌贴图
一、如何截取大范围的google地貌图片 设置相应的的范围, 并利用phantomjs截屏。需要网络能流畅访问googlemap。google导出的图片中可以是卫星图等各种图片,可以包含各种道路、地理名称等辅助信息,都是可以配置的。相关github项目二、如何建立任何地球上任何一个区域的地形3d模型 (geotiff 转换 obj文件) 1. 地形dem数据的获取 http://gisgeog原创 2017-07-27 14:02:11 · 9355 阅读 · 2 评论 -
throttle and debounce
http://www.css88.com/archives/4648上周写了window resize和scroll事件的基本优化,结果微博上交流的人还挺多,大家都提到了一个技术名词:“throttle”。throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器,是连续执行时间间隔控制。主要应用的场景比如转载 2017-02-23 18:00:22 · 261 阅读 · 0 评论 -
JQuery 级联操作实践
请看下面这段代码:$(this).css('background', 'red');$(this).parent().parent().css('display', 'none');var a = $('td', $(this).parent().parent()).eq(0).text();var b = $('td', $(this).parent().pare原创 2015-10-21 11:03:32 · 656 阅读 · 0 评论 -
asm.js简介
1.什么是asm.js2.asm.js的原理3.几个例子4.可能的应用场景5.参考来源和更多信息1.什么是asm.jsasm.js是由Mozilla提出的一个基于JS的语法标准,主要是为了解决JS引擎的执行效率问题,尤其是使用Emscripten从C/C++语言编译成JS的程序的效率,目前只有Mozilla的Firefox Nightly中支持。chro原创 2013-12-26 20:44:22 · 1726 阅读 · 0 评论 -
中文拼音排序(web前端实现)
var array = ['武汉', '北京', '上海', '天津'];array.sort( function compareFunction(param1, param2) { return param1.localeCompare(param2, 'zh-Hans-CN', {sensitivity: 'accent'}); });array // [...转载 2013-12-25 11:10:32 · 35370 阅读 · 1 评论