JavaScript - 教程之家

160浏览

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

66浏览

0评论

js实现掷骰子小游戏

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

88浏览

0评论

js实现简单掷骰子小游戏

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

80浏览

0评论

JS实现简单随机3D骰子

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

2020-05-27

89浏览

0评论

windows实现npm和cnpm安装步骤

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

90浏览

0评论

js实现转动骰子模型

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

53浏览

0评论

JS实现骰子3D旋转效果

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

60浏览

0评论

JS实现简单tab选项卡切换

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

70浏览

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

75浏览

0评论

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

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

2020-05-27

70浏览

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

60浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

59浏览

0评论

vue实现评论列表功能

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

2020-05-27

184浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

293浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

66浏览

0评论

vue下的@change事件的实现

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

2020-05-27

77浏览

0评论

vue中@change兼容问题详解

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

2020-05-27

173浏览

0评论

jquery实现购物车基本功能

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

60浏览

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

136浏览

0评论

vue实现弹幕功能

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

2020-05-27

65浏览

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

75浏览

0评论

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

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

2020-05-27

69浏览

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

362浏览

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

67浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

91浏览

0评论

使用 JavaScript 创建并下载文件(模拟点击)

先上代码/** * 创建并下载文件 * @param {String} fileName 文件名 * @param {String} content 文件内容 */function createAndDownloadFile(fileName, content) { var aTag...

2020-05-27

82浏览

0评论

layui 数据表格根据值(1=业务,2=机构)显示中文名称示例

数据是用ThinkPHP5操作类型是固定4个，用layui templet - 自定义模板方法一： {field:'type', title: '类型', width: 200, templet: '#titleTpl'} <script type="text/html" i...

2020-05-27

58浏览

0评论

layui实现数据表格自定义数据项

layui是一个很适合后台开发人员用的一个前端框架,界面简洁，功能丰富。大家知道,系统一般都有数据表格及分页功能，尤其在后台管理系统之类，这类场景更是很多，layui也为我们提供了...

2020-05-27

66浏览

0评论

LayUi数据表格自定义赋值方式

官方写的非常抽象，反正我是没看懂，可能还没到能看懂前端的级别自己也是百度的一开始想去实现一个用的是定义表头参数：{field: 'status', title: '状态', width: 150, templet:'...

2020-05-27

90浏览

0评论

layui表格设计以及数据初始化详解

开发工具与关键技术: VisualStudio 2015 mvc数据表格，在mvc项目中很多地方都会见到，一般做mvc项目我们所写的数据表格都不用自己纯敲的，因为纯敲代码量比较大且麻烦，所以我们都...

2020-05-27

81浏览

0评论

Layui数据表格之单元格编辑方式

开发工具与关键技术：VS、layui数据表格之单元格编辑layui是我们常用的一个插件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，其中有很多...

2020-05-27

热门文章