![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
weixin_42390878
这个作者很懒,什么都没留下…
展开
-
JavaScript 基础
主流浏览器IE tridentChrome webkit/blinkfirefox GeckoOpera prestoSafari web...原创 2018-06-09 22:06:09 · 102 阅读 · 0 评论 -
阿里云物联网可视化testproject
想仿照这个例子做个物联网web端可视化的testproject https://m.aliyun.com/yunqi/articles/675932此篇文章说的只是大概的步骤,具体如何实现却说的不是很明白。这2天自己跟着阿里云上的实例摸索了一些。进入link develop新建项目,选择web可视化,输入项目名称,确认,生成项目打开会发现有一个已在线的空气盒子设备,阿里云的教程里可...原创 2019-01-05 02:20:23 · 1156 阅读 · 0 评论 -
requestFullScreen 全屏
手指双击全屏显示, 用Hammer.js 库<script src="https://hammerjs.github.io/dist/hammer.js"></script> 注:以下全屏代码不适用于苹果系统其外参考代码:转自:https://my.oschina.net/itblog/blog/228654function fullScreen() ...原创 2018-12-18 05:21:36 · 2197 阅读 · 1 评论 -
object 加载svg文件,通过js修改属性
js:var sObject = document.getElementById("svgObject"); sObject.addEventListener("load",function() { var svgg = sObject.getSVGDocument(); var svgDoc = sObject.contentDocument;...原创 2018-12-20 02:27:58 · 4052 阅读 · 0 评论 -
d3 加载svg文件并使用zoom
d3.xml("xxx.svg").mimeType("image/svg+xml").get(function(error, xml) { if (error) throw error; document.body.appendChild(xml.documentElement);}使用d3.xml 加载官方例子:https://bl.ocks.org/mb...原创 2018-12-20 02:16:45 · 3516 阅读 · 0 评论 -
ul li 居中设置
弄了一个弹窗,弹窗的内容是JSON的数据,用li读取每个JSON数据。希望li处于ul的中间,这样无论JSON数据的多少,读完数据输出时,数据都可以位于中间位置。ul{ width:80%; margin:auto;}但是后来发现左边总是会有一块空白间隙,很大,无论怎么设置padding-left 都没用,加!important 也不行。后来在css最前面设置...原创 2018-12-14 06:01:26 · 1510 阅读 · 0 评论 -
jQuery Slider 滑块 插件
github上比较好的滑块插件:sliderBar.js也可以用于移动端,界面漂亮。https://github.com/onlyhom/sliderBar.js jQuery Slider plugin样式多样,但是不能用于移动端https://github.com/egorkhmelev/jslider Simple Custom Range Slider...原创 2018-08-30 11:31:24 · 5014 阅读 · 0 评论 -
threejs中让物体围绕指定轴旋转
转自:https://my.oschina.net/u/3407699/blog/1619536第一点 物体的rotation的旋转属性是相对与该物体的本身坐标系而言的,物体的rotation就是Euler欧拉角,但是会存在万向节死锁的问题。第二点 three.js中提供了相关的方法rotateOnAxis(axis,angle),该方法需要注意的是angle是相对于物体之前状态的旋转角度...转载 2018-08-31 16:19:49 · 20725 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener
https://www.jianshu.com/p/04bf173826aa“我的”页面和两个列表页的滚动出现了问题,滚动时候不仅滚动了希望滚动的部分,整体的页面也跟随者上下滚动,整个页面非常卡顿。解决办法1:在touch的事件监听方法上绑定第三个参数{ passive: false },通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDe...转载 2018-08-27 16:28:38 · 3259 阅读 · 0 评论 -
JS获取JSON数据并加载
转自:https://www.jb51.net/article/129401.htm在写内容逻辑重复性的页面时,用json数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用json。HTML如下(只展示重点部分,需要引用JQ)<div class="container-fluid content "> <...转载 2018-08-16 16:09:08 · 4186 阅读 · 0 评论 -
页面滚动刷新并实时加载数据(转)
<!DOCTYPE html><html><head><title>页面滚动刷新并自动加载数据</title><meta charset='utf-8' /><!--引入jquery--><script src='./jquery-3.3.1.min.js'><转载 2018-08-16 11:22:14 · 2433 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener due to target being treated as passive.
在css中加入一句:touch-action:pan-y;很有用的2个文章:https://segmentfault.com/a/1190000008512184https://segmentfault.com/a/1190000007621605原创 2018-07-31 12:16:27 · 1225 阅读 · 0 评论 -
input 边框
border:0px; 无边框只写border-radius:5px; 则会出现那种凸起的边框border:1px solid red; 普通边框原创 2018-07-24 22:27:22 · 5312 阅读 · 0 评论 -
d3 scale(x,y) ie 兼容问题
改用styles官方中文:https://github.com/d3/d3-selection-multi#d3-selection-multi <script src="https://d3js.org/d3.v4.min.js"></script><script src="https://d3js.org/d3-selection-multi....原创 2018-12-25 23:54:22 · 470 阅读 · 0 评论