jdk137
码龄17年
关注
提问 私信
  • 博客：324,119
    社区：150
    324,269
    总访问量
  • 102
    原创
  • 1,038,536
    排名
  • 47
    粉丝
  • 0
    铁粉

个人简介：老无所依

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：江苏省
  • 加入CSDN时间： 2008-06-30
博客简介：

jdk137的专栏

查看详细资料
个人成就
  • 获得43次点赞
  • 内容获得17次评论
  • 获得189次收藏
  • 代码片获得115次分享
创作历程
  • 28篇
    2020年
  • 26篇
    2019年
  • 29篇
    2018年
  • 8篇
    2017年
  • 15篇
    2016年
  • 4篇
    2015年
  • 4篇
    2013年
  • 4篇
    2012年
  • 2篇
    2011年
  • 1篇
    2008年
成就勋章
TA的专栏
  • arts打卡
    4篇
  • 图像处理
    1篇
  • 工具
    1篇
  • d3
    3篇
  • 思考
    1篇
  • Learning experiences
    1篇
  • WebGL
    2篇
  • Design Patterns
  • wamp
  • phpmyadmin
  • window 开机启动
    1篇
  • google防屏蔽
  • git
    5篇
  • vim
    1篇
  • ubuntu 速配
    1篇
  • js
    11篇
  • 3d
    1篇
  • asm.js
    1篇
  • 浏览器
    1篇
  • nodejs
    4篇
  • 环境配置
    5篇
  • phonegap
    1篇
  • 移动开发
    2篇
  • html5
    8篇
  • file api
  • css3
    5篇
  • 前端组件-web开发
    4篇
  • photoshop
  • 设计
    3篇
  • 前端
    21篇
  • 安全
  • web开发
    7篇
  • 地图
    2篇
  • googlemap
    1篇
  • 可视化
    11篇
  • 数据流
    1篇
  • php
    2篇
  • JDK的可视化分享
    16篇
  • 资料收集
    6篇
  • 可视化组件
  • 资源收集
兴趣领域 设置
  • 前端
    javascript
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

clip-path 相关的的动画资料汇总

https://css-tricks.com/svg-line-animation-works/https://css-tricks.com/clipping-masking-css/https://css-tricks.com/animating-with-clip-path/要注意兼容性
原创
发布博客 2020.12.14 ·
224 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

兼容性很好的垂直居中方案

css的div垂直居中的方法，百分比div垂直居中
转载
发布博客 2020.12.14 ·
281 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

圆环增长动画的两种实现

问题描述： 实现圆环从0度逐渐增长，变成360度（或者某个百分比代表的度数）的动画。实现方案1、d3 js实现 兼容性好var $svg = $con.find('svg').width(width).height(height);var svg = d3.select($svg[0]) .attr('width', width) .attr('height', height);var imgW = 290 * 2;var imgH = 290 * 2;var arcF =.
原创
发布博客 2020.12.14 ·
333 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

twitter,facebook 分享网页样式定制 以及 调试

Twitter 分享可以在文件头中设置各种网页分享样式，主要有summary 和 summary_large_image等如果设置有问题，可以在这些页面中测试，或者清理之前的缓存。Twitter 分享 验证https://cards-dev.twitter.com/validatorFacebook 分享验证https://developers.facebook.com/tools/debug/...
原创
发布博客 2020.12.14 ·
714 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

移动端页面手势滑动

https://stackoverflow.com/questions/2264072/detect-a-finger-swipe-through-javascript-on-the-iphone-and-androiddocument.addEventListener('touchstart', handleTouchStart, false); document.addEventListener('touchmove', handleTouchMove, false);var x
原创
发布博客 2020.12.14 ·
190 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

gif动画可控制播放

问题描述：翻页H5，需要每次翻页时播放gif动画。gif动画不是循环的，只需播放一遍。浏览器却只会在第一次进入翻页时播放gif动画，第二次进入时停留在最后一帧。处理方案：每次进入某个页面时，删除gif元素并添加img元素，等待10毫秒后为img.src赋值。// 预加载图片 相比于让图片url带随机数的方案，不需要每次加载。对于动辄上M的gif，体验优化明显。var image = new Image();image.src = "path"; // 删除并重新创建 如果不删除元
原创
发布博客 2020.12.14 ·
690 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

arts_004

一、Algorithm二、Review创建新冠疫情可视化时需要考虑的10件事深入了解数据数据容易获取，并不代表使用容易。数据可以做计算，并不代表必须要做。对不同地区的数据做预测和比较时，要小心其他因素。对没有显示的数据保持诚实。谨慎对待专家和公共机构给出的预测数据，尤其是预测模型很复杂的时候。谨慎对待数据科学家和统计学家给出的预测数据。最好使用领域专家和公共机构的结论。设计要周全。9. 作品应该考虑人性的一面。比如疫情重灾区的人看到后的感受。10. 考虑作品的社会责任。三、t
原创
发布博客 2020.06.29 ·
246 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

viewport initial-scale，zoom 兼容性探索

有几种方式可以做页面的整体缩放为原来的一半div 样式 transform : scale(0.5)， 弊端： position: sticky 无法在transform过的元素里正常显示。initial-scale 0.5 弊端： iframe嵌入时有问题。html 样式 zoom: 0.5 弊端：ios不兼容没有完美的方案。但方案1弊端小， position sticky可以通过复制html 元素间接实现。方案2在不需要iframe时很好。方案3不如方案2....
原创
发布博客 2020.06.22 ·
444 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

