主要运用几个函数： moveTo(x,y)：将“画笔”放到某一个位置(x,y)准备画 lineTo(x1,y1)：从moveTo()定义的(x,y)开始一直画到lineTo()定义的(x1,y1)地方
IDEA 自带类图的生成，但还没有时序图的生成。在团队开发中，代码的交流，有了时序图会更加的清楚。 本文对在 MAC 环境如何安装 PlantUML 进行阐述。...官网首页：https://plantuml.com/zh/ 1 安装 在菜单栏Intellij IDEA打开插件安装窗口（版本不一样，可能入口菜单不一样，比如我的版本中是在Intellij IDEA...中的Preferences子菜单；有些是在File中的settings子菜单） 也可以通过快捷键command+, 打开设置。...找到安装插件入口 ? 搜索并安装插件 ? 2 使用 插件安装好了之后，可以开工干活啦。 ? 可以根据需求创建相关 UML 文件 UML Sequence 图的效果如下： ?...这时你可以开始愉快画时序图啦~~ 3 遇到的问题 继续接着上述步骤创建其它类图，比如 UML 类图： ? 这时应该会出现这个画面，实例效果，好像哪里不对： ?
本文介绍两个Rstudio的插件esquisse和ggThemeAssist，可以在不是非常懂ggplot2语法的条件下利用鼠标和图形界面画出ggplot2风格的图片。...Select a data.frame:这里可以选想要画图的数据。选完之后确定会出来这个界面。可以看到数据中的每一列的列名都列出来了。...左边的Auto是选择画什么图。里面有十几种可供选择。 ? 右上角的小齿轮可选择出现在这里的项目： ? 选择Boxplot,然后就可以在下方前四个标签中进行各种格式调整。 ?...aes(x = hp, y = mpg, colour = as.factor(cyl))) + geom_point() gg #开始调整主题 ggThemeAssistGadget(gg) 这个插件要先画好一个最基本的图...调整好之后点右上角的Done，刚才调整的代码会瞬间出现在当前代码中。 ?
；我为了方便都写到一个html中了；请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里；就是function(){}();函数自执行；保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号；而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名，调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...add-1");//这里是实例1调用插件的代码 new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了；要封装...--这里是最简单的插件写法；当然还有传对象参数的插件等等。。。。-->
分享一个js的拖拽框选插件 官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： pnpm...i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，...所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue <!...element.querySelector('input[type="checkbox"]').checked = false; }, //鼠标抬起后返回所有选中的元素
轴向前移动40个像素 translate: { z: 40 }, stroke: 20, color: '#636', }); // 画矩形...轴向前移动40个像素 translate: { z: 40 }, stroke: 20, color: '#636', }); // 画矩形...--引入zdog文件--> //...四、总结 Zdog 可以设计和显示简单的 3D 模型而不需要很多开销。这让我们成为一个灵魂画手简单了很多，如果你想给自己的网站增添色彩，不妨试试 Zdog 吧。...如果各位感兴趣的话，下一期我将带领大家成为一位代码上的灵魂画手！ 五、参考资料 Zdog官方文档[1] References [1] Zdog官方文档: https://zzz.dog/
1.Chart.js 官网地址：http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址：http://bootswatch.com 3.wow+animate+js插件库
前言： 前端最重要的就是美感，图片的显示也需要，博主在此分享一款灯箱JS插件，非常简单的调用即可实现全局的图片灯箱。...优势介绍 无需其他JavaScript编码 没有其他HTML片段 没有额外的CSS资源 没有其他图标/资产 无需额外处理动态内容和事件侦听器 效果图 调用方法 将以下代码插入到HTML底部 --> $(function
通常我们说对原时钟进行N分频，即分频后的时钟的一个周期是原时钟周期的N倍。N可以为偶数、奇数、半整数、分数（小数）。...若果采用D触发器画出分频器，单个D触发器的反向输出到输入就构成了一个简单的2分频器，以此为基础，其分频输出作为下一级D触发器的时钟，如此串联起来，x个串联就是2^x分频，属于偶数分频，如图1[1]. ?...以C = A|B为例，将A延时半个时钟周期的方法有2种，方法1是直接使用下降沿的锁存器对A锁存得到B，方法2得到B的原理与A相同，不过是在下降沿检测（假设A是上升沿检测）。 ?...因为没办法用计数器表示0.7这种数字，所以就用一个等效的概念来进行8.7分频，原时钟87个周期的总时间等于分频后的时钟10个周期的总时间； 先做3次8分频得到时钟周期数是24，再做7次9（8加1）分频得到时钟周期数...分数分频器的原理可以用下图来概括。 ? 图5分数分频的原理 用整数部分zn（=8）作为一个分频系数，zn加1（=9）作为另外一个分频系数组成一个小数分频器。
html，js,css轮播插件 2016-9-9 今天帮一人写了个简单的轮播，工作不紧张，就顺便传上来分享给大家吧。源码，带部分注释。。。 //html Title $(function(){ Carousel.init($(".carouselBody")); });.../img/btn_r.png") no-repeat center center;} 注意事项，设置carouselBody的宽高时一定要考虑到图片的宽高，最好是宽高都是图片相同
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件，今天简单改造了一下，改成了原生JavaScript版本的分页插件，可以自定义一些简单配置，特此记录下来。...本插件可以自定义的功能： 1....自己实现的简单小插件，把分页部分的css样式写在了插件paging.js中，以动态创建style标签的方式，加入到页面中。...1、代码部分： 1.1、插件 - paging.js 分页的css样式写在插件中，动态创建style标签，加载到页面中。在该js中有一个Paging构造函数。...，传入设置项的js对象，然后在回调函数里发送ajax请求获取数据。
thread_key 可选 被评论文章在原站点的文章标识。如果有thread_id，此参数是可选参数，否则是必选参数。 thread_id 可选 被评论文章的多说文章ID。...parent_id 可选 父评论（被回复的评论）的ID。 author_name 可选 作者名字。如果已登陆多说，此参数是可选参数，否则是必选参数。 author_email 可选 作者邮箱。...remote_auth 可选 remote_auth串是判断用户是否登录的依据。...likes int 一定返回 评论被点【赞】的次数。 reports int 一定返回 评论被【举报】的次数。 type string 一定返回 类型。现在均为空。...畅言：http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型的Web网站接入，网站只需要粘贴、复制JS代码到网页的任意位置，或者复制代码到模板中，畅言评论框将在所有网页自动出现
1)概念： 懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。...2)区别： 两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。...服务器端区别：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。预加载可以说是牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。 例子： <!...hide(); document.title = '1/' + len;//初始化第一张 } }); //未封装成插件的无序预加载...，因此用$.extend(object)挂载插件
分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css...viewer.css" rel="external nofollow" rel="external nofollow"> </...//缩放等级（1倍) $image.viewer('zoomTo', 1); } }); // 初始化后获取Viewer.js
摘要： 各位Fundebug老用户，请尽快更换JS插件域名！！！将og6593g2z.qnssl.com替换为js.fundebug.cn。...某CDN的证书被Chrome 66中招 以前，Fundebug的JavaScript监控插件使用的是某CDN厂商提供的域名以及HTTPS证书： https://og6593g2z.qnssl.com/fundebug...请尽快更换JS插件域名 为了保证服务质量，我们果断更换了CDN厂商，绑定了js.fundebug.cn域名，并且申请了新的HTTPS证书。...各位Fundebug老用户，如果您是采用script接入插件的，请尽快更换JS插件域名！！！...但是，新版本的插件都将使用js.fundebug.cn域名。 由于更换插件域名所造成的困扰，Fundebug团队深表歉意！
原文地址：https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...(this instanceof Fn)){ //只要不是new的，用Fn()直接调用的，这里的this绝对不指向Fn；让它从 //新new一下；直到下一次代码走else里的内容...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...4.方法名防止冲突处理 //如果在引入你的插件之前，window下已经有Fn的变量；怎么办,你如果这么搞； 岂不是把别人写的Fn搞掉了 //此时应该把Fn的控制权交出，自己用Fn2输出 (function...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量，兼容直接使用script标签引入该插件
jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。...另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields(...show(); 8 }); 9 return false; //阻止表单默认提交 10 }); 通过Form插件的两个核心方法，都可以在不修改表单的HTML代码结构的情况下...showRequest(formData, jqForm, options){ 14 //formData: 数组对象，提交表单时，Form插件会以Ajax方式自动提交这些数据，格式如：[{...; 15 return false; 16 } 17 18 //方式三：利用fieldValue()方法，fieldValue 是表单插件的一个方法
插件 16、Beautify：主要拿它来格式话html的 17、StandardJS - JavaScript Standard Style：配合该插件可以自动将你的代码格式化成规范的代码。...javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html...", // #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions...": { "js-beautify-html": { "wrap_attributes": "force-aligned" // #vue组件中html代码格式化样式...} } // 格式化stylus, 需安装Manta's Stylus Supremacy插件 // "stylusSupremacy.insertColons": false, // 是否插入冒号
用原生 JS 封装一个动画插件。效果如下： ? 这个飞驰的小球看起来是不是特有灵性呢？没错，它就是用原生JS实现的。 接下来，就让我们深入细节，体会其中的奥秘。...一、需求分析 封装一个插件，将小球的 DOM 对象作为参数传入，使得小球在鼠标按下和放开后能够运动，在水平方向做匀减速直线运动，初速度为鼠标移开瞬间的速度，在竖直方向的运动类似于自由落体运动。...四、采用发布-订阅 估计读完这段代码，你也体会到了这个功能的实现是非常容易实现的。但是实际上，作为一个插件的标准来讲，这段代码是存在一些潜在的问题的，这些问题并不是逻辑上的问题，而是设计问题。...在这里我并不是简单讲讲效果的实现、贴贴代码就过去了，而是带你体验了封装插件的整个过程。有了发布-订阅的场景，理解这个设计思想就更加容易了。...在我的理解中，编程的意义远不止造轮子，写插件，来显得自己金玉其外，而是留心思考，提炼出一些思考问题的方式，从而在某个确定的时间点让你拥有极其敏锐的判断，来指导和优化你下一步的决策，而不是纵身于飞速迭代的技术浪潮
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
