打造自己的 JavaScript 武器库(转自SegmentFault公众号)

2017-11-14 SlaneYang SegmentFault 自己打造一把趁手的武器,高效率完成前端业务代码. 前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率.这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化. url参数转对象. 浏览器类型判断. 节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到 npm,以提高开发效率. 这里,笔者已经封装并发布了自己的武器库 outils,如果你…

打造自己的 JavaScript 武器库

原文 https://segmentfault.com/a/1190000011966867 github:https://github.com/proYang/outils 前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率.这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化. url参数转对象. 浏览器类型判断. 节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到 npm,以提高开发效率. 这…

打造自己的JavaScript武器库（转）

作者: SlaneYang https://segmentfault.com/a/1190000011966867 前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率.这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化.url参数转对象.浏览器类型判断.节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到npm,以提高开发效率. 这里,笔者已经封装并发布了自己的武器库 outils,如果你对本项目感兴…

打造自己的JavaScript武器库

自己打造一把趁手的武器,高效率完成前端业务代码. 前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率.这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化.url参数转对象.浏览器类型判断.节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到npm,以提高开发效率. 这里,笔者已经封装并发布了自己的武器库 outils,如果你对本项目感兴趣,欢迎 star 本项目.当然你也可以在本项目的基础上封装自己的…

如何打造属于自己的Javascript武器库(封装方法)

前言代码写的久了,就会发现很多时候都是在写一些重复的东西,这个时候就应该要考虑到提高工作效率了,比如对常用方法的封装,例如日期格式化,浏览器类型判断等. 今天这篇文章我们就来看看如何封装常用的Javascript方法,打造出属于自己的一套Javascript武器库吧.封装的代码为了不依赖于其他库,都采用原生的Javascript编写. Javascript 数组-判断相等在某些场景下,我们需要判断两个数组是否相等.主要思想如下: 首先判断传入的参数是否为数组,如果不为数组,则返回false:…

jsonp是什么【转载自JavaScript微信公众号】

转自 http://mp.weixin.qq.com/s/xNnKAeLv6sO0T-IvP2AUlQ JavaScript微信公众号一.JSONP的诞生首先,因为ajax无法跨域,然后开发者就有所思考其次,开发者发现, <script>标签的src属性是可以跨域的把跨域服务器写成调用本地的函数 ,回调数据回来不就好了? json刚好被js支持(object) 调用跨域服务器上动态生成的js格式文件(不管是什么类型的地址,最终生成的返回值都是一段js代码) 这种获取…

使用JavaScript获取日期加随机数生成单号

今天学习Javascript,得到一个自动生成单号的JavaScript,留下日后备用: function getNowFormatDate() { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; Year = day.getFullYear(); //支持IE和火狐浏览器. Month = day.getMonth() + 1; Day = day.getDat…

史上最全最常用的正则表达式（转自微信公众号：javascript）

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求.所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下.给自己留个底,也给朋友们做个参考. 一.校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的…

用JavaScript+HTML实现双色球随机摇号效果

用JavaScript+HTML实现双色球随机摇号效果首先要知道双色球的规则是什么双色球投注区分为红球号码区和蓝球号码区红球号码范围为01-33,蓝球号码范围为01-16 双色球每期从33个红球中开出6个号码,从16个蓝球中开出1个号码作为中奖号码双色球玩法即是竞猜开奖号码的6个红球号码和1个蓝球号码,顺序不限知道了规则以后,我们就可以用代码实现了,废话不到说,直接上代码: <!DOCTYPE html> <html lang="en"> <he…

史上最全常用正则表达式(Javascript公众号推文)

2017-04-13 zxin JavaScript很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求.所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下.给自己留个底,也给朋友们做个参考. 一.校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]…

JavaScript位移运算多个大于号的使用方法

