小爱猴-CSDN博客

原创 intersectionObserver

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">

2018-08-21 15:24:02 380

原创 bind函数

this.x = 9; var module = { x: 81, getX: function() { return this.x; }};module.getX(); // 返回 81var retrieveX = module.getX;retrieveX(); // 返回 9, 在这种情况下，"this"指向全局作用域// 创建一个新函数，将"this"绑定到m...

2018-08-10 14:23:14 767

原创 canvas压缩图片上传前预览

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name=&

2018-07-24 11:38:27 443

原创 vue页签切换

<template> <div class="hello"> <div class="btn-wrap"> <div v-for="(item,index) in btn" :class="{active:(index == indexs)}" @click="a(index)

2018-07-24 08:56:25 2087 1

原创 js 小球运动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #box{

2018-07-23 16:10:06 611

原创 js 快排，算法更新中。。。

快排（二分法）var arr=[2,3,66,32,122,4,5,1,9];function fn(n){ if (n.length <= 1) { return n; } var index=Math.floor(n.length/2); var pivot=n.splice(index,1)[0]; var left=[],right=[]; for(var i=0;i<n.l...

2018-06-15 19:31:51 1087

原创 js倒计时

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>.t1 { width

2018-06-11 23:57:01 209

转载（转）使用npm运行react程序报错The 'mode' option has not been set, webpack will fallback to 'production' for th

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.以上的警告指的是没有设定是开发模式还是...

2018-06-04 22:39:50 1863

原创快手前端面试题

1、HTML常见的行内元素?block inline-block inline的区别？a,abbr,em,sub,sup,u,b,strike,span,select,input,br,i,textareablock:独占一行，可以设置宽高，自动填满父元素高度，可以设置margin paddinginline-block：与其他行内元素占一行，可以设置宽高，可以设置margin paddingin...

2018-05-24 11:10:29 8199 7

转载 The 'mode' option has not been set以及Can't resolve './src'解决方法

windows 使用npm安装webpack 4.0以及配置问题的解决办法1、安装NodeJS首先需要安装nodejs点击如下链接https://nodejs.org/en/download/点击打开链接选择Windows Installer点击下载，下载完成之后点击安装包进行安装，点击运行点击next点上√，然后点击Next选择安装目录点击change选择安装目录将Fold name 改为d:\...

2018-05-17 12:25:53 3359

原创原生js拖拽的实现

重点：1、一定要绝对定位，脱离文档流才可以移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定，因为移动的是整个div。3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在div内部距离=a-b。移动：通过 a - c 建立鼠标与div的关系，防止鼠标超出div。<!DOCTYPE html><html lang="en">&lt...

2018-05-08 16:30:12 482

原创 clientX,offsetX,layerX,pageX,screenX,X鼠标位置全解

下面是w3c关于各属性的解释：　　pageX/Y被划到了jq里：　　没找到layerX/Y的官方文档。　　总结：　　推荐使用：　　screenX/Y：鼠标位置相对于屏幕的坐标　　pageX/Y：相对于文档边缘（包含滚动条距离）　　clientX/Y：相对于当前页面且不包含滚动条距离　　offsetX/Y：相对于当前元素（块或行内块），除safari外不包含边框。　　其他：　　X/Y：与cli...

2018-05-08 13:18:02 242

原创 JS中形如(function(window, undefined) {})(window)写法的理解

在Web开发过程中,往往会看到有人这样编写JS脚本:(function(window, undefined) { //do something })(window); 首先,(function(window, undefined) {})(window)可以简化看成这样()();而()()就是一个匿名函数自执行的写法.举个例子:(function() { consol...

2018-05-08 12:54:21 425

weixin_41644419的博客