笔记

WebMaster

WebMaster|不要过度依赖JQuery(一)

发布于 昨天 19:51 浏览:64 类型:原创 - 随笔 分类:JavaScript 举报

毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以 ...

守候你的季节

守候你的季节|一道涉及的知识点比较多的JS面试题

发布于 昨天 18:27 浏览:52 类型:转载 - 随笔 分类:JavaScript 举报

在segmentfault上看见一道比较有意思的JavaScript题,如下javascript代码functionFoo(){getName=function(){console.log('1');};returnthis;}Foo.getName=function(){console.log('2');};Foo.prototype.getName=function(){console.log('3');};vargetName=f ...

洪领今

洪领今|JS闭包的相关问题

发布于 昨天 17:41 浏览:48 类型:原创 - 随笔 分类:JavaScript 举报

闭包的特性:函数嵌套函数函数内部可以引用外部的参数和变量参数和变量不会被垃圾回收机制回收闭包的定义及优缺点:闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存,会增大内存使用量,使 ...

PC端定位不准确主要应用到移动端第一、申请百度密钥很简单的几步就搞定第二、引入文件html代码效果预览<!--百度地图定位--><scriptsrc="http://api.map.baidu.com/components?ak=WUfZTjKPuZ2G5RmgD0Psejv6XOmIEQVQ"></script><scripttype="text/javascript"src="http://api.map.b ...

单先生

单先生|简单网页换肤

发布于 昨天 13:22 浏览:213 类型:原创 - 随笔 分类:JavaScript 举报

中心思想:网页换肤的原理就是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤计入Cookie中,这样用户已下次访问时,就可以显示用户自定义皮肤了步骤:1.在设计HTML代码时,用了一些小技巧,就是将皮肤选择按钮<li>元素的id与网页皮肤的样式文件名称设置的相同。这样就可以使完成换肤操作简化很 ...

简单网页换肤

最近接手一渣渣的烂摊子,据说是名牌大学毕业的还多年工作经验,可是他的代码,函数嵌套多层,中间多层缺失参数,而且子父孙祖这些层级都是乱伦(胡乱嵌套),感觉就像个混文凭混日子的,发发牢骚废话不多说,现在就与大家分享下镀金水货代码中出现问题函数乱伦式嵌套,参数缺失,移位html代码效果预览<!DOCTYPEhtml> ...

1305327547

1305327547|DOM事件流

发布于 昨天 11:35 浏览:85 类型:原创 - 随笔 分类:JavaScript 举报

一、DOM事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素节点和根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程称为DOM事件流。事件顺序有两种模型:事件捕获和事件 ...

旺爷

旺爷|浏览器桌面提醒功能(微信新消息提示功能)

发布于 昨天 10:25 浏览:139 类型:原创 - 随笔 分类:JavaScript 举报

varpopNotice=function(){if(Notification.permission=="granted"){varnotification=newNotification("标题",{&nbs ...

1379089794

1379089794|最时尚的折叠式导航

发布于 前天 20:35 浏览:904 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>霸气的导航</title><style>*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;line-height:1;}html,body{fon ...

1379089794

1379089794|会发光而且很萌萌哒的盒子背景

发布于 前天 20:17 浏览:297 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>背景光</title><style>*{box-sizing:border-box;}html,body{margin:0auto;height:100%;}body{display:flex;align- ...

老姚

老姚|【Zepto源码】工具方法

发布于 前天 20:14 浏览:120 类型:原创 - 随笔 分类:JavaScript 举报

之前有一篇文章分析了Zepto.js的each方法。本文打算分析其余剩下的工具方法。1.type通过{}.toString方法来判断参数是何种类型functiontype(obj){returnobj==null?String(obj):class2type[{}.toString.call(obj)]||'object';}$.type=type;代码中用{}.toString.call(obj) ...

夏天不做梦

夏天不做梦|回复评论功能(原生js)

发布于 前天 17:30 浏览:165 类型:原创 - 随笔 分类:JavaScript 举报

实现原理功能1.删除状态用removeChild()方法即可功能2.最上面的点赞判断文字的内容是否为赞,做相应操作改变存放赞数量的容器文本内容功能3.回复评论创建一个新的评论添加到评论列表里功能4.回复里的点赞判断我是否点了赞,做相应操作功能5.回复或者删除判断字符串回复还是删除,做相应操作代码用了事件代 ...

nppzxc

nppzxc|朗读文本 插件

发布于 前天 17:15 浏览:117 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">div{border:1pxsolid#ddd;margin-bottom:20px;}button{margin:20px;width:120px;height:34px;}p{margin:20px;}</style></head><body><div> ...

曦雨幽兰

曦雨幽兰|小渣渣的json和jsonp和ajax的实质和区别

发布于 前天 17:10 浏览:102 类型:原创 - 随笔 分类:JavaScript 举报

json和jsonp和ajax的实质和区别ajax的两个问题1.ajax以何种格式来交换数据2.跨域的需求如何解决数据跨域用自定义字符串或者用XML来描述跨域可以用服务器代理来解决jsonp来跨域&nbs ...

zx5014

zx5014|递归的两种写法

发布于 前天 15:39 浏览:130 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览functionaddd(n){if(n==1){return1;}returnn*addd(n-1);}functionadd(n){varnum=1;for(vari=1;i<n;i++){num=num*i;}returnnum;}与遍历的思维不同,通过临界点,以及递归的思想实现 ...

sharminKid

sharminKid|基本DOM节点操作

发布于 前天 15:32 浏览:105 类型:原创 - 随笔 分类:JavaScript 举报

1、*元素节点*获取元素节点getElementById():获取指定唯一id的元素节点。getElementsByTagName():获取指定元素标签名的元素节点数组。getElementsByName():获取具有指定属性name的元素节点数组。getElementsByClassName()node.ndoeType=1node.nodeName=标签名node.nodeValue=null1、*属性节点*获取属 ...

sharminKid

sharminKid|类型、拷贝

发布于 前天 14:55 浏览:76 类型:原创 - 随笔 分类:JavaScript 举报

#值类型和引用类型值类型:数值、字符、布尔、null、undefined引用类型:数组、对象、函数1、赋值特征*值类型:两个变量两个数据,各不相干。*引用类型:两个变量一个内存空间。2、参数传递*值类型:函数内外不同。*引用类型:函数内外参数指向同一内存空间。#深拷贝和浅拷贝(主要针对具有引用类型属性的对象 ...

1305327547

1305327547|关于跨域,以及跨域的几种方式

发布于 前天 14:23 浏览:95 类型:原创 - 随笔 分类:JavaScript 举报

关于跨域,以及跨域的几种方式关于跨域,以及跨域的几种方式l ...

1305327547

1305327547|jQuery对象和DOM对象相互转换

发布于 前天 14:13 浏览:94 类型:原创 - 随笔 分类:JavaScript 举报

//1.DOM对象转成jQuery对象//对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了,$(DOM对象)注:var是定义变量//如:varv=document.getElementById("v");//DOM对象var$v=$(v);//jQuery对象//转换后,就可以任意使用jQuery的方法。//2.jQuery对象转成 ...

爱看书的兜兜

爱看书的兜兜|js验证手机号码

发布于 前天 13:56 浏览:166 类型:原创 - 随笔 分类:JavaScript 举报

闲来没事,写了一个小例子,欢迎大家多提宝贵建议~~~下面讲一下手机号码的特征:以1开头,第二位是3,5,7,8中的一位,从第三位开始是任意数字,一共有11位html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>手机号码验证</title></head><body>Tel:<inputtype="text"id="tel"pl ...