![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端JS
我是滑稽帝滑滑稽
这个作者很懒,什么都没留下…
展开
-
HTTP协议状态码以及缓存机制
HTTP协议状态码以及缓存机制https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status协议状态码状态码 含义100 这个临时响应表明,迄今为止的所有内容都是可行的,客户端应该继续请求,如果已经完成,则忽略它。101 该...原创 2019-03-06 17:50:04 · 580 阅读 · 0 评论 -
if 中的true 和false值
原创 2017-03-17 17:43:33 · 1082 阅读 · 0 评论 -
2.只继承原型(构造函数.prototype)
function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function(){return this.name;}; function TwoDShape(){} TwoDShape.prototype = Shape.prototype; TwoDShap原创 2017-02-20 16:10:46 · 287 阅读 · 0 评论 -
1.constructor prototype详解 原型陷阱
funciton Dog(){this.tail = true;}var benji = new Dog();var rusty = new Dog();Dog.prototype.say = function(){return ' Woof ! ';}>>>benji,say(); constructor->Dog()原创 2017-02-16 10:58:31 · 354 阅读 · 0 评论 -
2.1解决只继承原型的副作用(临时构造器)
function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function () { return this.name; }; function TwoDShape(){} var F = function () {}; F.proto原创 2017-02-20 16:12:20 · 409 阅读 · 0 评论 -
分页相关 select筛选
1.dataTables分页2.筛选$(document.body).on("click",".inquire",function () { var coverValue = $(".filter .cover_country option:selected").val(); var operatorValue = $(".filter .operato原创 2016-12-30 09:58:05 · 409 阅读 · 0 评论 -
javascript继承
script> function Person(first,last) { this.first = first; this.last = last; } Person.prototype = { fullName:function () { return this.first+''+th原创 2016-11-14 18:53:12 · 302 阅读 · 0 评论 -
prop和attr的区别
原创 2016-12-27 15:51:43 · 346 阅读 · 0 评论 -
JavaScript动态生成table中的数据
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> link rel="原创 2016-11-25 17:53:03 · 453 阅读 · 0 评论 -
3.1 uber 子对象访问父对象的方式
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function () {原创 2017-03-06 14:50:38 · 417 阅读 · 0 评论 -
4 将继承封装成函数
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> function extend(Child,Parent) { var F = function () {}; F.prototype = Parent.prototype;原创 2017-03-06 14:55:16 · 316 阅读 · 0 评论 -
原型继承总结
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> //-----------------------one part----------------------- function Person(first,last) { this.fi原创 2017-04-12 14:39:47 · 272 阅读 · 0 评论 -
5.浅拷贝与深拷贝
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> 浅拷贝-->// 要小心处理引用拷贝---对象类型(对象 函数 数组)拷贝就是引用拷贝 改变子类 就会改变父类 function extendCopy(p) { var c原创 2017-03-06 16:40:39 · 325 阅读 · 0 评论 -
webpack引入css错误
提示:you need to specify 'style-loader' instead of 'style' 提示 vue2.0 不支持简写原创 2017-05-08 10:00:14 · 2436 阅读 · 0 评论 -
前端性能优化
1.html简洁而有效2.很多css需要通过HTTP请求来引入,所以你要去除累赘的css文件,弹药注意保留其重要特征。@import 指令来引入外部样式表,这是一个过时的方法,它会组织浏览器并行下载。link标签才是最好的选择,不会阻止并行下载。3.减少外部HTTP请求 1.不必要的图片 2.没用的JavaScript代码 3.过多的css原创 2017-04-05 14:10:29 · 247 阅读 · 0 评论 -
1.1原型链(实例化 new 对象继承)
继承模式:原型链继承 JavaScript中的每个函数中都有一个名为prototype的对象属性。该函数被new 操作符调用是会创建出一个对象,并且该对象中会有一个指向原型对象的秘密链接(_proto_)。我们就可以在新建的对象中调用相关原型对象的方法和属性。function Shape(){ this.name = 'shape'; this.toStr原创 2017-02-17 17:28:54 · 204 阅读 · 0 评论 -
hasOwnProperty(),propertyIsEnumerable( ) ,isPrototypeOf( )
1.hasOwnProperty( )方法用来检测某个属性是否是对象的自身属性(继承的属性不是自身属性,原型属性也不属于)。2.propertyIsEnumerable( ) 只有检测到是自身属性且这个属性是可枚举的返回true,某些内置属性是不可枚举的。3.isPrototypeOf( ) 这个方法会告诉我们当前对象是否是一个对象的原型(即子类)。子类对象 . isPrototype原创 2017-04-07 14:54:48 · 343 阅读 · 0 评论 -
JavaScript运算符优先级
表中运算符按照优先级从高到低排序的,每个水平分割线内的一组运算符具有相同的优先级。原创 2017-03-21 11:34:29 · 455 阅读 · 0 评论 -
highcharts混合图
highcharts具体内容详见:http://www.hcharts.cn/demo/highcharts心得: 不要全看他们API 看一下他的使用教程之后 直接根据你的需要看例子 对应去看API 不要API一个一个看 半天就可以上手html>html lang="en">head> meta charset="UTF-8"> title>T原创 2016-10-28 19:23:54 · 1047 阅读 · 0 评论 -
定位 获取元素的宽度和高度
可以详见:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/outerHTML里面讲的比上面清楚原创 2016-10-12 11:34:03 · 1342 阅读 · 0 评论 -
重置select
myform为你的表单名$(".myform option").prop("selected", '');原创 2016-10-28 12:06:33 · 406 阅读 · 0 评论 -
cookie getCookie setCookie deleteCookie
每个cookie文件的名字都是其网站的域名script> document.cookie="cookieName = cookieValue;"; document.cookie=" cookieName2 = cookieValue2"; document.cookie=" a2 = "+encodeURIComponent("cookie原创 2016-10-02 23:20:45 · 1544 阅读 · 0 评论 -
表单
script> window.onload = function () { var fm = document.fm; alert(fm); alert(document.forms.length); alert(document.forms[1]); var t原创 2016-10-02 18:29:27 · 155 阅读 · 0 评论 -
DOM 节点
原创 2016-10-02 14:37:20 · 161 阅读 · 0 评论 -
javascript的面向对象 函数 闭包 构造函数 继承
script> //------------函数的创建方式------------ function f1() { alert('我是一个兵'); } var a = function () { alert("我是两个兵"); } f1();原创 2016-10-01 23:59:28 · 810 阅读 · 0 评论 -
正则表达式
script>//// var i = new RegExp("dga","gi");var i = new RegExp("dga","i"); var i = /dga/i; //基本上用这种方法写 //ignoreCase 忽略大小写 /* g (全文查找) i (忽略大小写原创 2016-09-30 23:14:19 · 179 阅读 · 0 评论 -
事件 事件冒泡 事件捕获 怎么兼容事件addeventlistener attachEvent addEvent 兼容事件对象
addEvent()这个函数是真实存在的是标准的,解决了兼容性问题。 一般用这个吧。下面这个只要知道这个是个怎么回事就好了 太复杂了(没认真去看,以后有需要的时候看吧 总之 就是为了兼容IE浏览器 因为IE的event属性和其它有点不同)如果能使用addeventlistener()就说名event是标准化 算了 反正是为了兼容IE 和上面的addEvent()多增加原创 2016-10-02 20:10:14 · 1512 阅读 · 0 评论 -
firebug常用命令
控制台console是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello Wor原创 2016-10-21 23:11:10 · 261 阅读 · 0 评论 -
javascript 数组和对象字符串
script> //------------------------创建数组和给数组赋初值------------------------------ var a = new Array(); a[0] = 1; a[1] = "ahfkang"; a[2] = true; alert(a[0]); alert(a[1]); aler原创 2016-09-25 21:43:08 · 310 阅读 · 0 评论 -
浏览器兼容性 浏览器检测 和 对象检测 navigator的真正使用
这张图在上一张的前面原创 2016-10-03 00:28:01 · 1668 阅读 · 0 评论 -
try catch 错误处理 也可以用于解决浏览器兼容性问题 Error对象
script> try{// var abc = {}; //这里存放可能出现错误的代码// d; //error var err = new Error("An Error!!!"); throw err; //这里抛出一个err对象原创 2016-10-03 02:17:15 · 6027 阅读 · 0 评论 -
AJAJ滚动加载
(function () { function isVisible(o) { //这就是第三条 判断内容是否可见 返回可见 var offset = getOffset(o),de=document.documentElement; //前一句代码获取当前元素的位置 后一条获取页面的属性 re原创 2016-10-05 22:40:37 · 249 阅读 · 0 评论 -
表单验证基本步骤
//---------------------表单验证--------------------fm.onsubmit=function (evt) { //先阻止浏览器默认跳转行为,然后验证 if(evt){//w3c evt.preventDefault(); }else{ evt.returnValue=false; }原创 2016-10-05 01:39:41 · 719 阅读 · 0 评论 -
输入多少字 还剩多少字
//---------当前输入多少字 还能输入多少字------------这里有一个bug 用户粘贴会出错var textarea = fm.motto, curLenSpan =document.getElementById('curLen'), maxLenSpan =document.getElementById('maxLen'), leftLenSpa原创 2016-10-05 01:38:25 · 288 阅读 · 0 评论 -
年 月 日
//-----------------------------年 月 日---------------------------------------------------var by = fm.birthYear, bm = fm.birthMonth, bd = fm.birthDay;//当用户先选了月的时候 要根据年来改变日by.onchange =原创 2016-10-05 01:36:55 · 217 阅读 · 0 评论 -
轮播
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script> //这里用于根据className获取对象 function getByClass(className,context) { context = context ||原创 2016-10-03 22:10:31 · 241 阅读 · 0 评论 -
滚动的文字效果 就类似广告的LED
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script> var s = ("恭喜本次中奖的观众 小丁 中了大奖 草你的吗BB I'LL FUCK YOU ").split(""); setInterval(function () {原创 2016-10-03 16:21:44 · 1509 阅读 · 0 评论 -
BOM screen history location navigator 延时函数 open frames
BOM浏览器对象模型BOM的体系结构图: 这个很重要原创 2016-10-02 13:29:36 · 288 阅读 · 0 评论 -
javascript 函数 Date对象 数组对象
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body> script> function functionname() { var wide = window.prompt("请输入三角形的底边长度");原创 2016-09-24 21:42:14 · 243 阅读 · 0 评论