js
L时光
这个作者很懒,什么都没留下…
展开
-
typeScript学习笔记-接口
//参数接口 设定一个标准,这个参数以后只能传这两个参数interface FnName{ name:string; age:number;}function getName(obj:FnName):void{ console.log(obj,'obj');}getName({name:'张三',age:24});//函数接口interface Fun{ (name:string):string}let getName1:Fun=function(.原创 2021-07-19 19:04:03 · 154 阅读 · 0 评论 -
typescript学习笔记-类
class Animal{ publie name:string;//公共的 private age:number;//私有的 只有自己可以使用 protected sex:string; //保护的,自己和子类可以使用 publie color:string //构造函数 name age默认为10 sex默认为男 color ?代表可选 constructor(name:string,age:number=10,sex:string='男',colo.原创 2021-07-19 13:45:52 · 147 阅读 · 0 评论 -
屏幕移动到指定位置显示内容
window.onscroll = function(){ var top = $(document).scrollTop(); if(top > 200){ console.log("下拉到距离顶部大于200px"); }else{ console.log("下拉到距离顶部小于200px"); }} ...原创 2018-11-14 15:56:47 · 1481 阅读 · 0 评论 -
使用jquery编写插件
;function($){ $.fn.extend({ //$.fn是jqury的原型对象, extend是jquery用来扩展属性和方法 "color":function(value){ return this.css("color",value); } })}$("div").color("red"); //这样...原创 2018-11-21 11:49:16 · 165 阅读 · 0 评论 -
jquery性能优化
最近学习了锋利的jqury,记录以下优化jqury的方法,个人感觉挺不错的,学习jqury的可以看一下这本书一、使用最新的jq二、标签选择器建议从ID选择器开始, 因为在jquery里获取id是直接封装js的document.getElementById() 性能最佳; $("#Id");标签选择器,直接封装document.getElementsByTagName() 性能第二 ...原创 2018-11-26 11:26:52 · 272 阅读 · 0 评论 -
jq写一个自己的选择器
$.extend($.expr[":"],{ max200:function(a){ return $(a).width() > 200; }})//这个选择器是说这个id 为box的标签宽度大于200的就会执行以下操作$("#box:max200").click(function(){ $(this).animate({width:200},...原创 2018-11-26 17:27:38 · 310 阅读 · 0 评论 -
js获取1到100的素数
var flag;for(var i = 2; i<100; i++;){ flag = true; for(var j = 2; j<i; j++;){ if(i % j == 0){ flag = false; } } if(flag){ console.log(i); ...原创 2018-11-27 17:48:45 · 12038 阅读 · 1 评论 -
简单正则笔记
g 表示全局模式, 配置所有等于那个字符的值 i 不区分大小写m 表示多行 * 零次或者多次+ 一次或者多次? 一次或者零次. 匹配除换行符\n以外的所有字符^ 以什么开头$ 以什么结尾var text = "atlateasfatat";var pattern = /at/g; //g 匹配所有at的值var a = text.replace(pattern,"**...原创 2019-02-13 17:02:40 · 125 阅读 · 0 评论 -
获取月份的天数
var date = new Date(2019,8,0).getDate();console.log(`2019年8月份有${date}天`);原创 2019-08-01 11:37:52 · 714 阅读 · 0 评论 -
页面加载后执行多个函数
function addLoadEvent(func){ var oldonload = window.onload; //保存旧的window.onload if(typeof window.onload !== "function"){ //如果window.onload不是函数 window.onload = func; //参数直接传给wind...转载 2018-09-27 16:29:42 · 1030 阅读 · 0 评论 -
ajax简单封装
var reload = function(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest; }else{ xmlhttp = new ActiveXobject("Microsoft.XMLHTTP"); } return xm...原创 2018-09-26 09:52:05 · 251 阅读 · 0 评论 -
for循环中函数对变量i的使用
在一些循环中需要对每个i执行操作,每次输出最后的数字,比如有5个li 会输出5var list = document.querySelector("li");for(var i = 0; i<list.length; i++){ list[i].onmouseover = function(){ console.log(i); }}可以使用以...原创 2018-08-16 11:12:52 · 2715 阅读 · 0 评论 -
使用正则使用*号隐藏手机号码中间的数字
在一些活动中会出现一些手机号码,而手机号码的中间数字会被隐藏掉,达到保护用户隐私的作用,我现在就用正则表达式实现一下var phone = "13751668899"; //手机号var reg = /([0-9]{4})([0-9]{3})([0-9]{4})/; //正则表达式 () 代表一个子表达式的开始和结束位置。[]标记一个中括号表达式开始和结束。{n}n是一个非负数整数...原创 2018-07-18 14:16:19 · 1770 阅读 · 1 评论 -
js里的insertBfore 和自定义的insertAfter
在js里insertBefore() 方法在您指定的已有子节点之前插入新的子节点。下面是代码html添加前<div id="box"> <span id="box1"></span></div>var box = document.getElementById("box"); //父节点var box1 = do原创 2018-07-25 22:59:24 · 1799 阅读 · 0 评论 -
操作DOM的方法
document.getElementById(&quot;id&quot;); //获取iddocument.getElementsByClassName(&quot;class&quot;); //获取class 返回一个数组的形式document.getElementsByTagName(&quot;div&quot;); //获取元素 例如div a 返回一个数组的形式query原创 2018-07-20 23:25:08 · 108 阅读 · 0 评论 -
解决getElementsByClassName不兼容IE8
function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); }else{ var result = []; ...转载 2018-07-21 00:13:25 · 233 阅读 · 0 评论 -
判断当前页面是否在微信浏览器打开
var is_weixin = (function(){ return navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 })();//is_weixin 会返回一个true 和flase 是微信浏览器打开返回true 不是返回falseif(is_weixin){ //如果是微信执...原创 2018-07-21 11:58:46 · 1821 阅读 · 0 评论 -
js错误提示Uncaught SyntaxError: Illegal return statement
if(!document.getElementsByTagName){ return false; //这样会出现一个Uncaught SyntaxError: Illegal return statement 的报错信息} //找了一下一个答案,发现js里return只能在函数中使用(function(){ if(!document.getElementsByTagN...原创 2018-07-21 17:04:15 · 15015 阅读 · 0 评论 -
原生js获取所有兄弟节点
function siblings(elm){ var a = []; //保存所有兄弟节点 var p = elm.parentNode.children; //获取父级的所有子节点 for(var i = 0; i < p.length; i++){ //循环 if(p[i].nodeType == 1 && p[i] !...原创 2018-08-07 14:33:47 · 15960 阅读 · 0 评论 -
添加多个class
<div class="box"></div>var box = document.querySelector(".box");box.className = "inner";//在这种情况下添加class 会重新赋值class <div class="inner"></div>//以下的方法就是使用一个原创 2018-08-13 23:19:32 · 1458 阅读 · 0 评论 -
js获取子元素
在原生js里获取子元素childNodes ,但是在一些浏览器会把空格当成子元素htmlhtml:<div class="box"> <div>2</div> <div>1</div></div>Js:var $ = function(o){ //获取元素函数 return doc原创 2018-07-17 11:42:36 · 32333 阅读 · 1 评论