2018年10月_ACGuan

原创如何用JS获取数组的键和值

代码实现如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> &

2018-10-31 14:47:34 8059

原创如何用JavaScript清除重复数组及多维数组？

实现方式有两种：第一种实现方式如下：var arr=[['a','b','c',,,,,], [1,2,3,,,]]; for(var i = 0; i < arr.length; i++) { var len = arr.length; for(var j=0; j<arr[i...

2018-10-26 17:54:40 1328

原创 px、em、rem区别介绍

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。px的特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 em是相对长度单位。相对于当前对象内文本的字体尺寸...

2018-10-24 09:56:13 204

原创 Webpack如何打包html图片

1.安装npm i -D html-loader 和 npm install url-loader --save-dev;2.在webpack.config.js里的module模块引入如下代码：{ test: /\.(png|svg|jpg|gif)$/i, loaders: [ 'u...

2018-10-23 17:15:49 1603

原创 Webpack如何打包css文件

1.首先安装 npm install --save-dev extract-text-webpack-plugin@next插件；2.引入这些代码，代码如下：const ExtractTextPlugin = require("extract-text-webpack-plugin");module.exports = { module: { rules: [ ...

2018-10-23 17:11:23 651

原创 js如何实现字符串转换成数组

var string = "a,b,c"; var stringArr= string.split(","); console.log(stringArr);

2018-10-19 11:43:15 10211

原创修改滚动样式

::-webkit-scrollbar {/*滚动条整体样式*/ width: 0; width: 0;}::-webkit-scrollbar-thumb {/*滚动条小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); background: rgba(0,0,0,0.2);}::-we...

2018-10-18 15:22:57 242

原创 JS如何实现模糊查询

所谓模糊查询就是列表中的数据是否有符合关键字或某个字符。实现的操作方法主要有两种：1.字符串方法indexOf：代码如下： var list = ["中国", "美国", "英国 "]; var arr = []; for(var i=0;i<list.length;i++){ //如果字符...

2018-10-18 11:20:06 12805

转载 JS分页

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding:0;margin:0;}

2018-10-11 18:02:24 109

原创 JS限制数组输出

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <

2018-10-11 17:37:47 623

原创如何添加兄弟节点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <bu

2018-10-09 15:44:09 3399

原创 JavaScript如何添加父元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <di

2018-10-08 11:26:44 4211

KevinMiGuan的博客