;我为了方便都写到一个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; }, //鼠标抬起后返回所有选中的元素
1.Chart.js 官网地址:http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址:http://bootswatch.com 3.wow+animate+js插件库
这一次,有人把这种方法用到斗地主游戏的研究中,可以说真的很接地气了! 本论文是 ICLR 2019 的投稿论文,目前该论文还处于双盲审状态,因此也还未公布作者。...和这些棋类相比,中国的纸牌游戏“斗地主”也是非常出名!斗地主属于非完整信息类的游戏即不知对方底牌,在游戏过程中包含隐藏信息,具有随机性,并且多个玩家间存在合作与竞争关系。...本文,我们将介绍一种使用卷积神经网络(CNN)来预测斗地主游戏中玩家行为的方法,它是通过人类的游戏记录来进行监督训练。...迄今为止,还没有使用深度神经网络来研究斗地主游戏的。该网络是否能够在游戏输入信息不完善的情况下选择合理的操作还有待证明。...我们使用 800 万条游戏记录来训练策略网络,一条记录代表一场完整的游戏,一局斗地主按回合来分,又能分为许多样本。 策略网络的输入是一个 15×19×21 的三维二元张量。
前言: 前端最重要的就是美感,图片的显示也需要,博主在此分享一款灯箱JS插件,非常简单的调用即可实现全局的图片灯箱。...优势介绍 无需其他JavaScript编码 没有其他HTML片段 没有额外的CSS资源 没有其他图标/资产 无需额外处理动态内容和事件侦听器 效果图 调用方法 将以下代码插入到HTML底部 --> $(function
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 对象作为参数传入,使得小球在鼠标按下和放开后能够运动,在水平方向做匀减速直线运动,初速度为鼠标移开瞬间的速度,在竖直方向的运动类似于自由落体运动。...四、采用发布-订阅 估计读完这段代码,你也体会到了这个功能的实现是非常容易实现的。但是实际上,作为一个插件的标准来讲,这段代码是存在一些潜在的问题的,这些问题并不是逻辑上的问题,而是设计问题。...在这里我并不是简单讲讲效果的实现、贴贴代码就过去了,而是带你体验了封装插件的整个过程。有了发布-订阅的场景,理解这个设计思想就更加容易了。...在我的理解中,编程的意义远不止造轮子,写插件,来显得自己金玉其外,而是留心思考,提炼出一些思考问题的方式,从而在某个确定的时间点让你拥有极其敏锐的判断,来指导和优化你下一步的决策,而不是纵身于飞速迭代的技术浪潮
1、引入jQuery和jQuery.pagination.js文件 ... 2、自定义分页插件 $(function(){ $('#...var callbackAjax = function(api){ //获取当前页码 var current = api.getCurrent(); //请求当前页要展示的数据...var uel = xxx;//请求数据的地址 $.post(url,{ currentParam : current },function(data)...参数配置 参数 默认值 说明 pageCount 9 总页数 totalData 0 数据总条数 current 1 当前第几页 showData 0 每页显示的条数 prevCls 'prev' 上一页
SweetAlert是一款神奇的javascript弹出消息警告框插件。...来通过一张gif图片看看SweetAlert的效果:图片使用方法要使用该插件,首先要在html的header中引入以下文件:</script...", "success");});可用参数参数默认值描述titlenull(required)窗口的名称。可以通过对象的”title”属性或第一个参数进行传递。textnull窗口的描述。...可以通过对象的”text”属性或第二个参数进行传递。typenull窗口的类型。...必须是图片的完整路径。imageSize“80×80”当设定图片的路径后,你可以设定图片的大小,格式为两个数字中间带个”x”符号。timernull警告框自动关闭的时间。单位是ms。
斗地主游戏的主要流程大致分为五步: 1、洗牌 2、发牌 3、抢地主 4、进入出牌阶段 5、分胜负 斗地主的数据流程: 在游戏中我们需要进行画面与数据的分离 1、生成初始牌组的数据 (1)...连续多次,让玩家觉得动画就是一个洗牌的动作。 注意:BUG实际叫做逻辑错误。指的是程序的执行过程并无错误,但程序执行后的结果与预期不同。这样的错误就是逻辑错误。...①需要考虑的是玩家们的数据结构 ②正真的牌在电脑中它应该是以数据的形式出现的,并不是画面形式出现的。所以这时个我们应该先考虑把数据完成了分配再考虑画面的生成。...③生成了玩家对应的数据后,再想办法把这些数据变成画面。 ④所以后面的的开发中的建议是:最好是先有数据,再生成画面。 (3)发完牌后,需要对所有玩家的手牌进行排序 ①需要进行些简单的动画效果。...①绑定点击牌的话可以进行选择 ②再次点击的话就是取消选择 ③玩家选牌完毕后可以按出牌进行出牌 1)判断玩家选择的牌型符不符合出牌的规则 a.应该首先从牌的张开始入手分析 2)判断玩家出的牌能不能比桌面上的牌要大
本文作者:IMWeb 林鑫 原文出处:IMWeb社区 未经同意,禁止转载 前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。...所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。 认识插件 想要开发插件,先要认识一个插件是什么样子的。 Vue.js 的插件应当有一个公开方法 install 。...先新建个js文件来编写插件:toast.js // toast.js var Toast = {}; Toast.install = function (Vue, options) { Vue.prototype...$msg = 'Hello World'; } module.exports = Toast; 在 main.js 中,需要导入 toast.js 并且通过全局方法 Vue.use() 来使用插件: /.../toast.js'; Vue.use(Toast); 然后,我们在组件中来获取该插件定义的 $msg 属性。
前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。...但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。 认识插件 想要开发插件,先要认识一个插件是什么样子的。...Vue.js 的插件应当有一个公开方法 install 。...先新建个js文件来编写插件:toast.js // toast.js var Toast = {}; Toast.install = function (Vue, options) { Vue.prototype.../toast.js'; Vue.use(Toast); 然后,我们在组件中来获取该插件定义的 $msg 属性。
领取专属 10元无门槛券
手把手带您无忧上云