WEB前端开发javascript算法集:金额转大写 function money2Chinese(num) { if(typeof num) throw new Error('参数为数字') let strOutput = "" let strUnit... 2018-04-142,167 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:最小公约数 function greatestCommonDivisor1(a, b){ if(a < 0 || b < 0) throw new Error('参数只能为正整数'); if(a &l... 2018-04-142,039 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:判断是否为质数(prime number)素数 质数:只能被1和自己整除且大于1的数。 合数:数大于1且因数多余2个(大于1的数质数的补集)。 1 2 3 4 5 6 7 8 9 10 11 12 function isPrimeNumber1(n... 2018-04-142,690 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:数组中最大差值|斐波那契数列 数组中最大差值 方法一 1 2 3 function getMaxProfit1(ary){ return Math.max.apply(null, ary) - Math.min.apply(nul... 2018-04-142,627 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:数组扁平化 实现方法:Array.prototype.flatten(depth),参数depth表示需要扁平化的层数,返回一个新的数组。 数组扁平化 方法一(递归遍历数组拼接) 1 2 3 4 5 6 7 8 ... 2018-04-142,068 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:出现次数最多的字符 出现次数最多的字符 方法一(对象key的唯一性进行累加) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function... 2018-04-142,063 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:数组去重 数组去重 方法一(ES6的Set数据结构) 1 2 3 4 5 6 7 8 /* * 数组去重 * @param {array} ary 需要去重的数组 * @return {array} 去重后的数... 2018-04-142,742 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:随机生成长度为n字符串 随机生成长度为n字符串 方法一 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 /* * 生成指定长度的随机字符串 * @param {number} n 生... 2018-04-142,206 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:阶乘 阶乘 方法一(递归) 1 2 3 4 5 6 7 8 9 10 11 12 /* * 阶乘 * @param {number} n 需要求的阶乘 * @return {number} 阶乘值 */ f... 2018-04-142,151 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript算法集:判断文本是否为回文 定义:如果将一个文本翻转过来,能和原文本完全相等,那么就可以称之为“回文”。 判断文本是否为回文 方法一(字符串、数组内置方法) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15... 2018-04-142,314 viewsCommentsjavaScript 阅读全文
WEB前端开发前端框架Bootstrap 栅格系统的发展史 起源 Bootstrap原名Twitter Blueprint,由Mark Otto和Jacob Thornton开发,目的是开发一套可以保持所有页面样式一致性的框架。在Bootstrap出现之前,界... 2018-04-143,485 viewsCommentsBootstrap 阅读全文
WEB前端开发JavaScript和CSS三种方式优雅实现文本截断 我们看这样一个场景: 展开更多 其html 结构如下: <p class="text-slice"> 郑成月的经历就是一部中国社会历史!很有价值的!不管是社会研究还是真心纠错,都是非常好的... 2018-04-112,719 viewsCommentsCSS javaScript 阅读全文
WEB前端开发jQuery代码高质量书写的12条经验 1、正确引用jQuery 尽量在body结束前才引入jQuery,而不是在head中。 借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN出现问题时,要引入本地的jQuery文件。 ... 2018-04-071,966 viewsCommentsjQuery 阅读全文
WEB前端开发javascript操作dom节点让其运动宽高及位置坐标总结 javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之间... 2018-04-053,467 viewsCommentsjavaScript 阅读全文
WEB前端开发Bootstrap 媒体对象(Media object) 谈 flexbox的应用场景 CSS3 弹性盒子(flexbox),是一种新的布局方式。使用 flexbox,可以很方便的实现常见的布局以及居中效果。Bootstrap v4 的 Media object 也是使用 flexbox... 2018-04-052,440 viewsCommentsBootstrap 阅读全文
WEB前端开发Jquery常用方法大合集 实用建议收藏 大坑 千万不要写箭头函数代替function()的写法 $("p").on("click", function(){ alert( $(this).text() ); // 指向当前触发click事件... 2018-04-052,768 viewsCommentsjQuery 阅读全文
WEB前端开发前端开发:能使用html/css解决的问题就不要使用javascript 能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题,... 2018-04-032,483 viewsCommentsCSS HTML javaScript 阅读全文
WEB前端开发js(javascript)设为首页代码,加入收藏代码 真正兼容IE、火狐、谷歌、360浏览器 设为首页代码,加入收藏代码有可以兼容IE、火狐(Firefox)、谷歌、360等主流浏览器的吗? 今天测试一个新主题时,有加入收藏的选项,但是收藏本站的代码在IE浏览器总是出错,于是上网百度了很久,找... 2018-03-314,354 viewsCommentsjavaScript 阅读全文
WEB前端开发jQuery图片延迟加载插件jQuery.lazyload使用教程 jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。 使用方法 引用jquery和jquery.lazyload.js... 2018-03-252,024 viewsCommentsjQuery 阅读全文
WEB前端开发jquery.lazyload.js懒加载插件的简单调用使用说明 Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预... 2018-03-251,944 viewsComments 阅读全文
WEB前端开发前端开发两种方式实现图片懒加载(lazyload)示例 一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是... 2018-03-252,063 viewsComments 阅读全文
WEB前端开发jQuery点击“返回顶部”滑动过度效果 轻松加 利用jQuery,直接在网站底部文件加代码: <a href="#" id="top"> 返 回 顶 部 </a> CSS代码,使用了fixed让对象固定于浏览器窗口: #to... 2018-03-252,683 viewsCommentsjQuery 阅读全文
WEB前端开发IntersectionObserver api实现图片懒加载实例代码 IntersectionObserver实现图片懒加载相关教程,具体实例代码请看下文: API: https://developer.mozilla.org/en-US/docs/Web/API/In... 2018-03-252,252 viewsComments 阅读全文
WEB前端开发jQuery中animate()方法七种用法与注意事项 jQuery的中的animate()方法还停留在最常见的用法,查了一下手册,发现在1.8的时候增加了几个比较有用的回调函数,想着就来总结下jQuery中animate的几种用法与注意事项。 一、ani... 2018-03-253,096 viewsCommentsjQuery 阅读全文