2019年07月_woshidamimi0

原创 js new一个对象的时候做了哪些事情

做了三件事1 创建一个空对象 2 把this指向创建的空对象，并且把this的constructor指向构造函数 3 执行构造函数如代码所示构造函数就是Person this.constructor指向的就是Person打印this可以看到this是一个空对象<script> function Perosn(name) { console.l...

2019-07-24 19:06:59 1407

原创 js怎样判断一个对象是不是数组

通过instanceof 或者是对象的构造函数constructor即可判断<script> let tempArray = [ null, undefined, '', 123, '123', false, true, [1, 2, 3], { temp: 'temp' } ] tempArray.forEach(ele => { conso...

2019-07-24 18:44:55 146

原创 http 强缓存协商缓存什么是强缓存协商缓存有什么用

在前端性能优化中就需要用到强缓存以及协商缓存来减少资源的请求以及流量的消耗本篇文章只讲理念，之后有时间再说一下强缓存和协商缓存的实践首先当我们打开页面时就会加载资源（css,js,img），然后浏览器就会缓存这些资源文件，而强缓存就是设置资源的响应头里面的过期时间为几个月或者几年（这个响应头是需要服务端的同学配合设置的）比如我随意打开一个网站的资源，查看它的响应头，可以看到...

2019-07-21 17:50:50 1515

原创 es6 模板字符串怎样使用

es6新增的模板字符串让我们在拼接字符操作上省时省力在此之前，拼接一般都是用加号之类的，现在可以用反引号来包裹所有字符串，其中的变量则用${变量名}来书写，这样即可被浏览器解析 let name = 'abc' document.write('<h1>' + name + '</h1>') document.write(`<h1>${name...

2019-07-20 17:30:58 415

原创 js 怎样自定义事件

js自定义事件还是非常有用的，可以用来模拟一些点击操作之类的,或者用来实现组件之间的通信new Event即可得到一个事件对象，注意需要传入参数，这个参数就是你的事件名称，然后在某个元素上面监听自定义的事件，比如我的事件名就叫做myCustom ,而且我绑定的是document，因为它是比较顶层的全局对象，然后再用dispatchEvent把事件派发出去即可，这样加载这段脚本的时候就会立刻...

2019-07-20 16:42:18 201

原创 vue项目怎样使用elementUI的树形组件 tree组件

在模板中使用el-tree标签给data属性绑定树形结构数据即可 <el-tree :data="treeData"></el-tree>接着在data中编写数据 treeData: [ { label: "java", children: [] }, { ...

2019-07-20 15:13:45 15182 3

原创 vue怎样操作元素怎样获取元素节点

vue中建议我们操作节点的时候使用ref来获取节点，所以虽然可以用document.getElement之类的语句来操作，不过代码还是有点长，所以我们可以使用vue提供的api来进行操作先用ref在元素上面做一个标记，然后用this.$refs.标记名来获取元素<!DOCTYPE html><html><head> <meta char...

2019-07-14 16:51:39 6629 2

原创什么是css盒模型

css盒模型指的是元素的margin padding border content属性盒模型一般分为两种 ie和w3cie的盒模型元素的width = content + border + paddingw3c width = cotent比如这里我们设置了width:200px,但是如果是ie渲染的话，那么content内容占的宽度就没有200px,可以通过box-sizin...

2019-07-14 16:43:16 289

原创 js let 和var有什么区别

es6标准制定之后，我们就可以使用let来声明一个变量，从而让代码变得更加容易控制接下来我就说一下我对let和var的看法首先，用var声明的变量会存在变量提升也许你会问什么是变量提升如下图变量未定义直接使用就会报is not defined但是如果你这样写的话，在控制台看到的就是undefined，而不是未定义你一定很疑惑，因为我们都经常看到说js...

2019-07-14 14:46:46 1683

原创 js怎样获取当前日期的年月日

首先通过new Date()即可得到当前日期对应的一些字符串但是字符串很多时候并不是我们想要的类型，所以可以通过getFullYear getMonth getDate来获取年月日注意getMonth的时候记得加1，因为获取的月份是从0开始的...

2019-07-14 14:16:07 9145

原创 js怎样把日期转换为时间戳 js时间格式转换

后端接口很多时候都是要时间戳的，而转换时间戳也是比较简单的getTime() , + 加号， valueOf()都可以把日期转换为时间戳

2019-07-06 16:05:21 2082

原创 js怎样判断是不是整数

es6提供了一个新的方法用于判断某个变量是否是整数就是Number.isInteger()方法，用它就可以判断是否是整数了，注意ie是不支持的

2019-07-06 15:32:03 2776

原创 js怎样获取鼠标在页面点击时的位置信息坐标信息

获取鼠标在页面点击时的坐标信息有时候也有它的用户首先，监听页面的点击事件，然后打印其中的事件中的一些属性clientX 和clientY即可得到坐标信息了然后随便在页面点击即可在控制台看到点击的坐标信息了注意clientX,clientY是从浏览器的页面顶部算起的，不包括顶部的工具栏如果想要从电脑屏幕顶部算起那就就要使用screenX和screenY来获取了。...

2019-07-06 15:17:13 6474 2