文章库ARTICLE COLUMN

  • 文件上传前压缩图片尺寸大小,支持安卓微信APP浏览器

    文件上传前压缩图片尺寸大小,支持安卓微信APP浏览器

    function ImageFileResize(file, maxWidth, maxHeight, callback) { var Img = new Image; var canvas = document.createElement("canvas"); var ctx = canvas.getContext("...

    罗志环罗志环 评论0 收藏0
  • 自定义滚动条插件

    自定义滚动条插件

    摘要:本插件是对插件的一个封装。因为在用的时候需要同时引用和文件,同时还需要修改结构,比较麻烦,为了方便起见,将和文件都用引入,修改的方法也放在文件中。具体代码使用方法引入文件引入文件初始化滚动条为内容容器的主要的代码如下创建文本片段 本插...

    snowLusnowLu 评论0 收藏0
  • 前端常用动画效果和功能控制

    前端常用动画效果和功能控制

    摘要:原理分析使用延迟加载效果的网站,一般也会使用一个默认的图片来占位,比如优酷和。这样可以防止用户在滚动过快时造成可能出现的页面结构混乱和图像一时加载不出来出现的。针对这一功能,也有一个常用的插件。 图片延迟加载 许多网站的图片是在下拉滚...

    luckluck 评论0 收藏0
  • 基于canvas的刮刮奖

    基于canvas的刮刮奖

    摘要:一种类似刮刮奖的洗车游戏。我的思路如下在一中随机放入一些信息如谢谢惠顾,中奖了,然后用画布遮盖此。通过刮掉画布上的颜色层,下面的信息就显示出来了。其中前两个参数分别为获取像素区域的左上角坐标。后两个参数为像素区域的高和宽。 公司要上活...

    LuDongWeiLuDongWei 评论0 收藏0
  • 你真的弄明白 new 了吗

    你真的弄明白 new 了吗

    摘要:如果构造函数有返回值呢一般情况下构造函数没有返回值,但是我们依旧可以得到该对象的实例如果构造函数有返回值,凭直觉来说情况应该会不一样。欢迎光临小弟博客我的博客原文你真的弄明白了吗参考再谈面向对象编程的实例化与继承请停止使用关键字 好久...

    tolerioustolerious 评论0 收藏0
  • 45个必备的JavaScript Web开发工具

    45个必备的JavaScript Web开发工具

    摘要:幸运的是,为了完成独特的任务,无以计数的工具已经被开发者发布。图像显示的是一个针对该框架的在线开发工具。是用创建的命令行工具,用于压缩文件。是一组处理所有跟文件相关的工作的组件库。是一个基于任务的命令行项目构建工具。 JavaScript是一种...

    不知名网友不知名网友 评论0 收藏0
  • 对象数组的快速排序

    对象数组的快速排序

    对象数组的快速排序 var qSort = function(arr,key){ if(arr.length

    shenhualongshenhualong 评论0 收藏0
  • DOM Ready 事件

    DOM Ready 事件

    // 使用 jQuery $(document).ready(function() { /* ... */ }); // shorter jQuery version $(function() { /* ... */ }); // without jQuery (doesn"t work in older IEs) document.addEventLis...

    young.liyoung.li 评论0 收藏0
  • 详说 Cookie, LocalStorage 与 SessionStorage

    详说 Cookie, LocalStorage 与 SessionStorage

    摘要:顾名思义,确实非常小,它的大小限制为左右,是网景公司的前雇员在年月的发明。是标准中新加入的技术,它并不是什么划时代的新东西。特性与的接口类似,但保存数据的生命周期与不同。但当页面关闭后,中的数据就会被清空。 本文最初发布于我的个人...

    endless_roadendless_road 评论0 收藏0
  • 获得html元素自身的宽度

    获得html元素自身的宽度

    摘要:想要控制元素显示的量最好是要知道元素自身能有多么大的宽度接上一文章父截断了子元素的显示那么使用鼠标可以获得子元素的实际需要的宽度加载完毕之后可以使用动态控制的宽度想要的宽度用到属性与此类似的还有参考链接精准定位获取宽度获取鼠标位置使用...

    Ali_Ali_ 评论0 收藏0
  • html dom 设置滚动条卷动位置

    html dom 设置滚动条卷动位置

    摘要:作用对象有有实际的宽度则在有机会产生滚动条所以设置应该作用到上参数单位为空不用带顺便附带获得之间的随机数不同的平台可能小数点位数不一样可以取得最大不大于本数的数得到可用随机数设置粘度与滞性在求百分比之后可以使用或求幂 1.作用对象 有 #...

    cyrilscyrils 评论0 收藏0
  • 随机秘钥

    随机秘钥

    0-9 a-z都有的随机 var r = Math.random().toString(36).substring(2,10);//hhsl1omp Math.random() //生成0-1的随机数 Math.random().toString(36) //转换成36进制; Math.random().toString(36).substring(2,10)//取2-10;

    yunhaoyunhao 评论0 收藏0
  • 关于 this 的四类用法

    关于 this 的四类用法

    摘要:构造器中的指向新对象中,我们通过关键词来调用构造函数,此时会绑定在该新对象上。输出顺便说一句,在中,构造函数普通函数对象方法闭包,这四者没有明确界线。 this 在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判...

    Hanks10100Hanks10100 评论0 收藏0
  • 监测浏览器和手机系统

    监测浏览器和手机系统

    摘要:想检测用户使用何种浏览器,参考这个库想检测用户使用何种手机,参考这个库 想检测用户使用何种浏览器,参考这个库:http://detectmobilebrowsers.com/ 想检测用户使用何种手机,参考这个库: matthewhudson.me/projects/device.js/...

    Ali_Ali_ 评论0 收藏0
  • 异步流程控制:7 行代码学会 co 模块

    异步流程控制:7 行代码学会 co 模块

    摘要:而在中是迭代器生成器,被创造性的拿来做异步流程控制了。当执行的时候,并不执行函数体,而是返回一个迭代器。行代码再看看文章开头的行代码首先生成一个迭代器,然后执行一遍,得到的是一个对象,里面再执行。 广告招人:阿里巴巴招前端,在这里你可...

    tinnatinna 评论0 收藏0
  • JavaScript 里 ~ 的神奇用法

    JavaScript 里 ~ 的神奇用法

    这几天看koa源码的时候,经常看到if(~notfound.indexOf(err.code)){ doSomeing... }这种在一个表达式前面加~号的,今天就来扒一扒这已黑魔法。 ~ 取反操作符 不熟悉原码,反码,补码的小伙伴可以先看一下这篇文章原码、反码、补码,计算机中负数的表示 在...

    FreeZinGFreeZinG 评论0 收藏0
  • Javascript对象继承与函数继承

    Javascript对象继承与函数继承

    摘要:鉴别一个原型属性在构造函数中使用原型对象对象继承模块模式作用域的构造函数 鉴别一个原型属性 function hasPrototypeProperty(object, name) { return name in object && !object.hasOwnProperty(name); } 在构造函数中使用原型对象 functio...

    LsnshLsnsh 评论0 收藏0
  • JS实现浏览器的title闪烁、滚动、声音提示、通知

    JS实现浏览器的title闪烁、滚动、声音提示、通知

    摘要:通知实现浏览器的闪烁滚动声音提示等系统通知。先这是重复造轮子,标题闪烁或者滚动提示,数字显示。声音设置播放声音自动播放声音停止播放声音设置播放声音设置一个设置多个通知最新的版本默认不播放标题闪烁动画,初始化之后需要调用方法才播放标题动...

    SillyMonkeySillyMonkey 评论0 收藏0
  • 一個 js 自製 console

    一個 js 自製 console

    摘要:剛纔被問到有沒有相關文章推薦,搜了一下決定自己動筆寫了。當初寫這個東西的原因是既沒電腦也沒網更沒調試工具,所以渣代碼就不放了。 剛纔被問到有沒有相關文章推薦,搜了一下決定自己動筆寫了。當初寫這個東西的原因是既沒電腦也沒網更沒調試工具,...

    J4ck_ChanJ4ck_Chan 评论0 收藏0
  • 前后端完全分离之 API 设计

    前后端完全分离之 API 设计

    摘要:删除后指定产品不存在获取商品列表未分页获取全部商品成功系列的表壳材料为轻巧的银色及深空灰色阳极氧化铝金属,强化玻璃材质为显示屏提供保护。外观设计不再棱角分明,表层玻璃边有一个弧度向下延伸,与阳极氧化铝金属机身边框衔接。 背景 API 就是...

    gitmilkgitmilk 评论0 收藏0
  • Javascirpt - 理解执行上下文以及作用域链

    Javascirpt - 理解执行上下文以及作用域链

    摘要:本文章记录本人在深入学习执行上下文以及作用域链中看书理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习。每个执行上下文都与一个作用域链关联在一起。该对象的属性的值是它被创建时的执行上下文对应的作用域链。 本文章记录本人在深入...

    e10101e10101 评论0 收藏0
  • React.js 下的 $.data() "踩坑"实录

    React.js 下的 $.data() "踩坑"实录

    摘要:愚安我这时候在睡午觉,迷糊中被他叫醒。很显然,二者是不同类型的。后记这篇写在愚安我离职的第二天,在星巴克坐了一下午,无聊写的,延续了我以往写东西狂贴代码凑字数的原则。 引子 最近在做得一个项目,我是基于reactjs来写的。项目不大不小,就...

    yy13818512006yy13818512006 评论0 收藏0
  • 构建自适应的手机页面

    构建自适应的手机页面

    摘要:从事开发好多年,但是手机页面开发较晚,所以最开始的时候,为了做微信应用的开发,各种饿补,但是为了将设计稿精准的适配在各种尺寸的手机上还是太坑,所以找了些资料后,借鉴了一些成熟的网站,分享出来,欢迎拍砖。 从事PC Web开发好多年,但是手机...

    itvincentitvincent 评论0 收藏0
  • Javascript原型类型与引用类型实例

    Javascript原型类型与引用类型实例

    摘要:原型类型引用类型添加属性鉴别引用类型操作符以一个对象和一个构造函数为参数。 原型类型 var color1 = "red"; var color2 = color1; console.log(color1); // red console.log(color2); // red color1 = "blue"; console.log(c...

    BlackFlagBinBlackFlagBin 评论0 收藏0
  • 理解Javascript对象(属性探测,删除属性,属性枚举)

    理解Javascript对象(属性探测,删除属性,属性枚举)

    摘要:属性探测在大多数情况下,操作符是探测对象中属性是否存在的最好的途径。然而在某些情况下,可能希望仅当一个属性是自有属性时才检查其是否存在。删除属性使用操作符来彻底移除对象的一个属性。循环同时也会遍历原型属性而只返回自有实例属性。 属性探...

    vpantsvpants 评论0 收藏0

热门文章

<