JavaScript - 教程之家

78浏览

0评论

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

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

2020-05-27

49浏览

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

47浏览

0评论

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

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

2020-05-27

53浏览

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

43浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

35浏览

0评论

vue实现评论列表功能

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

2020-05-27

155浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

250浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

35浏览

0评论

vue下的@change事件的实现

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

2020-05-27

52浏览

0评论

vue中@change兼容问题详解

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

2020-05-27

149浏览

0评论

jquery实现购物车基本功能

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

36浏览

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

108浏览

0评论

vue实现弹幕功能

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

2020-05-27

42浏览

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

55浏览

0评论

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

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

2020-05-27

39浏览

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

337浏览

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

39浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

48浏览

0评论

javascript二维数组和对象的深拷贝与浅拷贝实例分析

本文实例讲述了javascript二维数组和对象的深拷贝与浅拷贝。分享给大家供大家参考，具体如下：这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝，1.浅拷贝：将原对象或原...

2020-05-27

46浏览

0评论

javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】

本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考，具体如下：HTML部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" con...

2020-05-27

57浏览

0评论

Layui数据表格判断编辑输入的值,是否为我需要的类型详解

因为很多使用layui插件做的表格都需要用到layui的表格编辑事件，但是编辑事件是可以随意输入值的，但是如果当我们的字段为数量的时候，又需要获取到数量传进控制器进行数据处理的...

2020-05-27

39浏览

0评论

layui 解决富文本框form表单提交为空的问题

layui 解决富文本框form表单提交为空的问题一直获取不到form data这样子就可以正常提交了以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容...

2020-05-27

65浏览

0评论

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

如下所示：<script type="text/html" id="status"> {{# if(d.status === 1){ }} <span class="layui-badge layui-bg-green">正常</span> {{# } else { }...

2020-05-27

50浏览

0评论

在Layui中操作数据表格,给指定单元格添加事件示例

最近入坑Layui这个为服务端程序员量身定做的前端框架。为什么不用vue结合各种流行前端框架Element、iView啊什么，后台大哥们不会啊！！！只好我来迁就他们呢，还得一点一点儿的学起来...

2020-05-27

73浏览

0评论

layui实现给某一列加点击事件

js 渲染表格写法html页面这里需要注意的点：我对layui不是很熟练，自己总结的，如果有问题，还请指点！！！以上这篇layui实现给某一列加点击事件就是小编分享给大家的全部内容了，希望能给...

2020-05-27

55浏览

0评论

VUE兄弟组件传值操作实例分析

本文实例讲述了VUE兄弟组件传值操作。分享给大家供大家参考，具体如下：1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据2、创建一个Vue的实例，让各个兄弟共用同一...

2020-05-27

76浏览

0评论

vue-router的钩子函数用法实例分析

本文实例讲述了vue-router的钩子函数用法。分享给大家供大家参考，具体如下：vue路由钩子大致可以分为三类:1.全局钩子主要包括beforeEach和aftrEach,beforeEach函数有三个参数：...

2020-05-27

54浏览

0评论

Layui实现数据表格默认全部显示(不要分页)

啥也不说了，上段代码吧table.render({ elem: '#check-data-list' , height: 480 , title: '监测任务列表信息' , limit: Number.MAX_VALUE // 数据表格默认全部显示...

2020-05-27

65浏览

0评论

Layui 解决表格异步调用后台分页的问题

参考Layui数据表格文档可以看到三种layui表格渲染方式，项目选用第一种，采用Layui的异步数据接口方式，渲染表格并分页。按照官方写法，会报跨域错误，尝试几次，发现需要设置contentTy...

2020-05-27

65浏览

0评论

layui table 复选框跳页后再回来保持原来选中的状态示例

layui table默认跳页后不存在源页面选中的状态。如果要实现记录源页面的选中状态，需要定义一个全局变量来记录数据选中状态。1、修改table.js;layui.define(["laytpl", "layp...

2020-05-27

80浏览

0评论

Vue-Cli项目优化操作的实现

起源由Vue-Cli（2.X）生成的Vue项目中存在着首屏加载过慢，编译资源过大等问题，主要针对这些问题对项目进行相应的优化，提升项目响应速度，优化项目性能。操作
路由懒加载
在Vue-route...

2020-05-27

69浏览

0评论

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

问题描述：在IE8及以下版本时，点击label标签无法自动触发checkbox的click事件，导致无法产生希望的效果。原HTML代码： <div class="col-sm-2"> <label><input type="checkbox"...

2020-05-27

65浏览

0评论

vue 父组件通过v-model接收子组件的值的代码

具体代码如下所述：<template><div><el-select v-model="typeValue" placeholder="请选择包类型" @change='typeValChange'> <el-option v-for="item in typeData" :key="it...

2020-05-27

56浏览

0评论

vue 全局环境切换问题

前端开发经常碰到切换环境的情况，测试环境，开发环境，正式环境（以及图片环境~~）1.我们在utils中创建一个global.js文件/**@Author: faith全局常量对象create by faith 2019-10-23@...

2020-05-27

39浏览

0评论

element-ui 本地化使用教程详解

起因：用 element-ui 时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的 js 和 css 是不够的，很多功能...

2020-05-27

热门文章