vscode 配置vue+vetur+eslint+prettier自动格式化功能
该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。vscode Vetur插件Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲...
2020-05-27
用JS实现选项卡
本文实例为大家分享了JS实现选项卡的具体代码，供大家参考，具体内容如下案例描述在浏览器中显示一个选项卡界面，头部为1、2、3、4、5。点击头部任意一个数字，都在下方显示出不同...
2020-05-27
小程序使用分包的示例代码
本文介绍了小程序使用分包的示例代码，分享给大家，具体如下：官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html某些情况下，开发者需要将小...
2020-05-27
Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）
最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。
本次主要写一下前端的实现细节，至于后台以Multipart[ ]数组接收即可，不再赘述，网上一搜大把文章可供参考。
本次使...
2020-05-27
JS Array.from()将伪数组转换成数组的方法示例
Array.from 方法用于将两类对象转换为真正的数组：1、类似数组的对象，可以理解为“伪数组”2、可遍历对象（比如字符串）什么是伪数组？
伪数组都有一个基本的特点：必须有 length 属性...
2020-05-27
js实现小星星游戏
本文实例为大家分享了js实现小星星游戏的具体代码，供大家参考，具体内容如下功能简介如图：实现一个点击游戏准备准备一个星星的图片（这里我重命名为xxx.png）开搞新建一个html文件，...
2020-05-27
JS实现点星星消除小游戏
本文实例为大家分享了JS实现点星星消除游戏的具体代码，供大家参考，具体内容如下步骤及游戏功能分析：1.网页上的随机出现小星星；2.点击小星星，小星星消失； 绑定一个onclick事件：...
2020-05-27
Webpack中SplitChunksPlugin 配置参数详解
代码分割本身和 webpack 没有什么关系，但是由于使用 webpack 可以非常轻松地实现代码分割，所以提到代码分割首先就会想到使用 webopack 实现。在 webpack 中是使用 SplitChunk...
2020-05-27
javascript实现滚动条效果
本文实例为大家分享了javascript实现滚动条效果的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
JavaScript实现移动端带transition动画的轮播效果
JavaScript实现轮播的方式多种多样，桌面的移动端的实现方式都是大同小异的，具体的核心实现原理不外乎下面几个要点。即：1. 确定播放方向。一般都是横向轮播，当然不排除纵向的需...
2020-05-27
js实现消灭星星(web简易版)
昨天看视频之后，整理思路，自己完成了简易版消灭星星思路：模块1：初始化
初始化总分数、当前分数、背景图、选择的星星分数 初始化星星（生成二维数组，对二维数组的每一个对象设置...
2020-05-27
js实现页面图片消除效果
本文实例为大家分享了js实现页面图片消除的具体代码，供大家参考，具体内容如下前两天测试的时候发现自己对js还不是太熟悉，所以今天上传的了这篇文章，重新写了一下js模块里面的东...
2020-05-27
安装多版本Vue-CLI的实现方法
安装多版本Vue-CLI，即在电脑上同时安装多个版本的Vue-CLI。那么为什么要安装多个版本呢?原因是Vue-cli3.0版本与之前的版本有了较大不同，当你要处理3.0之前的项目，又想使用...
2020-05-27
微信小程序 flexbox layout快速实现基本布局的解决方案
问题描述 flexbox layout ——弹性盒子布局。弹性盒子可以快速的对小程序进行布局。一般传统的小程序布局方法对内容量少的页面而言很方便，但对页面比较复杂的来讲就很繁琐了...
2020-05-27
微信小程序scroll-view点击项自动居中效果的实现
scroll-view | 微信开放文档效果代码布局样式代码省略，以下只展示逻辑代码<scroll-view scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation class="scroll-view"...
2020-05-27
微信小程序点击item使之滚动到屏幕中间位置
1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果 2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会...
2020-05-27
微信小程序scroll-view隐藏滚动条的方法详解
效果图：1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；3.scroll-view 中的需要滑动的元...
2020-05-27
vue页面更新patch的实现示例
patch的流程组件页面渲染时，将render返回的新vnode（新节点）和组件实例保存的vnode（旧节点）作为参数，调用patch方法，更新DOM。判断两个节点是否相同处理过程中，需要判断节点是否相同...
2020-05-27
js实现小时钟效果
本文实例为大家分享了js实现小时钟效果的具体代码，供大家参考，具体内容如下今天给大家分享一下制作小时钟先给大家把代码分享出来首先 JavaScript 代码<script> function set...
2020-05-27
JS实现网页时钟特效
本文实例为大家分享了JS实现网页时钟特效的具体代码，供大家参考，具体内容如下主要逻辑 根据JS 的Date属性 求得当前的 时 分 秒 之后,按照 360/(时|分|秒) 来对三个指针元素...
2020-05-27
微信小程序分享小程序码的生成（带参数）以及参数的获取
1.小程序码介绍
从微信小程序开发文档上我们可以了解到，目前微信支持两种二维码（左），小程序码和小程序二维码（右）。官方推荐使用小程序码，因为小程序码具有更好的辨识度。 官方提供...
2020-05-27
JavaScript实现随机点名程序
本文实例为大家分享了js实现随机点名程序的具体代码，供大家参考，具体内容如下效果：录制的gif效果图没那么理想，其实速度是比这个快的思路：1.定义一个数组，存放名单
2.启动定时器，设...
2020-05-27
JavaScript实现简单进度条效果
本文实例为大家分享了JavaScript实现进度条效果的具体代码，供大家参考，具体内容如下效果图：简单说一下思路：主要就是进度条的宽度的动态调整！要用到JS的间隔定时器 setInterval(...
2020-05-27
js实现简单进度条效果
本文实例为大家分享了js实现简单进度条的具体代码，供大家参考，具体内容如下实现进度条需要三个部分：1、外部的大容器
2、在增长的进度条
3、显示进度条可视化的百分数
运用js控...
2020-05-27
JS实现可控制的进度条
写在前面进度条一直以来都是很多地方都可以用的，那么很多的时候其实我们都是自己在网上找代码，直接使用的，很少有人自己写源码的，今天呢我们就简单的实现一个进度条的效果，没有做...
2020-05-27
javascript+css实现进度条效果
本文实例为大家分享了javascript+css实现进度条效果的具体代码，供大家参考，具体内容如下主要是以样式实现进度条的效果，JavaScript控制显示的百分比html模板<div class="progre...
2020-05-27
使用Angular9和TypeScript开发RPG游戏的方法
RPG系统构造通过对于斗罗大陆小说的游戏化过程，熟悉Angular的结构以及使用TypeScript的面向对象开发方法。项目地址人物和其他RPG游戏类似，游戏里面的人物角色大致有这样的一...
2020-05-27
JS实现进度条动态加载特效
本文实例为大家分享了JS实现进度条动态加载的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>进度条</title> <script src="ht...
2020-05-27
jquery实现进度条状态展示
本文实例为大家分享了jquery实现进度条状态展示的具体代码，供大家参考，具体内容如下如上图所示，由于项目需要，需要做一个状态展示，当点击的时候填满整个长度，你需要下载jquery，代码...
2020-05-27
jquery实现上传文件进度条
本文实例为大家分享了jquery实现上传文件进度条的具体代码，供大家参考，具体内容如下首先引入需要的js css用bootstrap进度条<link rel="stylesheet" href="js/bootstrap/boot...
2020-05-27
jquery css实现流程进度条
本文实例为大家分享了jquery css实现流程进度条的具体代码，供大家参考，具体内容如下方案1：方案2：<!DOCTYPE html><html> <head><meta charset="utf-8"><title>流程进度条</title...
2020-05-27
Bootstrap实现前端登录页面带验证码功能完整示例
本文实例讲述了Bootstrap实现前端登录页面带验证码功能。分享给大家供大家参考，具体如下：Bootstrap有自定义的验证码样式，在前端页面可以直接使用，他的css、js在使用前要在开头...
2020-05-27
js实现带箭头的进度流程
本文实例为大家分享了js实现带箭头进度流程的具体代码，供大家参考，具体内容如下html<ul class="cssNav"> <li v-for="(item,i) in list" :class="[num==i?'active':'']"...
2020-05-27
vue+element 实现商城主题开发的示例代码
本文介绍了vue+element 实现商城主题开发的示例代码，分享给大家，具体如下：<template> <div> <div class="set-phone"> <el-form :model="theme" :rules="rules" ref="ruleForm...
2020-05-27
jQuery实现html可联动的百分比进度条
最近需要一个HTML可以联动的百分比进度条，网上找了一下没有，自己手动实现了一个。需要解决的问题，AB两个进度条需要按照百分比A+B=100%，A进度条可以拖动，B进度条联动，并且有进度颜...
2020-05-27
javascript实现简单搜索功能
本文实例为大家分享了javascript实现简单搜索功能的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...
2020-05-27
vue在线动态切换主题色方案
主要原理是利用webpack插件webpack-theme-color-replacer提取相关颜色css然后根据配置动态生成替换的css
具体实现步骤如下：
1.添加webpack插件，新建文件webpack/themePlugin....
2020-05-27
原生JS实现留言板
本文实例为大家分享了JS实现留言板的具体代码，供大家参考，具体内容如下一、设计思路这个留言板有两个大的版块，一个是留言板（主要是发布留言的内容会在上面显示），另一个是发布留言...
2020-05-27
如何解决vue在ios微信"复制链接"功能问题
这个问题在安卓上是完全没有问题的，可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。
我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接...
2020-05-27
js实现时钟定时器
本文实例为大家分享了js实现时钟定时器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> <script type="text/j...
2020-05-27
JavaScript定时器使用方法详解
本文实例为大家分享了JavaScript定时器使用的具体代码，供大家参考，具体内容如下定时器分类1、循环执行：一段程序能够每间隔一段时间执行一次【setInterval()】【clearInterval(...
2020-05-27
Vue项目页面跳转时浏览器窗口上方显示进度条功能
在vue项目中，为了减少首屏加载的时间，通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。然而，路由懒加载会使得我们在第一次打开一个新页...
2020-05-27
vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法1：router-link跳转
<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2</button></router-link> <!-- 带参数跳转 --><router-link...
2020-05-27
Nodejs文件上传、监听上传进度的代码
前言文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用 Nodejs 配合前端完成这个功能。前端我们使用 FormData 来作为载体发送数据。效果 前端部分HTML...
2020-05-27
微信小程序间使用navigator跳转传值问题实例分析
本文实例讲述了微信小程序间使用navigator跳转传值问题。分享给大家供大家参考，具体如下：前言这次讲一下我用 navigator 组件实现从一个小程序跳转到另一个小程序的过程中遇到...
2020-05-27
开发Node CLI构建微信小程序脚手架的示例
本文介绍了 Node CLI 构建微信小程序脚手架的示例，分享给大家，具体如下： 目的由于目前公司的 TOC 产品只要是微信小程序，而且随着业务的扩展, 会有更多的需求，创建更多的小程序，...
2020-05-27
js、jquery实现列表模糊搜索功能过程解析
实现的搜索功能：
1. 可以匹配输入的字符串找出列表中匹配的项，列表框的高度跟随搜索出的列表项的多少改变2. 可以点击某一项进行选中列表项3. 可以按下上、下、回车键来控制列...
2020-05-27
JS中FileReader类实现文件上传及时预览功能
FileReader是H5浏览器才支持的JS类，如果不支持H5de浏览器可以使用FormData类实现文件的上传预览，使用可以参考我的下一篇博客：JS中FormData类实现文件上传代码：<!DOCTYPE html><...
2020-05-27
JS中FormData类实现文件上传
本文实例为大家分享了JS中FormData类实现文件上传的具体代码，供大家参考，具体内容如下上篇文章讲到了FormReader类实现文件上传，但是那是HTML5的新特性，在不支持H5的浏览器上则...
2020-05-27
json_decode 索引为数字时自动排序问题解决方法
json_encode 索引为数字，自动排序问题使用son_encode 给前端返回数据，结果顺序不对，经debug调试，发现是json_encode 函数的问题；{ "code": 0, "msg": "请求成功!", "data": { "2...
2020-05-27
