js
关注
分享
扫一扫
故事迷人眼
每个人都是从菜鸟走出来的，只要坚持 持之以恒 我相信总会展翅翱翔的
展开
-
折线转曲线方法
拿过去用直接效果 Title var Vector2 = function(x, y) { this.x = x; this.y = y; }; Vector2.prototype = { "length": function () {转载 2018-01-22 15:26:58 · 1886 阅读 · 0 评论 -
闭包的写法
以前工作的时候碰到过获取另一个函数里面变量的值 的这个问题，当时也不知道这是闭包，困扰了好几天忘记当时是怎么解决的了，正好今天有时间在网上看看别人对闭包的讲解和心得，看过之后理解什么是闭包了但就是不会用，==！在别人那里看到了几种闭包的使用方法，效果不错，1 . 这种写法是声明一个变量，将一个函数当作值赋给变量。var Circle = function() { var obj = ne...转载 2018-04-13 16:43:23 · 3092 阅读 · 0 评论 -
js拖拽
一、关于拖拽API拖拽API是HTML5的新特性，相对于其他新特性来说，重要程度占到6成，实际开发中使用比例占到3成，学习要求个人认为是达到掌握即可的程度。 二、什么是拖拽和释放？拖拽：Drag 释放：Drop 拖拽指的是鼠标点击源对象后一直移动对象不松手，一但松手即释放了 三、什么是源对象和目标对象？ 源对象：指的是我们鼠标点击的一个事物，这里...转载 2018-08-27 14:17:59 · 330 阅读 · 0 评论 -
兼容IE8的可控制播放位置的js
目标发现比较好用的兼容IE8并且带有播放条的视频插件网上介绍使用方法挺多的我这里就不写怎么使用方法啦videojs-ie8.min.js原创 2018-09-10 17:27:44 · 289 阅读 · 0 评论 -
判断数据类型是数组还是对象(constructor、instanceof、toString())
平时遇到需要判断数据类型的时候第一反应是用typeof() 方法，但是用这种方法来判断是数组还是对象是判断不出来的，比如判断出的结果都是object类型， 那么有什么办法可以帮助我们来区分这两种类型呢？方法一：constructor官方解释是constructor 属性返回对创建此对象的数组函数的引用。官方的解释一般都不是人能看懂的，其实 constructor 原本就是用来进行对...原创 2018-09-14 09:46:53 · 6318 阅读 · 0 评论 -
前端 pdf 文件在线预览pdfobject.js
pdfobject.js这个还没用过看见别人用的比较好用原创 2018-09-14 14:20:12 · 3645 阅读 · 0 评论 -
关于HTTP Authorization
用中文简述一下http auth的过程：客户端发送http请求服务器发现配置了http auth，于是检查request里面有没有"Authorization"的http header如果有，则判断Authorization里面的内容是否在用户列表里面，Authorization header的典型数据为"Authorization: Basic jdhaHY0="，其中Basic表示基础认...转载 2018-12-28 16:59:26 · 35856 阅读 · 0 评论 -
localStorage、sessionStorage、Cookie的区别及用法
webstoragewebstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。ses...转载 2018-12-24 14:16:29 · 196 阅读 · 0 评论 -
getBoundingClientRect()获取元素在页面中左、上、右、下分别相对浏览器视窗的位置
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 语法 这个方法没有参数。 rectObject = object.getBoundingClientRect();返回值类型 TextRectangle对象，每个矩形具有四个整数性质（ 上， 右 ， 下，和左 ）表示的坐标的矩形，以像素...转载 2018-12-24 16:52:46 · 777 阅读 · 0 评论 -
触发浏览器重绘
用获取元素的offsetHeight属性来触发重绘例如：let rf = el.offsetHeight;原创 2018-12-24 16:59:23 · 3319 阅读 · 0 评论 -
js中this指向
原文地址 ： https://blog.youkuaiyun.com/mevicky/article/details/46659273javascript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函数有以下几种调用方式：作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。 对象方法调用 作为对象方法调用的时候，this会被绑定到该对象...转载 2018-04-11 17:25:31 · 190 阅读 · 0 评论 -
(function(){})()原理
真的是越学发现会的越少，从学ES6箭头函数看到this指向， 了解this指向发现(function(){})()这个也不会，好在有人在网上给出了答案， 你需要明白 IIFE 的原理，我简单说一下：function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。foo(); // 这是语句，...转载 2018-04-11 16:44:38 · 1931 阅读 · 0 评论 -
prototype 对象属性
prototype 属性使您有能力向对象添加属性和方法。 注意是 对象 对象 对象<html><body><script type="text/javascript">function employee(name,job,born){this.name=name;this.job=job;this.born=born;}var b...转载 2018-04-11 15:43:08 · 192 阅读 · 0 评论 -
PC端判断浏览器是否是360
偶然间发现一个可以判断是360浏览器的mimeType(媒体类型)，type: "application/vnd.chromium.remoting-viewer"在360极速浏览器>帮助>关于360浏览器，弹出如下：经过测试，只有在360浏览器中才会有输出chromium这个标识，但是也不能100%确定检测出的一定是360浏览器。<!DOCTYPE html PUBLIC "-...转载 2018-02-28 09:58:26 · 2197 阅读 · 0 评论 -
页面给出报错信息
群里大牛@Y告诉我的 把下面这行代码加载到顶部会有报错提示实验了下确实可以window.onerror=function(e){alert(e);}原创 2018-02-28 11:24:15 · 531 阅读 · 2 评论 -
项目中地图的使用
这是一个高德地图的api，里面有很详细的中文说明使用http://lbs.amap.com/api/webservice/guide/api/staticmaps原创 2018-03-02 09:27:54 · 1093 阅读 · 0 评论 -
ajax 接受二进制图片
今天后台的跟我说ajax交互用户头像接口，我想这不难做呗，刷刷刷写完了，哎图片呢，怎么回事，这里我们前后端省略了status == 200这个判断//图片接口 $.ajax({ type:"get", url:"http://www.miereco.com/dashboard.php", async:false, data:{image:useid}, success:function(msg){...原创 2018-03-05 10:20:50 · 2722 阅读 · 0 评论 -
cookie
今天写到用户登录，样式写好了，ajax接口也调通了，但是到了登录按键点击之后跳转时发生了问题，，，我这个后台是根据用户ID来显示内容的， 我页面跳转了之后ID获取不到，这怎么办呢， 本人技术不熟练，考虑了好久，对啊可以地址栏传参数的， ok写上了发现可以，但是怎么看怎么别扭， 为什么呢， 因为如果地址栏参数改变了你就可以看到别人的后台数据， 不行， 这已经不是bug了，这是安全了， 不能这么写， ...原创 2018-03-05 10:43:30 · 178 阅读 · 0 评论 -
利用cookie统计访问网站次数
<script type="text/javascript">var caution=falsefunction setCookie(name,value,expires,path,domain,secure) { var curCookie=name+"="+escape(value) + ((expires)?";expires="+expires.toGMTString() : ...转载 2018-03-12 17:52:09 · 2031 阅读 · 0 评论 -
slice
今天学习时候看到obj.slice(0,7),不清楚这个slice是什么意思还是以为是echarts里面带的方法，查了一下原来是js中的切分方法，表示从第0个-->到第七个定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说...原创 2018-03-30 09:28:57 · 689 阅读 · 1 评论 -
改变数组方法
push() 在数组尾部添加 比如：var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi")pop() 删除数组最后一个元素 比如: var fruits = ["Banana", "Orange", "Apple", "Mango&原创 2018-04-03 13:59:03 · 405 阅读 · 0 评论 -
js获取浏览器和设备相关width（屏幕的宽度）
连接地址：https://www.cnblogs.com/zdhblog/p/6845618.html网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (...转载 2018-04-11 11:11:11 · 737 阅读 · 0 评论 -
JavaScript shift() 方法
定义和用法shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。语法arrayObject.shift()返回值数组原来的第一个元素的值。说明如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。提示和注释注释：该方法会改变数组的长...原创 2018-12-24 17:02:34 · 966 阅读 · 0 评论