- 博客(25)
- 收藏
- 关注
原创 Nodejs 小记(持续更新)
库 multer 读取上传文件 https://www.npmjs.com/package/multer https://www.cnblogs.com/chyingp/p/express-multer-file-upload.html https://github.com/richardgirges/express-fileupload 模板动态嵌入变量 EJS...
2019-01-15 11:28:59
199
原创 阿里云物联网可视化testproject
想仿照这个例子做个物联网web端可视化的testproject https://m.aliyun.com/yunqi/articles/675932此篇文章说的只是大概的步骤,具体如何实现却说的不是很明白。这2天自己跟着阿里云上的实例摸索了一些。进入link develop新建项目,选择web可视化,输入项目名称,确认,生成项目打开会发现有一个已在线的空气盒子设备,阿里云的教程里可...
2019-01-05 02:20:23
1180
原创 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
497
原创 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
4159
原创 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
3595
原创 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
2267
1
原创 ul li 居中设置
弄了一个弹窗,弹窗的内容是JSON的数据,用li读取每个JSON数据。希望li处于ul的中间,这样无论JSON数据的多少,读完数据输出时,数据都可以位于中间位置。ul{ width:80%; margin:auto;}但是后来发现左边总是会有一块空白间隙,很大,无论怎么设置padding-left 都没用,加!important 也不行。后来在css最前面设置...
2018-12-14 06:01:26
1544
转载 threejs中让物体围绕指定轴旋转
转自:https://my.oschina.net/u/3407699/blog/1619536第一点 物体的rotation的旋转属性是相对与该物体的本身坐标系而言的,物体的rotation就是Euler欧拉角,但是会存在万向节死锁的问题。第二点 three.js中提供了相关的方法rotateOnAxis(axis,angle),该方法需要注意的是angle是相对于物体之前状态的旋转角度...
2018-08-31 16:19:49
21032
原创 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
5070
转载 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
3299
转载 JS获取JSON数据并加载
转自:https://www.jb51.net/article/129401.htm在写内容逻辑重复性的页面时,用json数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用json。HTML如下(只展示重点部分,需要引用JQ)<div class="container-fluid content "> <...
2018-08-16 16:09:08
4221
转载 页面滚动刷新并实时加载数据(转)
<!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
2467
原创 three.js 鼠标只有在滑动到物体上时控制物体,否则控制页面
controls = new THREE.TrackballControls(camera, container);container 指你显示图像的容器。
2018-07-31 14:49:02
714
原创 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
1243
原创 input 边框
border:0px; 无边框只写border-radius:5px; 则会出现那种凸起的边框border:1px solid red; 普通边框
2018-07-24 22:27:22
5343
原创 atom 设置使正编辑的最后一行代码也可处于页面顶端
atom 设置 <edit>选中Scroll Past End最后一行的代码可滚动至页面顶端
2018-07-24 09:24:21
317
转载 Atom编辑器快捷键大全
转自:https://www.cnblogs.com/hubgit/p/5130192.html文件切换ctrl-shift-s 保存所有打开的文件cmd-shift-o 打开目录cmd-\ 显示或隐藏目录树ctrl-0 焦点移到目录树目录树下,使用a,m,delete来增加,修改和删除cmd-t或cmd-p 查找文件cmd-b 在打开的文件之间切换cmd-shift-b 只搜索从上次g...
2018-07-24 09:09:28
166
原创 Three.js 拖拽
var transformControl = new THREE.TransformControls(camera,renderer.domElement ); scene.add( transformControl ); var dragcontrols = new THREE.DragControls(objects, camera, renderer.domElemen...
2018-07-20 17:09:01
1327
3
原创 git 上传文件到错误分支,把上传文件改到新分支下
git checkout 查看都有哪些分支git checkout 后接分支名称,转到新的分支在命令行进入到要改的文件夹内,执行git pullpush到之前错误分支上的文件会重新改到新的分支下 以后尽量用git push origin ...
2018-07-18 22:34:52
1166
转载 译文:一个采用 Three.js 的 3D 动画场景制作:飞行者
转自:https://www.jianshu.com/p/92771817c73f翻译了这么久~含泪终于!终于!终于!翻译完人生第一篇译文了..本文译自:The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js一篇关于探讨使用 Three.js 创建 3D 动画场景的基础教程。[DEMO](http://tympa...
2018-07-12 11:32:28
812
转载 nodejs安装包或模块
npm install xx1会将xx的包安装在你输入命令的文件下 比如你在这里输入命令那么安装的xx就在 当前目录下的一个node_module文件中。 那么你想在你的项目中使用的话 有两种方式 1直接cd到你的项目文件夹中去安装xx2将c盘中的xx复制到你的项目文件夹根目录下面。...
2018-07-03 11:39:13
1512
转载 Node.js安装及环境配置之Windows篇
Node.js安装及环境配置之Windows篇转自:https://www.cnblogs.com/zhouyu2017/p/6485265.html 一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安...
2018-07-03 11:33:58
132
转载 初次安装git配置用户名和邮箱
初次使用git配置以及git如何使用ssh密钥(将ssh密钥添加到github)转自:https://www.cnblogs.com/superGG1990/p/6844952.html初次安装git配置用户名和邮箱 初次安装git需要配置用户名和邮箱,否则git会提示:please tell me who you are.你需要运行命令来配置你的用户名和邮箱:$ git config --glo...
2018-07-03 10:33:39
263
原创 JavaScript 基础
主流浏览器IE tridentChrome webkit/blinkfirefox GeckoOpera prestoSafari web...
2018-06-09 22:06:09
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人