JavaScript
关注
分享
扫一扫
文章平均质量分 51
强哥blog
这个作者很懒，什么都没留下…
展开
-
巧用array.join()处理动态加载可循环列表
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t原创 2017-05-15 17:21:15 · 319 阅读 · 0 评论 -
arttemplate模板--字符串拼接中使用模板语法
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>compile-demo</title> <script src="template.js"></script></head><body><h1>在javascript中存放模板</h1><div id="content"></div><script原创 2017-06-13 18:53:55 · 3340 阅读 · 0 评论 -
字符串容器中常用函数（总结）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> //字符串的属性 - length var myString="JavaScript"; myString.length;/*原创 2017-06-26 18:46:49 · 320 阅读 · 0 评论 -
数组容器中常用函数（总结）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> //数组容器中包含的属性 //var arr1 = [1,2,3,4,5]; //arr1.length; /*******原创 2017-06-26 18:48:35 · 274 阅读 · 0 评论 -
日期容器中常用函数（总结）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script>/***************************************************************************原创 2017-06-26 18:49:58 · 253 阅读 · 0 评论 -
常用数组扩展
/** 删除数组中指定索引的数据 **/Array.prototype.deleteAt = function (index) { if (index < 0) { return this; } return this.slice(0, index).concat(this.slice(index + 1, this.length));}/** 数组洗牌原创 2017-07-14 18:51:28 · 238 阅读 · 0 评论 -
常用string内置对象方法
//concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 var str = "Hello"; var out = str.concat(" World","!"); console.log(str); //Hello console.log(out); //Hello World! //charAt() – 返回指定位置的字符。原创 2017-07-14 19:05:52 · 1133 阅读 · 0 评论 -
常用string原型扩展
/** 在字符串末尾追加字符串 **/String.prototype.append = function (str) { return this.concat(str);}/** 删除指定索引位置的字符，索引无效将不删除任何字符 **/String.prototype.deleteCharAt = function (index) { if (index < 0 || in原创 2017-07-14 19:10:30 · 852 阅读 · 0 评论 -
Array对象常用方法
//shift:删除原数组的第一项，返回删除元素的值；如果数组为空则返回undefined var arr = [1, 2, 3, 4, 5]; var out = arr.shift(); console.log(arr); //[2,3,4,5] console.log(out); //1 var arr = []; var out = arr.s原创 2017-07-14 19:12:34 · 329 阅读 · 0 评论 -
JavaScript中对Object.defineProperty 函数 的理解
Object.defineProperty 函数 (JavaScript) 将属性添加到对象，或修改现有属性的特性。语法Object.defineProperty(object, propertyname, descriptor)参数原创 2017-07-07 16:36:06 · 384 阅读 · 0 评论 -
JS数据类型检测方法汇总
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> var num = 1 var str = '心暖未晴' var bool=false; var arr=[];原创 2017-07-07 17:11:05 · 298 阅读 · 0 评论 -
封装jsonp跨域请求
(function(window,document,undefined){ // url = http://ssss?dsf=sdfs& var jsonp = function(url, data, callback) { // 1.挂载回调函数 var fnSuffix = Math.random().toString().replace('.',原创 2017-07-29 15:44:38 · 354 阅读 · 0 评论 -
js数组API--温故知新
js数组API--温故知新一 、concatconcat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。arrayObject.concat(arrayX,arrayX,......,arrayX)返回值返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 conc原创 2017-09-30 17:20:53 · 392 阅读 · 0 评论 -
js判断滚动条是否到底部
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t原创 2017-10-27 15:32:47 · 527 阅读 · 0 评论 -
api日常总结：前端常用js函数和CSS常用技巧
我的移动端media html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}@media原创 2017-10-27 15:44:25 · 885 阅读 · 0 评论 -
JavaScript深入之继承的多种方式和优缺点
本文来自;https://juejin.im/post/591523588d6d8100585ba595JavaScript深入系列第十五篇，讲解JavaScript各种继承方式和优缺点。写在前面本文讲解JavaScript各种继承方式和优缺点。但是注意：这篇文章更像是笔记，哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！1.原型链继承f转载 2017-11-17 18:17:33 · 304 阅读 · 0 评论 -
arttemplate模板--绑定集合
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src='template.js'></script></head><body><div id='mydiv'><原创 2017-06-13 18:47:00 · 1826 阅读 · 0 评论 -
arttemplate模板
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src='template.js'></script></head><body><h1>最新上映电影：</h1>原创 2017-06-13 18:42:42 · 742 阅读 · 0 评论 -
replace用法案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> // 关键字变色 // 大家在一些网站上搜索文章的时候，会发现这么一个现象，就是搜索的关键字会高亮改变颜色显示出来？？原创 2017-06-13 17:56:35 · 428 阅读 · 0 评论 -
关于javascript中闭包的理解
/*闭包就是能够读取其他函数内部变量的函数， 在js中也可以简单地理解成定义在一个函数内部的函数。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的最大用处有两个，一个是读取函数内部的变量，另一个是让这些变量的值始终保持在内存中*//*function a(){var n=0;function inc(){n++;conso原创 2017-05-15 17:34:58 · 341 阅读 · 0 评论 -
封装表格table列求和方法
DOCTYPE html>html>head>title>title>head>body>tablewidth="200"border="0" id="table">tr>td>名称td>td>图片td>td>价格td>td>操作td>tr>tr>td>td>td>td>td>10td>td>td>tr原创 2017-05-15 17:51:05 · 3332 阅读 · 0 评论 -
input搜索筛选\过滤列表
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t原创 2017-05-16 17:45:23 · 3050 阅读 · 0 评论 -
兼容各大浏览器屏幕尺寸宽高设置
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> title>兼容浏原创 2017-05-16 17:49:08 · 2082 阅读 · 0 评论 -
jquery循环遍历中add\each\andSelf\eq\filter\map\slice方法的使用
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t原创 2017-05-17 12:30:29 · 802 阅读 · 0 评论 -
$.each遍历json对象的问题
script type="text/javascript">/*$.each遍历json对象查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。*/var json = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"bana原创 2017-05-17 14:10:04 · 699 阅读 · 0 评论 -
AngularJS表达式 与Javascript表达式的比较
AngularJS表达式 与Javascript表达式的比较你可能会认为AngularJS视图中的表达式就是Javascript表达式，这种认识不完全对，因为AngularJS不会用Javascript的eval()函数去执行表达式。 不过除了以下几个需要区别的地方以外，你可以把AngularJS表达式看成是Javascript表达式： formatDate属性表达式：属性表达转载 2017-05-17 19:01:33 · 580 阅读 · 0 评论 -
jquery中的bind(),live(),delegate(),on()绑定事件方式
DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content="ie=edge">t原创 2017-05-18 11:21:11 · 1299 阅读 · 0 评论 -
巧用setTimeout处理定时问题，避免迭代
var timeout = false; //启动及关闭按钮var max = 1;timer();function timer(){ if(timeout) return; render();//处理逻辑的函数 setTimeout(timer,num); //timer是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒 ++max; if(原创 2017-06-05 18:11:00 · 2149 阅读 · 1 评论 -
选项卡tab小例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty原创 2017-07-10 19:16:02 · 568 阅读 · 0 评论 -
自动轮播--面向对象实现方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/css"> *{margin: 0 auto;padding: 0;list-style: none;border: 0; text-align: ce原创 2017-07-11 14:33:37 · 433 阅读 · 0 评论 -
select下拉框（支持筛选、多选）
Chosen 是一个支持jQuery的select下拉框美化插件，它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此，它更扩展了select，增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。先来看下插件的效果： 跟这个比起来，原来的select样式是不是弱爆了！1、先把js和css文件引用到网页里面去：转载 2017-06-12 14:58:01 · 33245 阅读 · 2 评论 -
正则表达式（总结）
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div> <label>用户名 </label> <input id="loginname" type="text" value="18610811912" placeholde原创 2017-06-13 16:35:56 · 361 阅读 · 0 评论 -
js中对call（）函数和apply（）函数的深入探索
call的探索01 call借用 //对象1 var myclass={ getAllStudentsNumbers:function(){ return 130} }; //对象2 var student={ getDetail:function(){ return {name:'莉莉',ai原创 2017-07-13 18:38:27 · 533 阅读 · 0 评论 -
replace高级用法
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> /*********************************************************************原创 2017-06-13 17:52:30 · 3180 阅读 · 1 评论 -
打造自己的JavaScript武器库
原文地址：https://juejin.im/post/5a091afe6fb9a044ff30f402API文档Array arrayEqual 判断两个数组是否相等Class addClass 为元素添加class hasClass 判断元素是否有某个class removeClass 为元素移除classCook转载 2017-11-16 16:34:34 · 634 阅读 · 0 评论