JavaScript中的无符号位移运算符是用三个大于号来表示的计算方法例 100>>>2 100的二进制是 01100100 向右移2位后为 00011001 最后结果为25 100>>>2==25 无符号位移(>>>)和有符号位移(>>)的区别是有符号位移运算时如果数字为正数时位移后在前面补0,为负数时则在位移后在前面补1 例 100>>2==25 和上面的计算方法一样如果100为负数 -100>>>…

前端开发面试题之JavaScript（转自公众号）（1）

js基本数据类型:Undefine Number Null Boolean String; js内置对象:数据封装类对象:object.Array.Boolean.String: 其他:Function. Arguement.Math.Date.RegExp.Error: JavaScript的基本代码规范: 对字符串使用单引号: 使用对象字面量代替new Array()这种形式: 绝对不要在一个非函数块李声明一个函数,把那个函数赋给一个变量,浏览器允许你这么做,但是他们解析不同不要使用全局函…

15个常用的javaScript正则表达式--来自于javascript公众号

摘要收集整理了15个常用的javaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. QQ号码. 微信号.车牌号.中文正则.表单验证处理必备,赶紧收藏吧! 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("iF…

string.Format 里面包含 javascript方法参数的时候单引号变成双引号的问题解决方法

解决方法如下 StringBuilder sb = new StringBuilder(); var str =@"<label><input type='checkbox' onclick='adddelSingClass(""{0}"",""{1}"",""{2}"")' name='JZ_CID' value={0}> {1} </labe…

【转】转自微信公众号 JavaScript 复杂判断的更优雅写法

与微信公众号看到一篇js复杂判断的文章,对我启发很大,故转到博客园以供后期不断学习并应用于项目.原文地址:https://mp.weixin.qq.com/s/ClFDRj4MnAxv1dJ5VWKSJQ 前提我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下. 举个例子先看一段代码…

js武器库

打造自己的 JavaScript 武器库 2017-12-14 SlaneYang JavaScript 自己打造一把趁手的武器,高效率完成前端业务代码. 前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率.这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化. url参数转对象. 浏览器类型判断. 节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到 npm,以提高开发效率. 这里,笔者已经封装并发…

理解Javascript的变量提升

前言本文2922字,阅读大约需要8分钟. 总括: 什么是变量提升,使用var,let,const,function,class声明的变量函数类在变量提升的时候都有什么区别. 参考文章:Hoisting in Modern JavaScript - let, const, and var 公众号:「前端进阶学习」,回复「666」,获取一揽子前端技术书籍要么庸俗,要么孤独. 正文 Javascript中的变量提升说的是在程序中可以在变量声明之前就进行使用: console.log(a); //…

只推荐一本 JavaScript 书，你推荐哪本？

嗨,我是 Martin.最近为了统一社区称谓,都换成 Martin Ager Adams. 前言前端世界,技术层数不穷.尽管更新速度已经放缓,刚入门的票友总还是鸭梨山大. 前端三剑客 -- HTML.CSS.JavaScript 中面试问的最多的就是 JS. 全网的资料浩如烟海,我们如何学习 JS 呢?别急,今天 Martin 给大家介绍一必看的网站. 首先说一句,它不是 MDN,但是它的确和 MDN 一样重要. 把它.MDN.红宝书列为前端必看的资料. 推荐今天推荐的这个教程是<The M…

6 大主流 Web 框架优缺点对比：15篇前端热文回看

摘自:http://blog.csdn.net/VhWfR2u02Q/article/details/78993079 注:以下文章,点击标题即可阅读 <6 大主流 Web 框架优缺点对比> 是该读些评论和做一些总结的时候了.当我们开始写这个系列博客的时候,我们知道 JavaScript/web 应用框架并不太好总结.我们努力对这个不可回答的问题作出回答:我该用什么样的框架? <可能是目前最完整的前端框架 Vue.js 全面介绍> 2016年最火的前端框架当属Vue.js了,很多使…

Android零基础入门第14节：使用高速Genymotion，跨入火箭时代

原文:Android零基础入门第14节:使用高速Genymotion,跨入火箭时代无论是使用Eclipse,还是Android Studio,使用自带的Android模拟器,不仅很费电脑内存,模拟器开机和运行程序的速度很慢,严重影响开发效率.那么相信,通过本期的学习,可以完美的解决这个问题. Genymotion是一套完整的工具,它提供了Android虚拟环境,是开发者.测试人员.推销者甚至是游戏玩家的福音.Genymotion支持Windows.Linux和Mac OS等操作系统,容易安装和…

web笔记全

1.项目流程与数据库 1.课程体系阶段1(服务器开发): 项目导入/数据库/JS基础/NodeJS 阶段2(前端核心技术): HTML/AJAX/CSS/bootstrap 阶段3(前端进阶技术):JS高级/DOM&BOM/jquery/VueJS 阶段4(H5移动开发):VueJS组件库/HTML5技术/微信开发/HybirdAPP 阶段5(框架技术):AngularJS/ReactJS/Python 2.Window操作系统中常用的快捷键 Alt+Tab: 切换窗口(向右) Alt+Shi…

JavaScript 变量作用域

一. 变量声明变量用var关键字来声明,如下所示: 变量在未声明的情况下被初始化,会被添加到全局环境. JavaScript执行代码时,会创建一个上下文执行环境,全局环境是最外围的环境.每个函数在被调用时都会创建自己的执行环境,当函数执行完,当前执行环境被销毁. 每个执行环境都有一个与之关联的作用域链.在执行代码时,JavaScript引擎会通过搜索执行环境的作用域链来解析变量和函数名这样的标识符. 解析过程从作用域链的前端开始,向上逐级查询与给定名字匹配的标识符,一旦找到标识符,搜索过程就停…

【JavsScript】JavaScript MVC 框架技术选型

你很喜欢Gmail和Trello之类的单页面应用,但是不太确定该从何开始.也许你的JavaScript代码是如此的杂乱无章,以致于你很想在下一个项目上尝试下JavaScript MVC库和框架,却苦于没有头绪?我正在撰写一本单页面应用的书,所以我阅读了大量网上的相关资料.在这里我尝试提供一些看法,希望可以帮助你下决定. 简介这里讨论的是时下最热的框架,AngularJS.Backbone.Ember和Knockout.同时提到了Batman.CANjs.Meteor和Spine,但是没有详细展…

javascript闭包分析

闭包是什么?闭包是Closure,简而言之,闭包就是: 闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在. 闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配当在一个函数内定义另外一个函数就会产生闭包比如如下的代码: function greeting(name) { var text = 'Hello ' + name; // local variable // 每次调用时,产生闭包,并返回内部函数对象给调用者 ret…

《JavaScript 闯关记》之原型及原型链

原型链是一种机制,指的是 JavaScript 每个对象都有一个内置的 __proto__ 属性指向创建它的构造函数的 prototype(原型)属性.原型链的作用是为了实现对象的继承,要理解原型链,需要先从函数对象.constructor.new.prototype.__proto__ 这五个概念入手. 函数对象前面讲过,在 JavaScript 里,函数即对象,程序可以随意操控它们.比如,可以把函数赋值给变量,或者作为参数传递给其他函数,也可以给它们设置属性,甚至调用它们的方法.下面示例代…

《JavaScript 闯关记》之 BOM

ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 BOM(浏览器对象模型)则无疑才是真正的核心.BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.多年来,缺少事实上的规范导致 BOM 有很多问题,因为浏览器提供商会按照各自的想法随意去扩展它.W3C 为了把浏览器中 JavaScript 最基本的部分标准化,已经将 BOM 的主要方面纳入了 HTML5 的规范中. window 对象 BOM 的核心对象是 win…

【打造自己的 JavaScript 武器库(转自SegmentFault公众号)】的更多相关文章