JS合并两个数组的3种方法详解
这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下需要将两个数组合并成...
2020-05-27
JS实现简单随机3D骰子
本文实例为大家分享了JS实现简单随机3D骰子的具体代码，供大家参考，具体内容如下描述：JS——实现简单的随机3D骰子。效果：实现：html文件：<!DOCTYPE html><html lang="en"> <head> <...
2020-05-27
windows实现npm和cnpm安装步骤
一、什么是npm和cnpmnpm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可...
2020-05-27
js实现随机div颜色位置 类似满天星效果
本文实例为大家分享了js实现随机div颜色位置的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>MTX...
2020-05-27
js实现固定区域内的不重叠随机圆
本文实例为大家分享了js实现固定区域内的不重叠随机圆，供大家参考，具体内容如下关键词：js、固定区域、不重叠、随机圆，半径固定、半径随机最近公司有一个需求就是在一个固定的区...
2020-05-27
js实现转动骰子模型
本文创建了一个自动随机生成骰子数的模型，因为需要引入图片这里将图片省去了，自己导入图片即可验证代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...
2020-05-27
Vue可自定义tab组件用法实例
在工作中我们常常要用到tab组件，如果有用第三方组件库的话一般都会有这个组件，但如果没有使用第三方组件库，或者想要自定义tab，那么或许这个无依赖的tab组件将会极大地节约你的...
2020-05-27
JS实现骰子3D旋转效果
本文实例为大家分享了JS实现骰子3D旋转效果展示的具体代码，供大家参考，具体内容如下css部分代码： .dice_box { width: 400px; height: 400px; position:relative; margin:0 aut...
2020-05-27
vue项目从node8.x升级到12.x后的问题解决
开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24)1.版...
2020-05-27
JS实现简单tab选项卡切换
本文实例为大家分享了JS实现简单tab选项卡切换的具体代码，供大家参考，具体内容如下本人在上一篇文章也写了用JS来实现tab选项卡切换效果，但是上次的那个代码比较复杂，这次是简化...
2020-05-27
vue-next/runtime-core 源码阅读指南详解
写在前面
最近又抽时间把 vue-next/runtime-core 的源码陆陆续续地看完了，期间整理了很多笔记，但都是碎片化的。本来是想整理一下，写成一篇文章分享出来的，但是感觉最终的成果物...
2020-05-27
15 分钟掌握vue-next函数式api(小结)
写在前面
在分享 vue-next 各个子模块的实现之前，我觉的有必要比较全面的整理下 vue-next 中提出的函数式 api，了解这些的话，无论是对于源码的阅读，还是当正式版发布时开始学习，...
2020-05-27
vue登录以及权限验证相关的实现
关键词：前后端分离、jwt、登录、权限验证最近在做一个小应用，需要用到vue实现登录，以及给不同路由设置权限。在网上看了很多文章，讲的是乱七八糟。感叹国内技术类文章实在是差劲...
2020-05-27
Nodejs实现图片上传、压缩预览、定时删除功能
前言我们程序员日常都会用到图片压缩，面对这么常用的功能，肯定要尝试实现一番。第一步，node基本配置这里我们用到的是koa框架，它可是继express框架之后又一个更富有表现力、更健...
2020-05-27
Vue 用Vant实现时间选择器的示例代码
1.查看Vant官网https://youzan.github.io/vant/#/zh-CN/datetime-picker引入Vant中DatetimePicker组件（全局引入后可直接使用）
import Vue from 'vue';import { DatetimePicke...
2020-05-27
详解node登录接口之密码错误限制次数(含代码)
密码次数尝试，可以有效的保护用户账户安全，有了限制之后，就算用量子计算机都束手无策。银行卡也是这种，尝试次数过多，就锁定，说不定还会自动报警。效果图 实现思路 数据库表设计...
2020-05-27
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
layUI的验证码功能及校验实例
用layUI的伙伴一定发现了：layUI的验证码是长死图！！！没错，是死图~~~~什么倒霉框架。下面代码是canvas验证码及校验。稍微修改及可用。我嵌套到项目里的效果如图：<!DOCTYPE html><ht...
2020-05-27
浅谈layui 表单元素的选中问题
layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会...
2020-05-27
vue中使用element ui的弹窗与echarts之间的问题详解
今天项目中有个需求，就是在页面中点击一个图标，弹出一个抽屉式的弹窗（弹窗是element UI的抽屉），弹窗里边是echarts呈现的数据，当我直接用echarts的时候，报错dom没有获取到；这就陷入...
2020-05-27
vue实现评论列表功能
具体代码如下所示：<!DOCTYPE html><html> <head> <title>简易评论列表</title> <meta charset="utf-8"> <link rel="stylesheet" href="node_modules\bootstrap\di...
2020-05-27
基于Vue el-autocomplete 实现类似百度搜索框功能
效果图如下所示：首先上代码<template> <div class="assets-search height-all"> <div class="search-layout"> <div class="search-title">让数据触手可及</div>...
2020-05-27
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
官网的demo献上在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据官网中的数据list都是写在loadAll()中的，而如果我们此时要用到mock的数据就要在此基础上对代...
2020-05-27
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面...
2020-05-27
layui 解决form表单点击无反应的问题
无刷新页面再次操作form表单 时，点击无效果重点来了！解决方法！需要form.render(); 代码如下：<script> layui.use('form', function(){ var form = layui.form,$ = layui.jqu...
2020-05-27
微信小程序（订阅消息）功能
小程序模板消息即将被废弃掉，于是有了新接口wx.requestSubscribeMessage订阅消息文档步骤：
1、获取用户openid 、access_token
2、获取模板 ID
3、获取下发权限(api)
4、发送...
2020-05-27
vue下的@change事件的实现
楼主最近在项目中实践了一下vue，期间遇到了一些坑，现在记录一下
先上代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><sc...
2020-05-27
vue中@change兼容问题详解
@change问题
1. 需求描述
需求：选择日期，当日期改变，则页面相应该日期的某些事件渲染
条件： 移动端 vue框架
2. 问题产生及描述
问题： 兼容性差距，由于@change触发方式不同，导...
2020-05-27
jquery实现购物车基本功能
购物车里的功能无非是商品数量的加减、商品删除、全选反选等操作，其实现过程如下所示：
1.html代码：<body> <div class="empty"> 购物车空空如也，<a href="javascript:void(0);"...
2020-05-27
layui form表单提交后实现自动刷新
刚刚使用layui 来做东西，对这一切都不熟悉，使用一下form表单，但是，不能成功的使用。问题：1、提交表单，页面自动刷新。出现这样的情况呢，搜索了一下是因为表单的提交按钮没有type类...
2020-05-27
使用layui前端框架弹出form表单以及提交的示例
第一步: 引用两个文件第二步: 点击删除按钮弹出提示框/*删除开始*/$(".del").click(function () {var id = $(this).attr("id");layer.alert('您确定要删除操作吗?', {s...
2020-05-27
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
vue实现弹幕功能
（1）效果如上图所示的效果，这里我们使用vue 制作。(2)使用技术 vue + vue-baberrage1.安装： npm install vue-baberrage2.引入方式一：import Vue from 'vue'import { vueBaberrage...
2020-05-27
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
详解如何在Vue项目中发送jsonp请求
起因
公司临时要支撑河南的一个项目，做一个单点登录的功能。
简单来说，就是以下3步
客户方点击某个按钮进入我们的页面a
在页面a中由前端发送一个jsonp请求到客户方，得到一个to...
2020-05-27
浅谈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
关于在LayUI中使用AJAX提交巨坑记录
如下所示：<script> layui.use(['layer', 'form','laydate'], function(){ var layer = layui.layer ,laydate=layui.laydate ,form = layui.form; form.on...
2020-05-27
layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候，插入的数据的id是不是一组连续的数字，那么就需要用到layui的cols的type属性。 table.render({ elem: '#test' ,url:'${pageContext.request.cont...
2020-05-27
对layui数据表格动态cols(字段)动态变化详解
如搜索查询时，常会遇到按日期时间段查询，并显示查询的每个日期的数据，后台拼装数据此处不讨论。把表格渲染封装在函数里面，cols_arr是传入的字段数组function tableRender(cols_...
2020-05-27
js前端如何写一个精确的倒计时代码
关于写倒计时大家可能都都比较熟悉，使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题，但是如果是长时间的倒计时，这样写就会不准确。如果...
2020-05-27
使用 JavaScript 创建并下载文件(模拟点击)
先上代码/** * 创建并下载文件 * @param {String} fileName 文件名 * @param {String} content 文件内容 */function createAndDownloadFile(fileName, content) { var aTag...
2020-05-27
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
数据是用ThinkPHP5操作类型是固定4个，用layui templet - 自定义模板 方法一： {field:'type', title: '类型', width: 200, templet: '#titleTpl'} <script type="text/html" i...
2020-05-27
layui实现数据表格自定义数据项
layui是一个很适合后台开发人员用的一个前端框架,界面简洁，功能丰富。大家知道,系统一般都有数据表格及分页功能，尤其在后台管理系统之类，这类场景更是很多，layui也为我们提供了...
2020-05-27
LayUi数据表格自定义赋值方式
官方写的非常抽象，反正我是没看懂，可能还没到能看懂前端的级别自己也是百度的一开始想去实现一个用的是定义表头参数：{field: 'status', title: '状态', width: 150, templet:'...
2020-05-27
layui表格设计以及数据初始化详解
开发工具与关键技术: VisualStudio 2015 mvc数据表格，在mvc项目中很多地方都会见到，一般做mvc项目我们所写的数据表格都不用自己纯敲的，因为纯敲代码量比较大且麻烦，所以我们都...
2020-05-27
Layui数据表格之单元格编辑方式
开发工具与关键技术：VS、layui数据表格之单元格编辑layui是我们常用的一个插件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，其中有很多...
2020-05-27
javascript二维数组和对象的深拷贝与浅拷贝实例分析
本文实例讲述了javascript二维数组和对象的深拷贝与浅拷贝。分享给大家供大家参考，具体如下：这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝，1.浅拷贝： 将原对象或原...
2020-05-27
javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】
本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考，具体如下：HTML部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" con...
2020-05-27
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
因为很多使用layui插件做的表格都需要用到layui的表格编辑事件，但是编辑事件是可以随意输入值的，但是如果当我们的字段为数量的时候，又需要获取到数量传进控制器进行数据处理的...
2020-05-27
layui 解决富文本框form表单提交为空的问题
layui 解决富文本框form表单提交为空的问题一直获取不到form data这样子就可以正常提交了以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容...
2020-05-27
