- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 翻转数组对象
翻转数组对象,这里我写了一个方法，可以参考一下 function reversePeople (array) { let newArr = []; for (let i = array.length - 1; i >= 0; i--) { newArr[newArr.length] = array[i]; } return ...
2019-04-30 18:52:52
2069
原创 vue父组件使用子组件函数，vue子组件使用父组件函数
（1）vue中父组件调用子组件函数用法： 子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.method 去调用子组件方法详解： 父组件里面调用子组件的函数，父组件先把函数/方法以属性形式传给子组件；那么就需要先找到子组件对象 ，即 this.$refs.refName.然后再进行调用，也就是 this.$refs.refName.me...
2019-04-29 16:53:50
3413
3
原创 小技巧
创建特定大小的数组[...Array(8).keys()]生成随机十六进制代码（生成随机颜色）// 生成随机十六进制代码 如：'#c618b2''#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');随机更改数组元素顺序，混淆数组// 随机更改数组元素顺序，混淆数组(arr) => ar...
2019-04-29 15:51:36
306
原创 vue开始计时组件
如果你需要制作一个开始计时的组件，需要怎么做呢？比如你要从 00：00 开始计时，然后秒数开始叠加，这里我写了一个开始计时的组件，下面是这个组件，你可以直接引入到项目中使用。<template><div class="timer"><div ref="startTimer"></div></div></template&g...
2019-04-22 13:08:21
8556
2
原创 vue倒计时插件
如上图所示，有一个倒计时插件，使用的方式，给这个组件传个分钟和秒数就可以下面是这个倒计时插件：<template> <div class="CountDown"> <p>{{minute}}:{{second}}</p> </div></template><script type="text/...
2019-04-20 14:26:30
6987
转载 webpack基础webpack-dev-server配置
webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server 一.webpack基础 1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成） 2.安装webpaack ...
2019-04-14 18:53:31
5203
原创 vue项目中使用swiper
如上图所示，实现里面的数据滚动效果，这里我们使用了 swiper具体代码如下，可以直接使用喔~~~<template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">silide 1</d...
2019-04-12 13:48:11
10836
原创 js制作一个棋盘
如上图所示，点击加号和减号，棋盘内会出现不同的值。代码如下，很简单，不懂的话，直接问我就行。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>国际象棋棋盘</title> <meta name="viewport" con...
2019-04-11 09:38:08
3834
原创 document.getElementById() id是变量
document.getElementById(id) id是变量。这个问题说实话，确实那时候让我有点无语。不过后来摸索出来了，如果获取的id 是变量，只需要这样子写即可，如下：document.getElementById('' + this.chessId).innerHTML = str; //this.chessId是一个变量，前面用空字符拼一下就行...
2019-04-08 17:48:11
9309
7
原创 给一个元素插入一段HTML
给一个元素插入一段HTML常见的方式有：1- 使用insertAdjacentHTML2- 使用innerHTML举个例子：在页面添加一个棋盘页面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>国际象棋棋盘</title> <...
2019-04-08 16:53:29
4336
原创 为项目添加autoprefixer
1.安装：npm install autoprefixer2.配置/build/webpack.base.conf.js添加：const autoprefixer = require("autoprefixer");和 { test: /\.vue$/, exclude: /node_modules/, ...
2019-04-01 14:43:20
4547
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人