随笔分类 - js
摘要：es6: //分隔数组 135 / 246 funcArray(arr){ const even = arr.filter((_item, index) => index % 2 0); const odd = arr.filter((_item, index) => index % 2 !== 0
阅读全文
摘要：1.jQuery插件支持的转换方式： $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2.浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器： JSON
阅读全文
摘要：var arr = [1,1,2,2,8,9,2,"我","我","我啥啥啥"] var newarr=[...new Set(arr)] //去重 一步到位 console.log(newarr) Set 是ES6新加的集合,集合中的值不会重复。 ...操作符 会将可遍历对象,转换为数组. var
阅读全文
摘要：// 获取谷歌版本 function getChromeVersion() { var arr = navigator.userAgent.split(' '); var chromeVersion = ''; for(var i=0;i < arr.length;i++){ if(/chrome/
阅读全文
摘要：// jq !function(){ var windowWidth= $(window).width(); if(windowWidth > 750) { windowWidth = 750; } var fontSize = windowWidth ...
阅读全文
摘要：当document文档正在加载时,返回"loading"。当文档结束渲染但在加载内嵌资源时，返回"interactive"，并引发DOMContentLoaded事件。当文档加载完成时,返回"complete"，并引发load事件。 readystatechange事件会在document对象上的r
阅读全文
摘要：1. 时间戳 格式化为 时分秒（00:00:00） /** * 时间秒数格式化 * @param s 时间戳（单位：秒） * @returns {*} 格式化后的时分秒 */ var sec_to_time = function(s) { var t; if(s > -1){ var hour =
阅读全文
摘要：本文主要通过以下几方面来说明懒加载技术的原理，个人前端小菜，有错误请多多指出 一、什么是图片滚动加载？ 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，
阅读全文
摘要：html: <h1 class="downlink"> 前往 </h1> js: document.addEventListener('DOMContentLoaded', function () { document.querySelector('.downlink').addEventListe
阅读全文
摘要：/* pre标签会原样保留HTML内容的格式，可是如果宽度过大会把页面撑坏 *//* 让pre标签自动换行 */pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space:
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="base.css"> <style> ul{ display: none
阅读全文
摘要：让超链接点击后不跳转,可以用href = "#"，但是这个#就会锚点到页面最上边 点击链接后不跳转可以设置成 1.<a href="javascript:void(0);" >javascript:void(0);</a> 2.<a href="javascript:;" >javascript:;
阅读全文
摘要：setTimeout只在指定时间后执行一次，代码如下： <script> //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = wind
阅读全文
摘要：今天调试代码的时候总是一刷新就进入 debugger 状态，总是需要按几次 F8 才能进到页面，我那个暴脾气啊，几次后终于是忍不住了，然后再网上找到了解决办法。就如一位网友所说，“Oh God! I can code now! ”。 下面把搜集来的方法分享出来： 1. 打开 source 面板，把
阅读全文
摘要：移动端获取屏幕宽度 目录： 1$(window).width() 2scrollWidth 3让平台返回屏幕宽度 概述： 今天聊一个开发移动端经常碰到的一个问题：如何获取屏幕宽度，获取屏幕的办法有很多，今天总结一下各个方法的优点、缺点。 $(window).width()： 用jQuery或者zep
阅读全文
摘要：1. 定时器的进度条 代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器的进度条</title> <!-- 弊端:无论有没有缓存都要执行规定的事件,不切合实际--> <style> .loading{
阅读全文
摘要：Array.forEach() .forEach() 方法能够方便的让你 遍历数组里的每个元素，你可以在回调函数里对每个元素进行操作。.forEach()方法没有返回值，你不需要在回调函数里写return，这是无意义的。 Array.map() .map() 方法能够遍历整个数组，然后 返回一个新数
阅读全文
摘要：一、显示信息的命令 最常用的就是console.log了。 二：占位符 console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）: 效果： %o、%O都是用来输出Object对象的，对普通的Object对象，两者没区别，但
阅读全文
摘要：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><style>#limittext{ width:100%; posi
阅读全文
摘要：拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。还有一点要注意的是在PC端获取当前鼠标的坐标是：event.clie
阅读全文
浙公网安备 33010602011771号