JavaScript - 教程之家

82浏览

0评论

JavaScript实现随机点名程序

本文实例为大家分享了js实现随机点名程序的具体代码，供大家参考，具体内容如下效果：录制的gif效果图没那么理想，其实速度是比这个快的思路：1.定义一个数组，存放名单
2.启动定时器，设...

2020-05-27

71浏览

0评论

JavaScript实现简单进度条效果

本文实例为大家分享了JavaScript实现进度条效果的具体代码，供大家参考，具体内容如下效果图：简单说一下思路：主要就是进度条的宽度的动态调整！要用到JS的间隔定时器 setInterval(...

2020-05-27

64浏览

0评论

js实现简单进度条效果

本文实例为大家分享了js实现简单进度条的具体代码，供大家参考，具体内容如下实现进度条需要三个部分：1、外部的大容器
2、在增长的进度条
3、显示进度条可视化的百分数
运用js控...

2020-05-27

79浏览

0评论

JS实现可控制的进度条

写在前面进度条一直以来都是很多地方都可以用的，那么很多的时候其实我们都是自己在网上找代码，直接使用的，很少有人自己写源码的，今天呢我们就简单的实现一个进度条的效果，没有做...

2020-05-27

87浏览

0评论

javascript+css实现进度条效果

本文实例为大家分享了javascript+css实现进度条效果的具体代码，供大家参考，具体内容如下主要是以样式实现进度条的效果，JavaScript控制显示的百分比html模板<div class="progre...

2020-05-27

105浏览

0评论

使用Angular9和TypeScript开发RPG游戏的方法

RPG系统构造通过对于斗罗大陆小说的游戏化过程，熟悉Angular的结构以及使用TypeScript的面向对象开发方法。项目地址人物和其他RPG游戏类似，游戏里面的人物角色大致有这样的一...

2020-05-27

61浏览

0评论

JS实现进度条动态加载特效

本文实例为大家分享了JS实现进度条动态加载的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>进度条</title> <script src="ht...

2020-05-27

71浏览

0评论

jquery实现进度条状态展示

本文实例为大家分享了jquery实现进度条状态展示的具体代码，供大家参考，具体内容如下如上图所示，由于项目需要，需要做一个状态展示，当点击的时候填满整个长度，你需要下载jquery，代码...

2020-05-27

90浏览

0评论

jquery实现上传文件进度条

本文实例为大家分享了jquery实现上传文件进度条的具体代码，供大家参考，具体内容如下首先引入需要的js css用bootstrap进度条<link rel="stylesheet" href="js/bootstrap/boot...

2020-05-27

77浏览

0评论

jquery css实现流程进度条

本文实例为大家分享了jquery css实现流程进度条的具体代码，供大家参考，具体内容如下方案1：方案2：<!DOCTYPE html><html> <head><meta charset="utf-8"><title>流程进度条</title...

2020-05-27

106浏览

0评论

Bootstrap实现前端登录页面带验证码功能完整示例

本文实例讲述了Bootstrap实现前端登录页面带验证码功能。分享给大家供大家参考，具体如下：Bootstrap有自定义的验证码样式，在前端页面可以直接使用，他的css、js在使用前要在开头...

2020-05-27

133浏览

0评论

js实现带箭头的进度流程

本文实例为大家分享了js实现带箭头进度流程的具体代码，供大家参考，具体内容如下html<ul class="cssNav"> <li v-for="(item,i) in list" :class="[num==i?'active':'']"...

2020-05-27

66浏览

0评论

vue+element 实现商城主题开发的示例代码

本文介绍了vue+element 实现商城主题开发的示例代码，分享给大家，具体如下：<template> <div> <div class="set-phone"> <el-form :model="theme" :rules="rules" ref="ruleForm...

2020-05-27

75浏览

0评论

jQuery实现html可联动的百分比进度条

最近需要一个HTML可以联动的百分比进度条，网上找了一下没有，自己手动实现了一个。需要解决的问题，AB两个进度条需要按照百分比A+B=100%，A进度条可以拖动，B进度条联动，并且有进度颜...

2020-05-27

57浏览

0评论

javascript实现简单搜索功能

本文实例为大家分享了javascript实现简单搜索功能的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27

74浏览

0评论

vue在线动态切换主题色方案

主要原理是利用webpack插件webpack-theme-color-replacer提取相关颜色css然后根据配置动态生成替换的css
具体实现步骤如下：
1.添加webpack插件，新建文件webpack/themePlugin....

2020-05-27

63浏览

0评论

原生JS实现留言板

本文实例为大家分享了JS实现留言板的具体代码，供大家参考，具体内容如下一、设计思路这个留言板有两个大的版块，一个是留言板（主要是发布留言的内容会在上面显示），另一个是发布留言...

2020-05-27

78浏览

0评论

如何解决vue在ios微信"复制链接"功能问题

这个问题在安卓上是完全没有问题的，可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。
我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接...

微信

2020-05-27

129浏览

0评论

js实现时钟定时器

本文实例为大家分享了js实现时钟定时器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> <script type="text/j...

2020-05-27

67浏览

0评论

JavaScript定时器使用方法详解

本文实例为大家分享了JavaScript定时器使用的具体代码，供大家参考，具体内容如下定时器分类1、循环执行：一段程序能够每间隔一段时间执行一次【setInterval()】【clearInterval(...

2020-05-27

93浏览

0评论

Vue项目页面跳转时浏览器窗口上方显示进度条功能

在vue项目中，为了减少首屏加载的时间，通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。然而，路由懒加载会使得我们在第一次打开一个新页...

2020-05-27

65浏览

0评论

vue跳转页面的几种方法(推荐)

vue跳转不同页面的多种方法1：router-link跳转
<router-link to='/testDemo'> <button>点击跳转2</button></router-link> <router-link...

2020-05-27

52浏览

0评论

Nodejs文件上传、监听上传进度的代码

前言文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用 Nodejs 配合前端完成这个功能。前端我们使用 FormData 来作为载体发送数据。效果前端部分HTML...

2020-05-27

78浏览

0评论

微信小程序间使用navigator跳转传值问题实例分析

本文实例讲述了微信小程序间使用navigator跳转传值问题。分享给大家供大家参考，具体如下：前言这次讲一下我用 navigator 组件实现从一个小程序跳转到另一个小程序的过程中遇到...

微信

2020-05-27

101浏览

0评论

开发Node CLI构建微信小程序脚手架的示例

本文介绍了 Node CLI 构建微信小程序脚手架的示例，分享给大家，具体如下：目的由于目前公司的 TOC 产品只要是微信小程序，而且随着业务的扩展, 会有更多的需求，创建更多的小程序，...

微信

2020-05-27

95浏览

0评论

js、jquery实现列表模糊搜索功能过程解析

实现的搜索功能：
1. 可以匹配输入的字符串找出列表中匹配的项，列表框的高度跟随搜索出的列表项的多少改变2. 可以点击某一项进行选中列表项3. 可以按下上、下、回车键来控制列...

2020-05-27

63浏览

0评论

JS中FileReader类实现文件上传及时预览功能

FileReader是H5浏览器才支持的JS类，如果不支持H5de浏览器可以使用FormData类实现文件的上传预览，使用可以参考我的下一篇博客：JS中FormData类实现文件上传代码：<!DOCTYPE html><...

2020-05-27

73浏览

0评论

JS中FormData类实现文件上传

本文实例为大家分享了JS中FormData类实现文件上传的具体代码，供大家参考，具体内容如下上篇文章讲到了FormReader类实现文件上传，但是那是HTML5的新特性，在不支持H5的浏览器上则...

2020-05-27

78浏览

0评论

json_decode 索引为数字时自动排序问题解决方法

json_encode 索引为数字，自动排序问题使用son_encode 给前端返回数据，结果顺序不对，经debug调试，发现是json_encode 函数的问题；{ "code": 0, "msg": "请求成功!", "data": { "2...

2020-05-27

113浏览

0评论

JS实现滑动拼图验证功能完整示例

本文实例讲述了JS实现滑动拼图验证功能。分享给大家供大家参考，具体如下：先看一下效果图：设置画布滑块属性const l = 42, // 滑块边长 r = 10, // 滑块半径 w = 310, // canvas...

2020-05-27

128浏览

0评论

Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解

本文实例讲述了Bootstrap简单实用的表单验证插件BootstrapValidator用法。分享给大家供大家参考，具体如下：Bootstrap是现在非常流行的一款前端框架，这篇来介绍一款基于Bootstra...

2020-05-27

95浏览

0评论

vue计算属性+vue中class与style绑定(推荐)

vue计算属性在模板中放入大量的逻辑会让模板过重且难以维护计算属性下所有函数可以放到computed中class与style绑定原始写法 v-bind:class 缩写 :classclass绑定的三种形式s...

2020-05-27

73浏览

0评论

javascript实现简易数码时钟

本文实例为大家分享了javascript实现简易数码时钟的具体代码，供大家参考，具体内容如下通过这个小例子复习一下Date对象的基本使用.
还可以用Date对象做定时器，计时器等等.效果...

2020-05-27

104浏览

0评论

12 种使用Vue 的最佳做法

作者：Matt Maribojoc 译者：前端小智来源：medium随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我...

2020-05-27

91浏览

0评论

记一次react前端项目打包优化的方法

前文之前一年多前接手的一个react项目，前段时间因为做业务中台项目，对公司现有的应用项目做中台化改造，这期间将项目部署到uat环境，测试期间，测试小妹妹和产品大叔都吐槽进入uat...

2020-05-27

165浏览

0评论

详解Webpack抽离第三方类库以及common解决方案

前端构建场景有两种，一种是单页面构建，另一种是多入口构建多页面应用程序（我视野比较小，目前就知道这两种），下面我们针对这两种场景总结了几种抽离第三方类库以及公共文件的解决方...

2020-05-27

77浏览

0评论

小程序双头slider选择器的实现示例

小程序商城项目中，需要设置价格区间，或者在旅游行业项目中需要设置时间区间，双头选择器有比较好的交互效果支持设置单头、双头选择器支持自定义选择头的文字/图片支持自...

2020-05-27

150浏览

0评论

功能完善的小程序日历组件的实现

小程序日历组件日历组件，表单组件绝逼是前端开发的一个噩梦，尤其要做好一个旅游项目的日历，变态需求特别多，要在小程序中实现携程app的日历，还要兼顾性能问题。自定义横向/纵向...

2020-05-27

81浏览

0评论

小程序中使用css var变量(使js可以动态设置css样式属性)

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。基本用法基础用...

2020-05-27

104浏览

0评论

react国际化化插件react-i18n-auto使用详解

react-i18n-auto专门为中文国际化提供的自动化方案，快速迭代国际化开发，方法如下安装
npm install react-i18n-auto --save-dev第一步：添加babel插件配置（.babelrc添加方式）
{ "...

2020-05-27

86浏览

0评论

Vue-router 报错NavigationDuplicated的解决方法

版本：3.1.x报错原因：
使用push()、replace()进行导航时，不能重复导航到当前路由。解决办法：
方法1：在定义路由的文件中router/index.jsconst originalPush = VueRouter.prototype...

2020-05-27

95浏览

0评论

Vue路由守卫及页面登录权限控制的设置方法(两种)

①先在我们的登录页面存储一个登录数据// 登录成功时保存一个登录状态；sessionStorage.setItem("flag", 1);② 添加路由守卫方法一：直接在路由中添加const router = new VueR...

2020-05-27

105浏览

0评论

js实现数据导出为EXCEL（支持大量数据导出）

数据导出为excel是前端比较常用的功能。笔者近期在网上收集汇总了几种常用的方法，供大家使用。1、ActiveXObject(“Excel.Application”)这种方法只能在IE下使用。
优点：参照V...

2020-05-27

97浏览

0评论

vue+render+jsx实现可编辑动态多级表头table的实例代码

最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-ui t...

2020-05-27

96浏览

0评论

Selenium执行Javascript脚本参数及返回值过程详解

在Selenium中可以使用drvier.execute_script()来执行Javascript脚本，支持多行语句。
使用Javascript可以实现以下功能：移除元素隐藏、禁用、只读等限制属性为元素添加id或...

2020-05-27

125浏览

0评论

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

一、简介Viewer.js 是一款强大的图片查看器。Viewer.js 有以下特点：支持移动设备触摸事件
支持响应式
支持放大/缩小
支持旋转（类似微博的图片旋转）
支持水平/垂直翻转
支持图...

2020-05-27

98浏览

0评论

sharp.js安装过程中遇到的问题总结

由于Sharp基于C++的libvips库来实现，本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装，测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.ta...

2020-05-27

85浏览

0评论

Javascript模块化机制实现原理详解

1. 概述
js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理...

2020-05-27

121浏览

0评论

webpack3.0升级4.0的方法步骤

1.webpack 3.11升级4.26
为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项...

2020-05-27

85浏览

0评论

基于js实现逐步显示文字输出代码实例

今天清理chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图图片描述这个网页展示了一个类似ide...

2020-05-27

热门文章