随笔分类 - javascript
摘要：首先要了解这里代码执行顺序： for循环同步；setTimeout异步； js在执行代码的过程中，碰到同步代码会依次执行，碰到异步代码就会将其放入任务队列中进行等待，当同步代码执行完毕后再开始执行异步代码； 然后看下面： let声明 for(let i=1; i<=5; i++){ setTimeo
阅读全文
摘要：我们知道图片宽度可以设置 百分比，但是高度要给一个固定值 不然不生效，并且产品要求图片显示必须是9:6，这开始确实难倒我了 后面想了一下用js 获取图片宽度 动态的计算高度就行了，超简单 setDomHeight() // 监控窗口宽度变化 $(window).resize(function(){
阅读全文
摘要：const listAll = ['张洪','杨国安','肖老师','张洪','张洪','杨国安'] // nexName 必需。累计器累计回调的返回值; // name 必需。表示当前正在处理的数组元素； const objName = listAll.reduce((nexName,name)
阅读全文
摘要：//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|
阅读全文
摘要：flex:1的元素的父元素必须保证高度或者宽度有具体的数值； 如果父元素的高度或者宽度也是flex:1自适应的，最好在父元素上也设置overflow:auto，这样子元素的overflow:auto生效了；（BFC妙用） .parent{ height:calc(100vh - 100px); }
阅读全文
摘要：在浏览器当中 可以通过 navigator.userAgent获取浏览器信息(类型及系统) //判断是否用微信打开 function isWeixinFun() { var u = navigator.userAgent; if (u.indexOf("MicroMessenger")>-1) {
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片预览</title> <style type="text/css"> .global { width: 100%; height: 100%; display: flex;
阅读全文
摘要：var obj = [23,44,11,99,88,65,41,3,5] // 快排 var bubbling = function(arr){ if(arr.length <= 1){return arr;} var midden = Math.floor(arr.length / 2) var
阅读全文
摘要：// 获取域名 1、方法一 var domain = document.domain; 2、方法二 var domain = window.location.host; 3、注意问题 由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http:
阅读全文
摘要：var obj={'one':1,'two':2} for(let key in obj){ obj[key] = '' } console.log(obj) //{'one':'','two':''}
阅读全文
摘要：可以使用定义变量的方法 obj[ obj[1] ] <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> const data = ['name', '王
阅读全文
摘要：// 先转化为字符串 var str = 12345678 + '' // 封装一个反转字符串的方法 function res(str){ // split(转换为数组) reverse(反转数组) join(转化为字符串) return str = str.split('').reverse().
阅读全文
摘要：HTML DOM 事件 DOM： 指明使用的 DOM 属性级别。 鼠标事件 属性描述DOM onclick 当用户点击某个对象时调用的事件句柄。 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 2 onmousedo
阅读全文
摘要：值类型(基本类型) Number(数值）Srting（字符串） Boolean（布尔） Null(空) Undefined(未定义) Symbol(Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值) 引用数据类型 Object:对象 function() {}：函数 Arrry
阅读全文
摘要：1. 随机生成一个五位以内的数，然后输出该数共有多少位，每位分别是什么 1 <script> 2 //拿到随机的五位数 3 var num = parseInt(Math.random() * 100000) 4 // 分别拿到每一位数 5 var a=parseInt(num/10000) 6 v
阅读全文
摘要：一、在使用数组的方法之前，需要先创建数组，创建数组有以下方式： 字面量方式（json方式） var arr1 = []; //创建一个空数组 var arr2 = [5]; //创建一个具有单个元素的数组 var arr3 = [5,6,7]; //创建一个具有多个元素的数组 构造函数方式 var
阅读全文
摘要：运算说明 .[ ] ( ) 字段访问、数组索引、函数调用和表达式分组 ++ -- - + ! 一元运算符 * / % 相乘、相除、求余数 + - 相加、相减、字符串串联 < <= > >= 小于、小于或等于、大于、大于或等于 == != !== 相等、不相等、全等，不全等 && 逻辑“与” \ \
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum
阅读全文
摘要：表达式1 ? 表达式2 : 表达式3 ; 表达式1,为treu,执行表达式2 表达式1,为false,执行表达式3 <script> var w = 10; var k = w > 5 ? 20 : 2; console.log(k); //打印结果为20； </script>
阅读全文
摘要：<script> function fn(m, n) { var r = m % n; m = n; n = r; if (r == 0) { return m; } else { return fn(m, n); } } fn(1997, 615); </script>
阅读全文
浙公网安备 33010602011771号