JS - 随笔分类 - Newbie_小白

JS中encodeURI、encodeURIComponent、decodeURI、decodeURIComponent

摘要：js 对文字进行编码涉及2个函数：encodeURI,encodeURIComponent，相应2个解码函数：decodeURI,decodeURIComponent 1、用来编码和解码URI的统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议阅读全文

posted @ 2018-02-27 16:54 Newbie_小白阅读(505) 评论(0) 推荐(0)

a标签nest问题,即a标签里面嵌套a标签

摘要：方法一：使用div模拟a，监听click事件方法二：使用<object>标签包裹内部a标签阅读全文

posted @ 2017-12-26 11:38 Newbie_小白阅读(436) 评论(0) 推荐(0)

Cropper

摘要：jQuery.cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。官网：https://github.com/fengyuanchen/cropper 使用方法使用该图片剪裁插件首阅读全文

posted @ 2017-12-22 11:22 Newbie_小白阅读(4637) 评论(0) 推荐(2)

javascript如何判断对象为空

摘要：1、自定义jQuery的isEmptyObject()方法。 isEmptyObject(e)返回的值为true时说明对象为空，反之则值为false。2、判断JSON.stringify(data) == "{}" 阅读全文

posted @ 2017-12-18 16:14 Newbie_小白阅读(1429) 评论(0) 推荐(0)

require

摘要：一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏阅读全文

posted @ 2017-12-07 18:08 Newbie_小白阅读(439) 评论(0) 推荐(0)

解决华为手机用rem单位，内容超出屏幕宽度问题

摘要：在H5手机页面上，用rem单位布局，配合js计算出一个根节点的font-size（原理是屏幕宽度乘以一个固定比例，如1/100），之后页面中所有的px全都换算成了rem单位来写，优点是能适配各种不同屏幕尺寸的手机，不需要写媒体查询！例如：设计稿是640px，用js计算出来的根节点font-size是阅读全文

posted @ 2017-12-06 15:47 Newbie_小白阅读(8596) 评论(7) 推荐(0)

JS如何判断是不是iphoneX

摘要：function isIphoneX(){ return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375) } 阅读全文

posted @ 2017-12-01 16:51 Newbie_小白阅读(9980) 评论(0) 推荐(0)

cookie

摘要：javaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，阅读全文

posted @ 2017-11-30 17:32 Newbie_小白阅读(306) 评论(0) 推荐(0)

template.js的使用心得

摘要：template.js是一款JavaScript模板引擎，用来渲染页面的。原理：提前将Html代码放进编写模板中，当需要渲染页面时，在js里这样调用： template.js可以使用命令安装，也可以在git上面下载：https://github.com/yanhaijing/template.j 阅读全文

posted @ 2017-11-30 15:56 Newbie_小白阅读(59158) 评论(1) 推荐(1)

rem

摘要：iPhone6 下面 1rem=75px; $(function(){ var oHtml=document.getElementsByTagName("html")[0]; var iWidth=document.documentElement.clientWidth; iWidth=iWidth 阅读全文

posted @ 2017-06-12 16:58 Newbie_小白阅读(318) 评论(0) 推荐(0)

javascript逻辑运算符“||”和“&&”

摘要：一、先来说说||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。但是，从深层意义上来说的话，却有另一番天地，试下面代码显然，我们知道，前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。再看下面代码：我们阅读全文

posted @ 2016-06-21 16:20 Newbie_小白阅读(365) 评论(0) 推荐(0)

JS中的！=、== 、！==、===的用法和区别。

摘要：== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果。而和 !== 只有在相同类型下,才会比较其值。首先，== equality 等同， identity 恒等。 ==，两边值类型不同的时候，要先进行类型转换，再比较。，不做类型转换，类型不同的一定不等。下面分阅读全文

posted @ 2016-06-20 09:13 Newbie_小白阅读(6810) 评论(0) 推荐(0)

getElementsByName

摘要：name属性，name属性是input标签的内建属性，早期浏览器的getElementsByName方法是为了方便的获取用户的输入。由于name只是input的内建属性，其它标签没有，所以getElementsByName方法不能在别的标签中识别这一属性，因此getElementsByName方法只阅读全文

posted @ 2016-06-18 16:25 Newbie_小白阅读(336) 评论(0) 推荐(0)

让DIV的滚动条自动滚动到最底部 - 3种方法

摘要：要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，阅读全文

posted @ 2016-06-18 15:53 Newbie_小白阅读(78858) 评论(5) 推荐(5)

html中<a href> </a>的用法

摘要：一、绝对跳转 <a href="http://www.baidu.com/">百度</a> 二、相对跳转有如下方式，需要了解（以下的例子中，分别以你的例子和带.html尾缀进行演示）：转载:http://www.cnblogs.com/theWayToAce/; 1. 本目录的使用（与本文件在相同阅读全文

posted @ 2016-06-17 15:11 Newbie_小白阅读(38950) 评论(3) 推荐(1)

点击页面其他地方关闭弹出层

摘要：html： result：方法二： html: 阅读全文

posted @ 2016-06-16 19:44 Newbie_小白阅读(1178) 评论(0) 推荐(0)

mouseover和mouseenter的区别

摘要：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave 这样的话，mouseenter子元素不会反复触发事件，否则在IE中经常有闪烁情况发生。阅读全文

posted @ 2016-06-16 16:33 Newbie_小白阅读(444) 评论(0) 推荐(0)

jquery中的$("#id")与document.getElementById("id")的区别

摘要：以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过测试得到: 1、alert($("#div"))得到的是[object Object] 2、alert(document.ge 阅读全文

posted @ 2016-06-16 15:50 Newbie_小白阅读(60056) 评论(1) 推荐(11)

console.log

摘要：对于JavaScript程序的调试，相比于 alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑对于JavaScript程序的调阅读全文

posted @ 2016-06-14 14:17 Newbie_小白阅读(319) 评论(0) 推荐(0)

从页面左边飞入页面动画效果

摘要：body { overflow: hidden; /*此处需要设置溢出隐藏，否则文字起始位移超过页面大小就会在页面下方出现横的滚动条*/}/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/@keyframes lefteaseinAnimate { 0% { 阅读全文

posted @ 2016-05-22 13:22 Newbie_小白阅读(2213) 评论(0) 推荐(0)

随笔分类 - JS