专栏首页web前端教室[先行者周日课程-0305] web前端组件 之 拖动窗口

[先行者周日课程-0305] web前端组件 之 拖动窗口

学习笔记如下:

今天的内容,是拖动窗口。

js的引用数据类型,基本数据类型。

js它有5种基本数据类型:

undefined , null, Boolean, Number, String,

这几种都是按值访问。你可以直接操作“保存在变量中的实际的值”。

js还有引用数据类型,它们的值是保存在内存中的对象。

js不允许直接去访问内存当中的数据。

我们在操作对象的时候,其实是“操作的是对象的引用”,这个引用就类似于“地址”。

//================

js的模块化好多方案,今天用jq的思路,再加一些window的命名空间的思路。

总体 来讲,今天的模块化的思路,偏向于早期的YUI。

//============

同学们写东西之前,先把套路写好,然后写代码就像填空一样。

代码也别怕烂,再烂的代码,把它写完,然后再优化。

这叫进步。

;(function(){
 console.log('werxcvxcv')
})();
//============
;(function(win,undefined){
 function drag(){
 console.log('24234')
 }
 //这是把方法直接挂载在window上面
 win.drag = drag;
})(window);
drag();

这种方法的缺点,就是可能另一个人也在window上面挂载了一个 drag方法。

依然存在同名覆盖的可能。

//==============
;(function(win,undefined){
 function drag(){
 console.log('webfeelxxx')
 }
 //这是把方法挂载在window的webfeel命名空间上面
 win.drag = drag;
})(window.webfeel = window.webfeel || {});
webfeel.drag();

这种方法的缺点,就是命名空间以后会很长,也麻烦。

本文分享自微信公众号 - web前端教室(webfeel),作者:老尚

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-03-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【今日】先行者0929-拖动窗口

    undefined , null, Boolean, Number, String,

    web前端教室
  • =>,Es6箭头符号的前世今生

    看代码能看错行,一看书就头疼且双眼流泪,没办法啊,都是娘胎里带出来的毛病,能看点是点吧。es6这种东西,虽然有一些语法糖,但毕竟也是新东西啊,得学。不学就落后,...

    web前端教室
  • 前端知识学了却不会用,都是没走心

    我发现,许多人在学习前端的时候,更多的时候是处于一种“对外宣称正在学习中”的状态。而他本人真正的学习了多少前端知识?未必。 我之前就多次说过,“学习前端开发不是...

    web前端教室
  • 【今日】先行者0929-拖动窗口

    undefined , null, Boolean, Number, String,

    web前端教室
  • 理解什么是CDN

    相信很多人在制作自己的第一个网站的时是很激动的。我们知道,在一个网站项目中,页面里经常会有许多 JavaScript 以及 CSS 的引用,如果是直接引用项目内...

    出其东门
  • underscore.js源码解析2

    undefined派生自null,所以两者相等(==),但是不全等(===),所以这里如果obj是undefined则会返回false。

    Ewall
  • CDN与项目应用测试

    虽然很早听过CDN,但对其原理处于模糊的状态。如今国内访问量较高的网站、直播、视频平台,均使用CDN网络加速技术,小编所在项目有使用CDN技术,谨以此篇学习共...

    用户5521279
  • 计算机网络体系结构

    相互通信的两个计算机系统必须高度协调工作才行,而这种“协调”是相当复杂的。为了设计这样复杂的计算机网络,最初提出了分层的方法。“分层”可将庞大而复杂的问题,转化...

    ColinLiu
  • 推荐系统遇上深度学习(五十)-使用强化学习优化用户的长期体验

    在现有的推荐模型中,往往优化的目标是点击率,而忽略了用户的长期体验。特别是在信息流推荐中,给用户推荐一个标题很吸引人但内容比较无聊的消息,往往点击率很高,但用户...

    石晓文
  • Javasript设计模式之链式调用

    而jquery这种调用方式就是链式调用。我们可以从上述代码看出来,如果不使用链式调用的话,那么我们会增加很多重复的代码,而且特别冗余。而通过链式调用,我们可...

    嘿嘿嘿

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动