老IE兼容tips

js判断ie版本 isIE() { var ua = window.navigator.userAgent; // Test values; Uncomment to check result … // IE 10 // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)'; // IE 11 // ua = 'Mozilla/.
原创
发布博客 2020.06.22 ·
209 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

arts003

Algorithm:Review:Data speak decoder: 如果你想让自己的数据更可信，需要注意一下我们常用词语的含义。每个词语其实都有它特定的含义，不能为了逼格而滥用，否则会让数据变得不可信。https://weallcount.com/tools/data-speak-decoder/需要了解术语的含义：Anonymized , bias有多重术语的含义： Error, Impact尽量避免使用的术语： Big Data, Normal, Sig...
原创
发布博客 2020.06.22 ·
163 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

d3地图浮框

d3地图浮框。中国地图鼠标滑动到每一个省的时候，都能显示出一个省的浮框。浮框的内容可以设置，位置跟随鼠标移动。 function getFloatTag(node) { var $floatTagContainer = $(node); var FloatTagFactory = function() { var mouseToFloatTag = { x: 20, y: 20 }; var setContent = function() {
原创
发布博客 2020.06.22 ·
397 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Arts打卡002

Algorithm: LeetcodeReview: 地图配色最佳cheat sheet。https://gistbok.ucgis.org/bok-topics/2019-quarter-02/statistical-mapping-enumeration-normalization-classification ucgis上发了一篇论文。描述了常用的几种配色方案。简单介绍一下9种方案的意思： Euqal Interval: 等值分割。按最大最小值确定的范围来...
原创
发布博客 2020.06.08 ·
263 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ARTS打卡001

一、Algorithm:Leetcode二、Review： 不同时间线的对比分析主要结论是线形和周期性时间线的对比。线性的时间线简单直观，查找信息方便，容易为读者接受，但是也比较乏味。周期性时间线相对复杂，查找信息不方便，读者可能会困惑，但是较新颖有趣，且能体现周期信息。三、Tips:纯css实现文字跑马灯Marquee, 兼容各种长度的文字四、Share: Andy Kirk 开始了Explore Explain 系列，邀请了世界著名媒体的数据可视化开发人员介绍他们的心得。非常值得学习
原创
发布博客 2020.06.01 ·
179 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js 灰度图转成白色透明图

网上需要一些星光的图片，但是下载下来是这个黑白图。需要转化成透明背景的白色星光图。codepen在线示例原图：效果图：<!DOCTYPE html><html><head> <style> body { background: red; } canvas { display: inline-block;
原创
发布博客 2020.05.19 ·
40484 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

svg 各种渐变收集

一、基础的线性渐变和放射性渐变线性渐变 菜鸟教程示例放射性渐变 菜鸟教程示例<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%"> <...
原创
发布博客 2020.04.29 ·
216 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

一些在线图片处理工具收集

图片压缩https://tinypng.com/png图片缩放https://www.iloveimg.com/zh-cn/resize-image/resize-pngsvg图片缩放https://www.iloveimg.com/resize-image/resize-svg大图切小图http://www.zuohaotu.com/cut-imag...
原创
发布博客 2020.04.29 ·
458 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

svg如何转canvas

发现一篇比较好的总结。DataURL与File,Blob,canvas对象之间的互相转换的Javascrip其中在blob转canvas的时候，其实还是需要详细设置参数的，特别是对于svg这种可以任意缩放的格式。首先需要确定canvas的大小，默认的canvas是300像素宽的。 需要正确设定canvas的大小。其次需要确定是否需要缩放，svg的大小不一定是canvas的大小，但是...
原创
发布博客 2020.04.26 ·
3882 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

html2canvas 图片模糊研究及规避方法

Html2canvas 图片模糊，可能的三种处理方法：1、修改元素的宽高像素。 如果元素及其子元素的宽高变大了，截出的图片也会更大，更清晰。特别是对图片，其清晰度和原始宽高像素值直接相关。如果把图片元素的宽高放大并设置transform scale缩小，图片的显示大小不变，但分辨率会提高。2、修改元素的transform： scale(2) 让元素放大，并让截出的图片变大。大图片自动缩小后看，...
原创
发布博客 2020.04.22 ·
6438 阅读 ·
3 点赞 ·
0 评论 ·
12 收藏

vue项目小积累

做了个vue小项目，项目问题积累，便于本人查阅。vue项目的配置// vue.config.js// 在线配置文档： https://cli.vuejs.org/zh/config/#parallelmodule.exports = {// 选项...publicPath: './', // 相对路径，如果css里面的资源链接、ajax请求链接也是...
原创
发布博客 2020.04.21 ·
350 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

d3 开发小技巧汇总

旋转后找不到元素？ 那是因为旋转的原点是0，0。 需要旋转rotate(90), 缩放scale(-1) 的地方，都先把元素的位置设为0， 然后再通过设置transform的值去实现。 attr(’transform’, ’translate(‘ +x + ‘,’ + y + ‘) scale(-1, 2) rotate(90)’)如何调整地图长宽比？ 链接...
原创
发布博客 2020.04.09 ·
225 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多