编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

222浏览

0评论

微信小程序点击item使之滚动到屏幕中间位置

1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果 2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会...

2020-05-27 01:33:08

84浏览

0评论

微信小程序scroll-view隐藏滚动条的方法详解

效果图：1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；3.scroll-view 中的需要滑动的元...

2020-05-27 01:33:06

67浏览

0评论

vue页面更新patch的实现示例

patch的流程组件页面渲染时，将render返回的新vnode（新节点）和组件实例保存的vnode（旧节点）作为参数，调用patch方法，更新DOM。判断两个节点是否相同处理过程中，需要判断节点是否相同...

2020-05-27 01:33:05

52浏览

0评论

js实现小时钟效果

本文实例为大家分享了js实现小时钟效果的具体代码，供大家参考，具体内容如下今天给大家分享一下制作小时钟先给大家把代码分享出来首先 JavaScript 代码<script> function set...

2020-05-27 01:33:04

43浏览

0评论

JS实现网页时钟特效

本文实例为大家分享了JS实现网页时钟特效的具体代码，供大家参考，具体内容如下主要逻辑根据JS 的Date属性求得当前的时分秒之后,按照 360/(时|分|秒) 来对三个指针元素...

2020-05-27 01:33:01

131浏览

0评论

微信小程序分享小程序码的生成（带参数）以及参数的获取

1.小程序码介绍
从微信小程序开发文档上我们可以了解到，目前微信支持两种二维码（左），小程序码和小程序二维码（右）。官方推荐使用小程序码，因为小程序码具有更好的辨识度。官方提供...

2020-05-27 01:32:59

65浏览

0评论

JavaScript实现随机点名程序

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

2020-05-27 01:32:58

55浏览

0评论

JavaScript实现简单进度条效果

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

2020-05-27 01:32:57

46浏览

0评论

js实现简单进度条效果

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

2020-05-27 01:32:56

59浏览

0评论

JS实现可控制的进度条

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

2020-05-27 01:32:55

71浏览

0评论

javascript+css实现进度条效果

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

2020-05-27 01:32:54

82浏览

0评论

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

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

2020-05-27 01:32:52

41浏览

0评论

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

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

2020-05-27 01:32:51

54浏览

0评论

jquery实现进度条状态展示

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

2020-05-27 01:32:50

69浏览

0评论

jquery实现上传文件进度条

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

2020-05-27 01:32:49

60浏览

0评论

jquery css实现流程进度条

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

2020-05-27 01:32:48

86浏览

0评论

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

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

2020-05-27 01:32:47

114浏览

0评论

js实现带箭头的进度流程

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

2020-05-27 01:32:46

46浏览

0评论

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

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

2020-05-27 01:32:45

49浏览

0评论

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

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

2020-05-27 01:32:44

37浏览

0评论

javascript实现简单搜索功能

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

2020-05-27 01:32:42

52浏览

0评论

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

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

2020-05-27 01:32:41

45浏览

0评论

原生JS实现留言板

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

2020-05-27 01:32:40

58浏览

0评论

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

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

2020-05-27 01:32:39

109浏览

0评论

js实现时钟定时器

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

2020-05-27 01:32:38

45浏览

0评论

JavaScript定时器使用方法详解

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

2020-05-27 01:32:37

67浏览

0评论

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

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

2020-05-27 01:32:36

48浏览

0评论

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

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

2020-05-27 01:32:35

36浏览

0评论

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

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

2020-05-27 01:32:34

55浏览

0评论

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

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

2020-05-27 01:32:33

74浏览

0评论

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

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

2020-05-27 01:32:32

64浏览

0评论

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

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

2020-05-27 01:32:29

39浏览

0评论

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

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

2020-05-27 01:32:28

46浏览

0评论

JS中FormData类实现文件上传

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

2020-05-27 01:32:27

61浏览

0评论

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

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

2020-05-27 01:32:26

89浏览

0评论

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

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

2020-05-27 01:32:25

107浏览

0评论

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

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

2020-05-27 01:32:24

65浏览

0评论

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

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

2020-05-27 01:32:23

51浏览

0评论

javascript实现简易数码时钟

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

2020-05-27 01:32:21

80浏览

0评论

12 种使用Vue 的最佳做法

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

2020-05-27 01:32:19

68浏览

0评论

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

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

2020-05-27 01:32:18

131浏览

0评论

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

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

2020-05-27 01:32:17

54浏览

0评论

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

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

2020-05-27 01:32:12

124浏览

0评论

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

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

2020-05-27 01:32:11

55浏览

0评论

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

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

2020-05-27 01:32:10

79浏览

0评论

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

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

2020-05-27 01:32:09

66浏览

0评论

Vue-router 报错NavigationDuplicated的解决方法

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

2020-05-27 01:32:07

71浏览

0评论

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

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

2020-05-27 01:32:05

74浏览

0评论

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

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

2020-05-27 01:32:05

71浏览

0评论

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

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

2020-05-27 01:32:04

首页 «1522 152315241525 1526 »尾页

热门文章