副问题[/!--empirenews.page--]
JavaScript正变得越来越风行,它已经成为前端开拓的第一选择,而且操作基于JavaScript说话的NodeJS,我们也可以开拓出高机能的后端处事,乃至我还看到在硬件编程规模也呈现了JavaScript的身影。JavaScript正在逐渐进化为一门万能的开拓说话。
但用好JavaScript并不轻易,你除了必要把握它的语法并知道怎样写出高质量的代码之外,还必要相识怎样办理那些险些在每个项目中城市碰着的需求场景,好比:判定日期,高亮文本,限定字符数等等,有许多第三方库可以办理这些题目,但这些库也许并非只是为办理这一个题目而建设的,这意味着你必要引入了许多无关的代码,这将使你的整个体系变得痴肥,并且也会影响到体系的机能。我的做法是,网络和行使那些常见的JavaScript代码段,并在必要时,尽也许起首行使它们。下面即是我网络的10段适用JavaScript代码,基于它们你还可以缔造出更强盛的JS插件或成果函数。
1. 判定日期是否有用
JavaScript中自带的日期函数照旧过分简朴,很难满意真实项目中对差异日期名目举办理会和判定的必要。JQuery也有一些第三方库来使日期相干的处理赏罚变得简朴,但偶然你也许只必要一个很是简朴的函数,而不想引入一个复杂的第三方库。这时,你可以行使下面这段日期校验代码,它应承你自界说日期名目并举办日期有用性的校验。
- function isValidDate(value, userFormat) {
- // Set default format if format is not provided
- userFormat = userFormat || 'mm/dd/yyyy';
- // Find custom delimiter by excluding
- // month, day and year characters
- var delimiter = /[^mdy]/.exec(userFormat)[0];
- // Create an array with month, day and year
- // so we know the format order by index
- var theFormat = userFormat.split(delimiter);
- // Create array from user date
- var theDate = value.split(delimiter);
- function isDate(date, format) {
- var m, d, y, i = 0, len = format.length, f;
- for (i; i < len; i++) {
- f = format[i];
- if (/m/.test(f)) m = date[i];
- if (/d/.test(f)) d = date[i];
- if (/y/.test(f)) y = date[i];
- }
- return (
- m > 0 && m < 13 &&
- y && y.length === 4 &&
- d > 0 &&
- // Check if it's a valid day of the month
- d <= (new Date(y, m, 0)).getDate()
- );
- }
- return isDate(theDate, theFormat);
- }
行使要领:
下面这个挪用返回false,由于11月份没有31天
- isValidDate('dd-mm-yyyy', '31/11/2012')
2. 获取一组元素的最大宽度或高度
下面这个函数,对付必要进动作态排版的开拓职员很是有效。
- var getMaxHeight = function ($elms) {
- var maxHeight = 0;
- $elms.each(function () {
- // In some cases you may want to use outerHeight() instead
- var height = $(this).height();
- if (height > maxHeight) {
- maxHeight = height;
- }
- });
- return maxHeight;
- };
行使要领:
- $(elements).height( getMaxHeight($(elements)) );
3. 高亮文本
有许多JQuery的第三方库可以实现高亮文本的成果,但我更喜好用下面这一小段JavaScript代码来实现这个成果,它很是短小,并且可以按照我的必要去举办机动的修改,并且可以本身界说高亮的样式。下面这两个函数可以辅佐你建设本身的文本高亮插件。
- function highlight(text, words, tag) {
- // Default tag if no tag is provided
- tag = tag || 'span';
- var i, len = words.length, re;
- for (i = 0; i < len; i++) {
- // Global regex to highlight all matches
- re = new RegExp(words[i], 'g');
- if (re.test(text)) {
- text = text.replace(re, '<'+ tag +' class="highlight">$&');
- }
- }
- return text;
- }
(编辑:河北网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|