2017年06月_alokka

原创原生JS实现TAB栏切换

之前上传了一个jquery实现tab栏切换的博客，这个是原生js实现tab栏切换的案例，不多说直接上代码！同样复制粘贴就能看到效果哦！<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .Box{ width: 2

2017-06-30 00:42:05 9644

博主是一枚前端小菜鸟，因为挺长时间没接触页面布局了，居然连tab栏切换都给忘了，后来博主看了一些前端资料还有书，发现网上的很多方法都杂乱无章，看的云里雾里的，冗余代码太多，这让新手小白会很苦恼，所以博主想自己通过小菜鸟的视角来写一个用jquery实现的tab栏切换，而且复制粘贴代码到你们自己的编辑器，就能直接查看效果的哦，非常方便比心♥♥，喜欢博主写的文章的可以顶一下，或者再底下评论哈，让我知道你们

2017-06-30 00:39:13 13288 3

原创 WEBSTORM光标变成方块解决办法

今天在写代码的时候无意中遇到了这种问题，光标变成了方块，然后按空格不能进行换行，百度了一下发现很好解决就转载啦~~由于光标是在使用中突然发生变化，推测是碰到了快捷键，因此断定有快捷键可以修改。后来，无意中碰到了“Insert”键，于是光标立即发生了变化，“黑块矩形”变成“小竖线”。由此知道，insert键可以使光标在“小竖线”和“黑块矩形”间快速变换。

2017-06-25 17:59:00 24682 2

原创 JS判断用户是PC端还是移动端进入

这个是转载的代码代码量少亲测可行很方便比心♥~~ 直接在window.location.href="输入地址就可以了"例如手机端:window.location.href="m.baidu.com"PC端:window.location.href="www.baidu.com"function goPAGE() { if ((navigator.userAg

2017-06-23 21:54:57 521

原创 JQUERY右侧悬浮返回顶部代码

这个是用JQURY实现的一键置顶功能直接复制粘贴代码就可以用了哦~~ 具体效果如下比心♥~~ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery右侧悬浮返回顶部代码</title></head><script src="http://apps.bdimg.com/libs

2017-06-22 18:00:36 1960

原创 JQUERY一键置顶小插件

一键置顶的小插件代码具体效果如下了把图片地址换一下就可以用了~~ <!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

2017-06-22 17:36:01 2944

转载 jquery中prop()方法和attr()方法的区别浅析

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = “disabled”，checked=”checked”，比如用attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”chec

2017-06-22 17:06:27 253

原创 jquery中attr和prop的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 <a href="

2017-06-22 17:05:30 218

原创将字符串STRING的每个字符之间加空格

今天面试遇到了这样一道问题我首先想到的是遍历字符串的方法遍历字符串var result = "";function a(str) { for(var i=0;i<str.length;i++) { result += str[i]+" "; } console.log(result);} a('helloworld');其实更好的写法应该是functi

2017-06-19 23:59:44 21905

原创 JS基本数据类型和typeof

JavaScript数据类型是非常简洁的，它只定义了6中基本数据类型null：空、无。表示不存在，当为对象的属性赋值为null，表示删除该属性 undefined：未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined number：数值。最原始的数据类型，表达式计算的载体 string：字符串。最抽象的数据类型，信息传播的载体 boolean：布尔值。最机械的数据类型

2017-06-19 20:23:52 658

原创鼠标移入显示二维码(原生、JQURY两种方式)

效果是这样滴~~ JQUERY的方式<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <sty

2017-06-18 17:57:06 2532

原创 JQUERY实现下拉菜单

基本效果是这样的~~ <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; }

2017-06-18 17:07:55 1066

原创 jQuery自制手风琴效果增强版(附实现原理)

手风琴菜单栏效果通常用在页面左侧，当导航内容比较多时使用手风琴的展示方式更有利于信息的传递和排版，我在http://blog.csdn.net/lzgs_4/article/details/48101877博主的基础上又增加了点击出现点击收缩的功能(具体效果可以看gif)具体代码如下啦~~ 因为是引用的百度静态资源公共库http://cdn.code.baidu.com/，所以直接把代码复制粘贴就

2017-06-15 22:52:52 4955

原创 REQUIRE.JS和SEA.JS模块化加载JS

随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。REQUIRE.JS和SEA.JS两者的相同之处RequireJS 和 SeaJS 都是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。不同之

2017-06-13 16:05:49 1100

原创 innerHTML和innerTEXT的区别

<div id="box"> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p> <p>这是一个P标签</p></div>var box = document.getElementById("box"); console.log(box.innerText); 这是innerText的用法，直接获取标签之间的文本内容

2017-06-12 20:05:04 584

原创 JavaScript 函数声明和函数表达式

Javascript Function无处不在，而且功能强大！通过Javascript函数可以让JS具有面向对象的一些特征，实现封装、继承等，也可以让代码得到复用。但事物都有两面性，Javascript函数有的时候也比较“任性”，你如果不了解它的“性情”，它很可能给你制造出一些意想不到的麻烦（bugs)出来。有两种方式有函数声明和函数表达式。函数声明 function a(){ }函数表达式var

2017-06-12 18:22:13 242

alokka的博客