javascript
lyqhn2012
知识在于分享,共同学习,共同进步!
展开
-
dagre-d3 在 angular 中的使用
开发环境angular v6Node v8.12.0安装依赖npm install dagre-d3 --savenpm install d3 --save在 angular 中引用import * as d3 from "d3";import dagreD3 from "dagre-d3";chart.html<svg width="80vw" height="30vw"> <g /></svg>创建graph对象let svg原创 2020-06-12 17:53:38 · 1151 阅读 · 2 评论 -
scrollTop、offsetTop、offsetHeight等相对位置介绍
scrollTop 滚动条相对于其顶部的偏移offsetTop 返回当前元素上边缘距离offsetParent元素的距离,返回值是数字,单位是像素。offsetHeight 返回当前元素的高度,包括内边距和边框event.clientX,event.clientY 相对于浏览器窗口的(x,,y)坐标,不包括工具栏和滚动条event.pageX, event.pageY 相对于文档的(x,,原创 2017-04-27 15:01:38 · 746 阅读 · 0 评论 -
JS 实现抛物线运动
JS实现简单的抛物线动画,需要的童鞋可以参考下<div class="content"> <div class="slider"> <div class="icon"> <span class="fa fa-circle" id="cart" ></span> </div> </div></div><scrip原创 2017-07-04 10:12:58 · 3854 阅读 · 0 评论 -
addEventListener与handleEvent
1 . addEventListener方法用于给指定元素添加事件监听器// 第二个参数function是指定要事件触发时执行的函数element.addEventListener(event, function, useCapture)2 . handleEvent 是实现Eventlistener的一种方式,如下<script> (function () { // 作原创 2017-09-06 10:45:54 · 773 阅读 · 0 评论 -
Canvas验证码
效果展示源码仅供参考this.cas = document.getElementById('codeCanvas')let ctx = this.cas.getContext('2d')let cwidth = this.cas.clientWidthlet cheight = this.cas.clientHeight// 清空canvasctx.clearRect(0, 0, cwid原创 2017-12-22 18:14:42 · 328 阅读 · 0 评论 -
jq做的图片放大器
效果预览1.放大之前 2.放大之后 $(function () { var _default = { hoverClass: 'hover-img', zoomWidth: 155, zoomHeight: 155, mainImgWidth: 310, //主图宽度 mainImgHeig...原创 2018-04-02 16:02:47 · 1022 阅读 · 0 评论 -
微服务使用swagger-ui工具,跨域问题
问题描述使用swagger工具测试微服务时,出现端口号不一致的跨域问题,如下图 解决方案在nginx中配置proxy_pass代理,解决跨域,如下配置 nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#er...原创 2018-06-27 09:59:49 · 5131 阅读 · 4 评论 -
Javascript内存管理
内存泄漏在程序中,当声明变量、定义函数的时候都会使用内存。那些程序用不到,没有予以释放的内存,就造成内存泄漏.(memory leak)垃圾回收1.引用计数2.标记清除JavaScript中的内存泄漏1.循环引用造成的内存泄漏两个对象互相引用,由于他们互相引用至少一次,所以不会被回收 &lt;html&gt; &lt;body&gt; &lt;script ...翻译 2018-12-14 13:41:05 · 192 阅读 · 0 评论