11 2017 档案
摘要:这是select2插件使用的第二篇,可参考第一篇 select2插件使用小记。上一篇主要是关于基本的使用,这篇主要是关于多选,及联动的。侧重点不同。 效果图如下: 遵从W3C标准:结构、样式、行为。以下分别是html、css、js代码。 html主要代码如下: 多选:需要设值select元素 - n
阅读全文
摘要:法一:使用数组map()方法,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。 let arr = [1,[2,[[3,4],5],6]]; function oneDimensionalArray (arr) { let arr1 = (arr + '').split(',');
阅读全文
摘要:Flexbox非常的棒,肯定是未来布局的一种主流。在过去的几年这之中,语法改变了不少,这里有一篇“旧”和“新”新的语法区别教程(如果你对英文不太感兴趣,可以移步阅读中文版本)。但是,如果我们把Flexbox新语法、旧语法和中间过渡语法混合在一起使用,我们就可以让浏览器得到完美的展示。尤其是对一个简单
阅读全文
摘要:我们都知道,固定高宽的div在网页中垂直居中很简单,相信大家也很容易的写出来,但是不是固定高宽的div如何垂直居中呢?我们在网页布局,特别是手机等web端网页经常是不固定高宽的div,那么这些div如何垂直居中呢?这篇文章,我总结一下。 固定高宽div垂直居中 如上图,固定高宽的很简单,写法如下:
阅读全文
摘要:一、CSRF简介 CSRF是什么呢?CSRF全名是Cross-site request forgery,它在 2007 年曾被列为互联网 20 大安全隐患之一,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。 尽管
阅读全文
摘要:如果想通过纯前端技术实现文件下载,直接把a标签的href属性设置为文件路径即可,如下: 但是,对于 txt , jpg , pdf 等浏览器支持直接打开的文件不会被执行下载,而是会直接打开,这时候一个新属性就要上场了--【download】 download属性不止可以实现下载,其属性值还可以规定下
阅读全文