kirito0615-CSDN博客

原创 h5微信小程序自动播放背景音乐

HTMLaudio标签都有什么属性就不介绍了这里用到的 preload: 是否在页面加载完成后就播放音频loop: 是否自动循环播放音频<audio id="bgmusic" preload="auto" src="你的音频地址" loop></audio>JSvar music = document.getElementById("bgmusic")music.play()wx.ready(function() { if(/iphone|ipad|ipod/.

2020-10-27 15:55:59 1578

原创萌新自己做的 pixi 宝藏猎人小游戏

预览图(写的是默认全屏的,这是手机端效果)ps: 不要吐槽我的游戏元素截图谢谢,不想用ps了…本来有个门是要勇者带着宝箱回去的,不想做了…做的是键盘控制移动的主角是手写的监听点击事件,有点low,请不要喷萌新.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

2020-09-18 17:24:09 567

原创 5.webpack4抽离模块,懒加载,热更新简单使用

萌新自己学习webpack做的简单配置,如有错误请多包含,也可指点,谢谢.# 抽离公共代码# 懒加载# es6 jsonp实现动态加载文件# 热更新# 使用devServer的hot属性开启热更新# 使用webpack自带的NamedModulesPlugin插件打印被更新的模块路径# 使用webpack自带的HotModuleReplacementPlugin插件开启热更新监控# 在入口文件中判断一下是否开启了热更新,并且指定需要检查的文件.# 如果开启了热更新,对应文件改动就不会刷

2020-09-15 11:02:14 154

原创 4.webpack4打包简单优化

萌新自己学习webpack做的简单配置,如有错误请多包含,也可指点,谢谢.# noParse 内置# 设置不去解析的包以提高性能# IgnorePlugin 内置# 设置不去打包对应插件内的某些文件# DllPlugin DllReferencePlugin 内置# 使用额外的配置文件在dist中生成想要换存成dll文件的包# 使用DllReferencePlugin读取dist中是否有对应的dll文件,如果有,则不再打包对应的包# 需在html中引用dll包对应的js,不然无法找到

2020-09-15 10:47:29 195

原创 3.webpack4 环境配置,错误映射,监听,跨域解决,设置别名,常用小插件简单使用

萌新自己学习webpack做的简单配置,如有错误请多包含,也可指点,谢谢.写在开头# source-map查错# watch监听 # 小插件# cleanWebpackPlugin # 每次生成代码之前,先将dist(打包文件目录)目录清空# copyWebpackPlugin# 将项目中的某单个文件或整个文件夹在打包的时候复制一份到打包后的文件夹中# bannerPlugin 内置插件# 跨域 devServer使用三种方法解决跨域问题# resolve# 配置需要解析

2020-09-15 10:39:06 268

原创 2.webpack4多入口打包简单演示

萌新自己入门webpack写的简单demo// An highlighted blockconst path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { mode: 'development', // 多入口 entry: { home: './src/index.js', other: './src/other.js' },

2020-09-15 10:02:02 102

原创 1.webpack4单入口基本配置

// webpack 是node语法const path = require('path');// index.html 打包相关const HtmlWebpackPlugin = require('html-webpack-plugin')// 将多个css文件打包为一个css文件const miniCssExtractPlugin = require('mini-css-extract-plugin')// 一个css最小化器设置optimization.minimizer会覆盖webpa

2020-09-15 09:56:42 97

原创微信小程序ajax简单promise封装

// 封装export const request = (params)=>{ // 定义公共的url const baseUrl = 'https://xxx.net/api/' return new Promise((resolve,reject)=>{ wx.request({ ...params, url: baseUrl + params.url, success:(request)=>{ resolve

2020-08-10 16:11:38 214

原创微信小程序常用接口promise封装

// 封装文件export const getSetting = ()=>{ return new Promise((resolve,reject)=>{ wx.getSetting({ success: (result)=>{ resolve(result) }, fail:(err)=>{ reject(err) } }); }) }export const c

2020-08-10 16:02:47 433 1

原创 vue 微信扫一扫简单使用

vue 微信扫一扫简单使用scanCode() { // 存在wx sdk 并且在微信ua下 let that = this; if ( typeof wx != undefined && navigator.userAgent.indexOf("MicroMessenger") >= -1 ) { try { wx.scanQRCode({ d

2020-07-10 14:06:24 443

原创原生js 页面30秒无操作自动刷新

mounted() { this.interval = setInterval(() => { window.location.reload(); }, 30000); document.onclick = (event) => { clearInterval(this.interval); this.interval = setInterval(() => { window.location.re.

2020-07-01 11:43:08 1328

原创 React-Router基础学习

参考网址: https://reacttraining.com/react-router/web/api/NavLinkRouter与Routeimport {HashRouter as Router,Route} from "react-router-dom";{/* 必须使用 Router 包裹 Route 的形式 */}<Router> {/* 引用组件方式一 */} <Route path="/home" component={Home}></Rout

2020-06-19 13:42:32 133

原创萌新react第一步:基础使用

写在开头// vscode React 模块快捷创建// 左上角文件->首选项->用户片段{ "Snippet Name": { "prefix": "myReact", // 触发片段的快捷键 "body": [ "import React, { $1 } from 'react'", "", "class $2 extends ${1} {", " render(){", " return (", " <div>"

2020-06-17 10:06:53 142

原创 element-ui table 自定义某列样式

element-ui table 自定义某列样式 // 表格每行第五列开始添加点击效果 this.$nextTick(() => { //在获得数据元素渲染后获得dom元素 for (let i = 0; i < $(".el-table__row").length; i++) { let classList = [...$(".el-table__row")[i].childNodes]; //取得想要修改样式的某几列

2020-06-10 14:12:23 2815

原创 vant实现上拉刷新，下拉加载

vant实现上拉刷新，下拉加载<van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > </van-list>&

2020-06-05 12:15:35 792

原创萌新的vant爬坑记录

萌新的vant爬坑记录1. ios时间乱码问题如果是使用Date对象转换时间长度的话在ios下会有乱码问题,例如下方代码item.date = util.formatDate.format( new Date(item.date ), "yyyy-MM-dd");可以修改成使用字符串截取来截取时间显示item.date = item.date.split(' ')[0]2.弹窗层级错乱解决方案将所有弹窗放在父级下的第一层父级上即可后续有新的问题再更新(希望没有问题emmm)

2020-06-05 11:54:16 304

原创 bootstrap-select实现加载时默认选中功能

**bootstrap-select实现加载时默认选中功能**前言,萌新最近有了个jq项目的select多选功能的需求,就找到了下面的插件想要实现这个功能bootstrap-select因为萌新见识浅薄,所以没有找到默认展示某几项的demo,就尝试着自己写了一下function loadInfo() { //默认数据 var area = ...

2019-05-21 11:42:52 6485

kirito0615的博客