加载中
前端代码规范(es6,eslint,vue)

前端开发规范 一、HTML 1.语义化标签 HTML5 提供了很多语义化元素,更好地帮助描述内容。希望你能从这些丰富的标签库中受益。 <!-- bad --> <div id="main"> <div class="article"> <div cl...

2018/01/20 09:59
921
js数组的迭代器方法

1.不生成新数组的迭代器方法 forEach() 该方法接受一个函数作为参数,对数组中的每个元素使用该函数。 function square(num) { console.log(num*num); } var num = [1,2,3,4,5]; num.fo...

js数组操作

1.数组的创建 var numbers = []; var numbers = [1,2,3,4,5]; var numbers = new Array(); var numbers = new Array(1,2,3,4,5); var numbers = new Array(5); 2.数组的读写 var numbers = ...

javascript – 数组中日期的最小值/最大值

如何从日期数组中找出最小和最大日期?目前,我创建一个这样的数组: var dates = []; dates.push(new Date("2011/06/25")) dates.push(new Date("2011/06/26")) dates.push(new Date("2011/...

2018/06/26 09:09
58
Javascript判断两个日期是否相等

var date1 = new Date("2013-11-29"); var date2 = new Date("2013-11-29"); console.log(date1 == date2); //false 这里,date1和date2看上去是一样的,但是运行 date1 == date2 返回的却是...

2018/06/26 08:58
10
input type= file通过ajax 来异步上传

input类型设为file: <label for="img_input"></label> <input id="img_input" type="file"/> 获取文件内容: var file = document.getElementById('fileToUpload').files[0]; 上传: XMLHtt...

2018/06/14 11:49
34
文件上传到oss代码片段

import axios from '@/global/axios.js' let expire = 0 let accessKeyId let policy let signature let host let callback // 获取policy function getPolicy (file, filePath, changeSi...

2018/02/26 14:41
164
js的深拷贝,浅拷贝

对于字符串类型,浅复制是对值的复制,对于对象来说,浅复制是对对象地址的复制,并没 有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属...

2018/02/08 14:35
13
img 转为base64

方法一:canvas <script type="text/javascript"> function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height;...

2018/02/01 10:29
33
前端开发流程(自己整理)

1. 查看设计稿,分析设计稿,了解网站的整体功能 2. 分析每一个页面,理清页面结构,功能,交互,可复用的模块,组件。 3. 理完一遍后带着问题与设计讨论,确保想法一致。 4. 开发前准备,询...

2017/12/29 16:44
34
js滚动加载(无限加载)

原理图 实现无限分页的过程大致如下: 1 视窗滚动到底部 2 触发加载,添加到现有内容的后面。 因此,可能会出现两种情况: 1 当页面的内容很少,没有出现滚动条。 2 当页面的内容很多,出现了...

CSS vw让overflow:auto页面滚动条出现时不跳动

一、水平居中布局与滚动条跳动的千年难题 当前web届,绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~ 例如,妇女之友大淘宝的首页: 然而,这种布局有一个...

贝塞尔曲线

transition-timing-function过渡函数,有linear,ease,ease-in,ease-out,ease-in-out,cubic-bezier(n,n,n,n),steps。其实它们都是贝赛尔曲线。如下 看贝赛尔曲线就知道了,linear是匀速...

2017/10/26 18:06
11
select重复选择同一项,还可以触发onchange事件

<select id="type" name="type" title="智能设计参数设计类型"> <option value="请选择" disabled>请选择</option>     <option value="01">格局和功能</option>     <option v...

div设置height:100%;无效的原因

有时我们会困惑为什么设置div的height:100%;没有效果,如下所示: 要解决这个问题,先的知道设置height:100%的原理,当你让一个元素的高度设置为百分比高度时,是相对于父元素的高度根据百分...

Javascript判断图片加载是否成功的方法

在做页面的时候,经常碰到要在页面加载完全之后再去展现。这时候我们会直接想到使用window.onload的方式,或者是采用Jquery的ready方法判断,这在一定程度可以搞定。 window.onload方式 Jquery...

jquery获得option的值和对option进行操作

jquery获取Select元素,并选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:se...

CSS3自定义滚动条样式 -webkit-scrollbar

前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条d...

2017/09/18 14:42
75
js判断元素在某个区域内是否可见

getBoundingClientRect介绍 getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到...

2017/09/13 17:09
18
如何让长大于宽,宽大于长的图片能正常显示在一个区块内

现在有这么一个需求,在一个宽940px,高660px的区域内,里面有一张图,其图大小不确定,可能高大于宽,可能宽大于高,问题是要让这张图片在区域内能正常显示,比例不失调。 一开始想过若是宽...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部