编程开发 - 教程之家

编程开发

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

46浏览

0评论

js计时事件实现圆形时钟

本文实例为大家分享了js圆形时钟效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>时钟</title> <style> *{margin:...

2020-05-27 02:21:07

72浏览

0评论

JS控制GIF图片的停止与显示

在掷骰子游戏中，通过需要控制骰子的转动以及转动结果的显示，骰子的转动可以用GIF动图来实现，每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下：<!DOCTYPE html><html>...

2020-05-27 02:21:06

50浏览

0评论

jquery实现掷骰子小游戏

本篇给大家分享一个很好玩的掷骰子游戏，当点击“掷筛子”按钮时张三和李四两人同时掷出筛子，在各自的文本框中会显示出各自掷出筛子的大小，并且会在第三个文本框中比较出两人点...

2020-05-27 02:21:05

60浏览

0评论

使用jQuery实现掷骰子游戏

本文实例为大家分享了jQuery实现掷骰子游戏的具体代码，供大家参考，具体内容如下直接新建一个html页面，需要在head中引入jquery,js，一些css代码以及js代码，如下:<script type="tex...

2020-05-27 02:21:04

68浏览

0评论

js实现简单掷骰子效果

本案例要实现的掷骰子效果：点击按钮，使骰子转动起来，转动随机时间之后，自动停止在某一个点数上。思路：点击按钮之后，将原本静态的骰子图片替换为一个动态转动的gif图片；
创建定时器...

2020-05-27 02:21:03

62浏览

0评论

js实现GIF动图分解成多帧图片上传

在项目中遇到需要支持上传gif图片，并把其分解的帧图片一次展示给用户。话不多说直接上代码分解gif图片需要使用libgif-js这个库！1. 引入Git库import SuperGif from './libgif....

2020-05-27 02:21:02

146浏览

0评论

Element-Ui组件 NavMenu 导航菜单的具体使用

本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/menu基础用法
普通导航菜单<el-menu :default-active="activeIndex" class="el-menu-demo" mode=...

2020-05-27 02:21:01

51浏览

0评论

js实现掷骰子小游戏

本文实例为大家分享了js掷骰子小游戏的具体代码，供大家参考，具体内容如下因为这次作业是第一个实验，比较简单，但是要求面向对象来做，而我这个时候又刚好在学JS，JS来做骰子游戏即有...

2020-05-27 02:21:00

98浏览

0评论

js实现GIF图片的分解和合成

无意中看到一篇文章写得是关于纯前端处理GIF图片的问题，感觉挺有意思的所以自己也实现了一下；主要用到的有两个第三方库：合成GIF图片的gif.js和分解的libgif.js;分解GIF1. 引入...

2020-05-27 02:20:59

71浏览

0评论

js实现简单掷骰子小游戏

本文实例为大家分享了js掷骰子小游戏的具体代码，供大家参考，具体内容如下实现方法：
方法一：通过background-position、background-image、backg-repeat三个属性以及jquery anima...

2020-05-27 02:20:58

62浏览

0评论

JS合并两个数组的3种方法详解

这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下需要将两个数组合并成...

2020-05-27 02:20:57

63浏览

0评论

JS实现简单随机3D骰子

本文实例为大家分享了JS实现简单随机3D骰子的具体代码，供大家参考，具体内容如下描述：JS——实现简单的随机3D骰子。效果：实现：html文件：<!DOCTYPE html><html lang="en"> <head> <...

2020-05-27 02:20:56

67浏览

0评论

windows实现npm和cnpm安装步骤

一、什么是npm和cnpmnpm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可...

2020-05-27 02:20:55

47浏览

0评论

js实现随机div颜色位置类似满天星效果

本文实例为大家分享了js实现随机div颜色位置的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>MTX...

2020-05-27 02:20:53

95浏览

0评论

js实现固定区域内的不重叠随机圆

本文实例为大家分享了js实现固定区域内的不重叠随机圆，供大家参考，具体内容如下关键词：js、固定区域、不重叠、随机圆，半径固定、半径随机最近公司有一个需求就是在一个固定的区...

2020-05-27 02:20:52

73浏览

0评论

js实现转动骰子模型

本文创建了一个自动随机生成骰子数的模型，因为需要引入图片这里将图片省去了，自己导入图片即可验证代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...

2020-05-27 02:20:51

73浏览

0评论

Vue可自定义tab组件用法实例

在工作中我们常常要用到tab组件，如果有用第三方组件库的话一般都会有这个组件，但如果没有使用第三方组件库，或者想要自定义tab，那么或许这个无依赖的tab组件将会极大地节约你的...

2020-05-27 02:20:50

42浏览

0评论

JS实现骰子3D旋转效果

本文实例为大家分享了JS实现骰子3D旋转效果展示的具体代码，供大家参考，具体内容如下css部分代码： .dice_box { width: 400px; height: 400px; position:relative; margin:0 aut...

2020-05-27 02:20:43

69浏览

0评论

vue项目从node8.x升级到12.x后的问题解决

开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24)1.版...

2020-05-27 02:20:42

47浏览

0评论

JS实现简单tab选项卡切换

本文实例为大家分享了JS实现简单tab选项卡切换的具体代码，供大家参考，具体内容如下本人在上一篇文章也写了用JS来实现tab选项卡切换效果，但是上次的那个代码比较复杂，这次是简化...

2020-05-27 02:20:40

83浏览

0评论

vue-next/runtime-core 源码阅读指南详解

写在前面
最近又抽时间把 vue-next/runtime-core 的源码陆陆续续地看完了，期间整理了很多笔记，但都是碎片化的。本来是想整理一下，写成一篇文章分享出来的，但是感觉最终的成果物...

2020-05-27 02:20:39

43浏览

0评论

15 分钟掌握vue-next函数式api(小结)

写在前面
在分享 vue-next 各个子模块的实现之前，我觉的有必要比较全面的整理下 vue-next 中提出的函数式 api，了解这些的话，无论是对于源码的阅读，还是当正式版发布时开始学习，...

2020-05-27 02:20:38

47浏览

0评论

vue登录以及权限验证相关的实现

关键词：前后端分离、jwt、登录、权限验证最近在做一个小应用，需要用到vue实现登录，以及给不同路由设置权限。在网上看了很多文章，讲的是乱七八糟。感叹国内技术类文章实在是差劲...

2020-05-27 02:20:36

87浏览

0评论

Nodejs实现图片上传、压缩预览、定时删除功能

前言我们程序员日常都会用到图片压缩，面对这么常用的功能，肯定要尝试实现一番。第一步，node基本配置这里我们用到的是koa框架，它可是继express框架之后又一个更富有表现力、更健...

2020-05-27 02:20:34

56浏览

0评论

Vue 用Vant实现时间选择器的示例代码

1.查看Vant官网https://youzan.github.io/vant/#/zh-CN/datetime-picker引入Vant中DatetimePicker组件（全局引入后可直接使用）
import Vue from 'vue';import { DatetimePicke...

2020-05-27 02:20:33

61浏览

0评论

详解node登录接口之密码错误限制次数(含代码)

密码次数尝试，可以有效的保护用户账户安全，有了限制之后，就算用量子计算机都束手无策。银行卡也是这种，尝试次数过多，就锁定，说不定还会自动报警。效果图实现思路数据库表设计...

2020-05-27 02:20:32

58浏览

0评论

layui点击按钮页面会自动刷新的解决方案

问题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" rel="ex...

2020-05-27 02:20:31

47浏览

0评论

layUI的验证码功能及校验实例

用layUI的伙伴一定发现了：layUI的验证码是长死图！！！没错，是死图~~~~什么倒霉框架。下面代码是canvas验证码及校验。稍微修改及可用。我嵌套到项目里的效果如图：<!DOCTYPE html><ht...

2020-05-27 02:20:30

49浏览

0评论

浅谈layui 表单元素的选中问题

layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会...

2020-05-27 02:20:28

56浏览

0评论

vue中使用element ui的弹窗与echarts之间的问题详解

今天项目中有个需求，就是在页面中点击一个图标，弹出一个抽屉式的弹窗（弹窗是element UI的抽屉），弹窗里边是echarts呈现的数据，当我直接用echarts的时候，报错dom没有获取到；这就陷入...

2020-05-27 02:20:27

41浏览

0评论

vue实现评论列表功能

具体代码如下所示：<!DOCTYPE html><html> <head> <title>简易评论列表</title> <meta charset="utf-8"> <link rel="stylesheet" href="node_modules\bootstrap\di...

2020-05-27 02:20:26

165浏览

0评论

基于Vue el-autocomplete 实现类似百度搜索框功能

效果图如下所示：首先上代码<template> <div class="assets-search height-all"> <div class="search-layout"> <div class="search-title">让数据触手可及</div>...

2020-05-27 02:20:24

64浏览

0评论

Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)

官网的demo献上在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据官网中的数据list都是写在loadAll()中的，而如果我们此时要用到mock的数据就要在此基础上对代...

2020-05-27 02:20:23

263浏览

0评论

解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题

Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面...

2020-05-27 02:20:21

52浏览

0评论

layui 解决form表单点击无反应的问题

无刷新页面再次操作form表单时，点击无效果重点来了！解决方法！需要form.render(); 代码如下：<script> layui.use('form', function(){ var form = layui.form,$ = layui.jqu...

2020-05-27 02:20:20

40浏览

0评论

微信小程序（订阅消息）功能

小程序模板消息即将被废弃掉，于是有了新接口wx.requestSubscribeMessage订阅消息文档步骤：
1、获取用户openid 、access_token
2、获取模板 ID
3、获取下发权限(api)
4、发送...

2020-05-27 02:20:18

47浏览

0评论

vue下的@change事件的实现

楼主最近在项目中实践了一下vue，期间遇到了一些坑，现在记录一下
先上代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><sc...

2020-05-27 02:20:16

58浏览

0评论

vue中@change兼容问题详解

@change问题
1. 需求描述
需求：选择日期，当日期改变，则页面相应该日期的某些事件渲染
条件：移动端 vue框架
2. 问题产生及描述
问题：兼容性差距，由于@change触发方式不同，导...

2020-05-27 02:20:14

156浏览

0评论

jquery实现购物车基本功能

购物车里的功能无非是商品数量的加减、商品删除、全选反选等操作，其实现过程如下所示：
1.html代码：<body> <div class="empty"> 购物车空空如也，<a href="javascript:void(0);"...

2020-05-27 02:20:11

49浏览

0评论

layui form表单提交后实现自动刷新

刚刚使用layui 来做东西，对这一切都不熟悉，使用一下form表单，但是，不能成功的使用。问题：1、提交表单，页面自动刷新。出现这样的情况呢，搜索了一下是因为表单的提交按钮没有type类...

2020-05-27 02:20:10

50浏览

0评论

使用layui前端框架弹出form表单以及提交的示例

第一步: 引用两个文件第二步: 点击删除按钮弹出提示框/*删除开始*/$(".del").click(function () {var id = $(this).attr("id");layer.alert('您确定要删除操作吗?', {s...

2020-05-27 02:20:09

44浏览

0评论

vue指令v-html使用过滤器filters功能实例

问题
2.0 filters only work in mustache tags and v-bind.Vue2.0 不再支持在 v-html 中使用过滤器，比如在 1.0 中是这样使用的：{{{ option.title | highlight }}}
然而，现在不...

2020-05-27 02:20:08

117浏览

0评论

vue实现弹幕功能

（1）效果如上图所示的效果，这里我们使用vue 制作。(2)使用技术 vue + vue-baberrage1.安装： npm install vue-baberrage2.引入方式一：import Vue from 'vue'import { vueBaberrage...

2020-05-27 02:20:07

47浏览

0评论

layui实现form表单同时提交数据和文件的代码

1.jsp页面·html代码<%--用户注册的弹出框--%><div id="userDiv" style="display: none;"> <form class="layui-form" id="userForm" lay-filter="deptForm" enctype="mutip...

2020-05-27 02:20:05

58浏览

0评论

详解如何在Vue项目中发送jsonp请求

起因
公司临时要支撑河南的一个项目，做一个单点登录的功能。
简单来说，就是以下3步
客户方点击某个按钮进入我们的页面a
在页面a中由前端发送一个jsonp请求到客户方，得到一个to...

2020-05-27 02:20:04

50浏览

0评论

浅谈layui 绑定form submit提交表单的注意事项

如下所示： <form method="post" class="layui-form"> <input type="text" name="name" placeholder="用户名" required lay-verify="required" class="layui-input la...

2020-05-27 02:20:03

343浏览

0评论

关于在LayUI中使用AJAX提交巨坑记录

如下所示：<script> layui.use(['layer', 'form','laydate'], function(){ var layer = layui.layer ,laydate=layui.laydate ,form = layui.form; form.on...

2020-05-27 02:20:02

49浏览

0评论

layui实现数据表格隐藏列的示例

在使用layui做数据表格的时候，插入的数据的id是不是一组连续的数字，那么就需要用到layui的cols的type属性。 table.render({ elem: '#test' ,url:'${pageContext.request.cont...

2020-05-27 02:20:01

48浏览

0评论

对layui数据表格动态cols(字段)动态变化详解

如搜索查询时，常会遇到按日期时间段查询，并显示查询的每个日期的数据，后台拼装数据此处不讨论。把表格渲染封装在函数里面，cols_arr是传入的字段数组function tableRender(cols_...

2020-05-27 02:19:59

69浏览

0评论

js前端如何写一个精确的倒计时代码

关于写倒计时大家可能都都比较熟悉，使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题，但是如果是长时间的倒计时，这样写就会不准确。如果...

2020-05-27 02:19:58

首页 «1481 148214831484 1485 »尾页

热门文章