首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js插件教程

;我为了方便都写到一个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调用插件代码 //是不是明白为什么要写插件了;要封装...--这里是最简单插件写法;当然还有传对象参数插件等等。。。。-->

35.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS】527- 关于 JS浮点计算

    原文地址:http://eux.baidu.com/blog/fe/关于js浮点运算 ?...稍微有经验大概能反应出来这是存储时数据长度截取产生原因,但是具体是计算机怎么计算呢,自己也解释不清,于是带着好奇稍微探索了一下。...浮点数在计算机中存储 IEEE标准 首先科普一下 js 中使用二进制浮点数算术标准 IEEE_754 他采用存储格式为: E = (-1)^ × M × ^E (-1)^s表示符号位,当s=0,...另外,由于js并没有特别区分整型和浮点型,实际上整型在 js 里面也是用浮点数结构存储,不过放在了尾数部分,以便于在计算过程总能随意自由切换。...那要怎么在 js 中尽可能准确计算出结果,以及怎么判断两个小数是否相等呢,敬请期待下回分解~ 参考资料 IEEE_754-1985 how to round binary fractions 浮点数二进制表示

    1.9K20

    原生js版分页插件

    之前我在自己博客里发表了一篇用angularJs自定义指令实现分页插件,今天简单改造了一下,改成了原生JavaScript版本分页插件,可以自定义一些简单配置,特此记录下来。...本插件可以自定义功能:   1....自己实现简单小插件,把分页部分css样式写在了插件paging.js中,以动态创建style标签方式,加入到页面中。...1、代码部分: 1.1、插件 - paging.js 分页css样式写在插件中,动态创建style标签,加载到页面中。在该js中有一个Paging构造函数。...ajax请求成功回调里根据接口返回总条数,结合每页条数计算出总页数。再调用Paging实例initPage()方法,传入总条数、总页数和当前页码,即可渲染出分页DOM结构了。 代码如下: <!

    32.5K121

    评论JS插件~多说+畅言

    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代码到网页任意位置,或者复制代码到模板中,畅言评论框将在所有网页自动出现

    18.1K100

    JS图片预加载插件

    1)概念: 懒加载也叫延迟加载:JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。...2)区别: 两种技术本质:两者行为是相反,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定缓解压力作用,预加载则会增加服务器前端压力。...服务器端区别:懒加载主要目的是作为服务器前端优化,减少请求数或延迟请求数。预加载可以说是牺牲服务器前端性能,换取更好用户体验,这样可以使用户操作得到最快反映。 例子: <!...hide(); document.title = '1/' + len;//初始化第一张 } }); //未封装成插件无序预加载...,因此用$.extend(object)挂载插件

    16.7K50

    js插件教程深入

    原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js插件教程深入 1.介绍具有安全作用域构造函数 function Fn(name...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...,getC到底写到this里还是原型里 //这要从内存说起;写到原型上,每执行一个实例,getC不需要开辟新内存 //故,可以把一些纯计算方法,写原型上,如果方法和实例本身有关,应该写道this中...4.方法名防止冲突处理 //如果在引入你插件之前,window下已经有Fn变量;怎么办,你如果这么搞; 岂不是把别人写Fn搞掉了 //此时应该把Fn控制权交出,自己用Fn2输出 (function...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量,兼容直接使用script标签引入该插件

    13.8K10

    基于发布-订阅原生 JS 插件封装

    用原生 JS 封装一个动画插件。效果如下: ? 这个飞驰小球看起来是不是特有灵性呢?没错,它就是用原生JS实现。 接下来,就让我们深入细节,体会其中奥秘。...一、需求分析 封装一个插件,将小球 DOM 对象作为参数传入,使得小球在鼠标按下和放开后能够运动,在水平方向做匀减速直线运动,初速度为鼠标移开瞬间速度,在竖直方向运动类似于自由落体运动。...四、采用发布-订阅 估计读完这段代码,你也体会到了这个功能实现是非常容易实现。但是实际上,作为一个插件标准来讲,这段代码是存在一些潜在问题,这些问题并不是逻辑上问题,而是设计问题。...在这里我并不是简单讲讲效果实现、贴贴代码就过去了,而是带你体验了封装插件整个过程。有了发布-订阅场景,理解这个设计思想就更加容易了。...在我理解中,编程意义远不止造轮子,写插件,来显得自己金玉其外,而是留心思考,提炼出一些思考问题方式,从而在某个确定时间点让你拥有极其敏锐判断,来指导和优化你下一步决策,而不是纵身于飞速迭代技术浪潮

    3.1K20

    three.js矩阵计算

    概述 three.js中自带了矩阵运算库,不过在使用过程中总是容易混淆。不知道是行主序还是列主序,前乘和后乘也很容易弄反。就在这里辨析一下。 2. 详论 2.1....行主序与列主序列 很早就知道OpenGL中使用矩阵是列主序,而Direct3D中使用是行主序,但是没什么具体体会,还直接弄混淆了。...应该来说,无论Direct3D还是OpenGL,使用矩阵应该都能线性代数中描述矩阵是等价,只不过存储方式不同。...在网上找一个在线矩阵计算器,相对应计算结果如下: ? 因此可以认为,threejs矩阵内部储存形式为列主序,表达和描述仍然是线性代数中行主序,set()函数就是以行主序接受矩阵参数。...对比在线矩阵计算器中计算结果: ? image.png 3. 参考 在线矩阵计算

    7.4K30
    领券