资讯专栏INFORMATION COLUMN

体验javascript之美-第十课 写库前的准备工作

asoren / 2268人阅读

摘要:好,我们看看写库之前需要什么准备知识。大彬哥版权所有翻录必究尼古拉斯屌大彬哥群尼古拉斯屌大彬哥这样写至少有两问题,参数多了我记不住顺序,就死翘翘了。

能够独立的书写一个库,是很多开发者或者HR认为区分技能的一个标志,而且还存在一个鄙视链

切图的<用JS<从网上趴代码<自己写简单js<自己写组件<自己数据交互<自己写库给别人用<写nodejs等后台js<自己写后台组件和数据库交互的,

虽然我觉得这个鄙视链很幼稚,但是不能不说很多人拿自己写库作为一个技能区分标准,不管怎样写库都是一个提升技能的好办法,然而并不难。

好,我们看看写库之前需要什么准备知识。

1.严格模式

很多库一开始就是这样子的,

(function(global){
    //严格模式
      "use strict"
})(window);

不墨迹直接说严格模式的好处,

1.更利于调试,当不定义变量直接用的时候如果不适用严格模式不会报错,而是结果不对。这个很难调试,因为大部分时间这种错误是你单词拼写错误,不报错。
2.防止出现低级错误 除了上面的问题,还有比如if里面定义函数造成问题的情况
3.修复了很多不利的bug和擅长无用功能  比如with

听不懂我上面那三条也没事记住一个字就够了,以后必须!

2.初始化。

​ 举个例子写一个jquery的css方法,简单点儿,只实现设置宽高颜色。




    
    大彬哥版权所有翻录必究
    
    
    
    
    
    



    

这样写至少有两问题,

1.参数多了我记不住顺序,就死翘翘了。

2.参数多了我忘写两个,就死翘翘了。

怎么解决用json的无序和增加默认值。




    
    大彬哥版权所有翻录必究
    
    
    
    
    
    


    

简单吧。

3.数据类型判断

我们有时候经常要判断用户输入的数据类型。上代码,重点是对象和数组的判断




    
    大彬哥版权所有翻录必究
    
    
    
    
    
    


    

知道你可能不了解数组的判断方式,但是我想告诉你,两件事:

1.看别人的库很有必要,因为你写的不周全人家已经很周全拿过去用就行了,前提是你知道原理。

2.不是每一个东西都会用到,不要为了学一个东西而去学,你一定是解决实际问题,比如很多人不会用call,bind,apply.其实是因为他们不知道用在哪,学以致用。

看别人库是最快的学习方法,推荐两个库,一个是loadash,一个是underscore.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/56216.html

相关文章

  • 体验javascript之美-十课 写库前的准备工作

    摘要:好,我们看看写库之前需要什么准备知识。大彬哥版权所有翻录必究尼古拉斯屌大彬哥群尼古拉斯屌大彬哥这样写至少有两问题,参数多了我记不住顺序,就死翘翘了。 能够独立的书写一个库,是很多开发者或者HR认为区分技能的一个标志,而且还存在一个鄙视链 切图的

    zhongmeizhi 评论0 收藏0
  • 体验javascript之美-第十一课-jquery源码分析

    摘要:可以直接在这里查看至于的开源就不多说了。官网一个库的官网永远是了解它最新进展和学习资料的首选网站。比如下面我们就拿举例分析下它的源码。不解释,你可以直接拿过去改吧改吧用在你自己的库里。 上节课我们说了写一个库的准备,但是这节课并不是写库为什么,有句话叫你没吃过猪肉还没看过猪走。所以我们先看看别人的库是怎么写的。在我们拥有了足够扎实的基础之后我们要做的不是闭门造车,而是去阅读一些知名的库...

    王晗 评论0 收藏0
  • 十课html5 新增标签及属性 html5学习5

    摘要:一常用新增标签定义页面的页眉头部定义导航栏定义页面底部,页脚定义文章定义区域定义侧边定义选项列表与搭配使用请输入明星里面用里面用来实现和连接刘德华刘青云刘亦菲张学友将表单内的相关元素分组打包与搭配使用用户登陆用户名二新增的属性值邮箱手机数字一、常用新增标签 1、header:定义页面的页眉头部 2、nav:定义导航栏 3、footer:定义页面底部,页脚 4、article:定义文章 5、s...

    wuyangnju 评论0 收藏0
  • Vue.js十课 自定义指令

    摘要:下面我们注册一个全局指令该指令的功能是在页面加载时,元素获得焦点实例页面载入时,元素自动获取焦点注册一个全局自定义指令当绑定元素插入到中。 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点:实例 页面载入时,input 元素自动获取焦点: // 注册...

    summerpxy 评论0 收藏0
  • TRY REGEX:正则表达式交互式入门教程 翻译&解答

    摘要:写一个正则表达式来测试变量中是否包含字符串。用函数给出不使用字符,但和等价的正则表达式。第十四课标志全局匹配标志第二个常用的标志是全局匹配标志,用字母表示。写出一个正则表达式来检验合法性。非捕获组的主要用途是给一个组赋予量词。 TRY REGEX 是一个交互式的正则表达式学习项目项目地址:https://github.com/callumacra...在线地址:http://tryre...

    李义 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<