JavaScript - 教程之家

57浏览

0评论

layer弹出层自定义提交取消按钮的例子

首先从js开始/** * 检查是否选中 */Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) {...

2020-05-27

41浏览

0评论

layui下拉框获取下拉值(select)的例子

如下所示： <script type="text/javascript"> $(document).ready(function () { layui.use('form', function(){ var form = layui.form; form.render(); form....

2020-05-27

47浏览

0评论

解决layui-open关闭自身窗口的问题

如下所示：1、这里的弹窗弹出来的是一个页面，经过了后台才弹出来的一个页面1.1、弹窗的实现1.1.1、 js 部分 function getArticleById(articleId){ var index = layer.open({...

2020-05-27

51浏览

0评论

layui导出所有数据的例子

layui自带的导出，是导出当前页的数据，以下方法是导出所有数据<button class="layui-btn layui-btn layui-btn-warm" οnclick="excl_rep()">导出</button>//导出function excl...

2020-05-27

79浏览

0评论

es6中reduce的基本使用方法

前言为啥要把es6 中 reduce 单独拿出来说呢，因为这个功能实在太骚，值得如此。
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce...

2020-05-27

52浏览

0评论

layui监听工具栏的实例(操作列表按钮)

废话不多说，直接上代码吧！<table id="demo" lay-filter="test"></table><script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">查看...

2020-05-27

114浏览

0评论

layui表格内放置图片,并点击放大的实例

我就废话不多说了，直接上代码吧！cols: [[ //表头 { field: 'brand_img_url', title: '图片', sort: true, templet: function(d){ return '<div...

2020-05-27

70浏览

0评论

js中console在一行内打印字符串和对象的方法

在前端开发中，大多数的调试一般都是F12中的console和network中查看请求数据和响应数据，也有一部分人喜欢用debugger。在开发大一些的项目时，在开发环境下，打开着控制台，切换一下...

2020-05-27

102浏览

0评论

微信小程序实现pdf、word等格式文件上传的方法

目前微信只支持从聊天记录里面获取文件一.前言
目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列...

2020-05-27

41浏览

0评论

js获取 gif 的帧数的代码实例

使用 javascript 获取 GIF 图的帧数，如果帧数过大，则不让传到服务器这里是使用一个插件： github地址为： https://github.com/buzzfeed/libgif-js<!DOCTYPE html><html> <head>...

2020-05-27

73浏览

0评论

如何通过shell脚本自动生成vue文件详解

前言最近在写nuxt项目时候每次新建页面都要去新建然后引入各种需要的依赖很是麻烦，所以想写一个脚本自动生成文件省去手动新建
现写下实现方法给大家参考Mac下可直接运行
W...

2020-05-27

76浏览

0评论

Elasticsearch实现复合查询高亮结果功能

一.Es的配置实现es的全文检索功能的第一步,首先从与es进行连接开始,这里我使用的是es的5.x java api语法.public TransportClient esClient() throws UnknownHostException{...

2020-05-27

78浏览

0评论

html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】

电脑和手机移动端都适用的jQuery拖动滑块图片拼图验证码插件，通过鼠标拖动或触屏滑动填充拼图来进行安全验证，点击刷新可以更换当前待验证的图片。HTML & css：<!DOCTYPE html><...

2020-05-27

49浏览

0评论

5分钟教你用nodeJS手写一个mock数据服务器的方法

对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动web服务器），因此本文所要描...

2020-05-27

74浏览

0评论

使用js实现一个简单的滚动条过程解析

当我们给元素加上 overflow: auto; 的时候，就会出现滚动条，然而浏览的不同，滚动条的样式大不一样，有些甚至非常丑。于是就想着自己写一个滚动条，大概需要弄清楚一下这几个点：1、滚...

2020-05-27

82浏览

0评论

js神秘的电报密码哈弗曼编码实现

这篇文章主要介绍了js神秘的电报密码哈弗曼编码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下哈夫曼编码，根据每个单...

2020-05-27

56浏览

0评论

Vue+Koa2+mongoose写一个像素绘板的实现方法

前言
GitHub： server | 前端
为什么是绘板：v2ex
作为一名前端，总会有意无意接触到 NodeJS 、有意无意会去看文档、有意无意会注意到框架，但真当需要我们需要在工作中善用它时，多...

2020-05-27

71浏览

0评论

微信提示在浏览器打开效果实现过程解析

概述大体思路是这样的：先建一个蒙版，蒙版放上提示的信息，然后写一个js，在页面打开的时候判断是不是用微信自带的浏览器打开的，如果是就打开蒙版，提示用浏览器打开.基本页面
<!DOCT...

2020-05-27

105浏览

0评论

layui给下拉框、按钮状态、时间赋初始值的方法

如下所示：<div id="add_activity"> <div style="width: 95%;height: 100%;margin: auto;"> <form class="layui-form" lay-filter="formTest"> <tabl...

2020-05-27

131浏览

0评论

浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

若是只引用jquery的话，监听单选按钮改变事件如下：<input type="radio" name="sex" checked="checked" value="1">男<input type="radio" name="sex" value="2">女$(document)....

2020-05-27

172浏览

0评论

使用layui实现的左侧菜单栏以及动态操作tab项方法

首先说一下左侧菜单栏这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是这样的：发现...

2020-05-27

60浏览

0评论

layui固定下拉框的显示条数(有滚动条)的方法

在css中加入下面代码：<style> .layui-form-select dl { max-height:200px; }</style>以上这篇layui固定下拉框的显示条数(有滚动条)的方法就是小编分享给大家的全部内容了，希...

2020-05-27

57浏览

0评论

修改layui的后台模板的左侧导航栏可以伸缩的方法

原生的左侧导航栏代码：<div class="layui-side layui-bg-black"> <div class="layui-side-scroll">  <ul class="layui...

2020-05-27

43浏览

0评论

使用layui+ajax实现简单的菜单权限管理及排序的方法

**简单的例子使用的layui框架，并没有使用他的ztree插件，只用ajax配合sql完成最简单的一二级菜单权限控制及其排序功能。先看数据库设计：**user表： role表：menu表：user_role表：role_...

2020-05-27

58浏览

0评论

Vue项目中使用better-scroll实现菜单映射功能方法

组件全部代码
<template><div class="goods">  <div class="menu-wrapper" ref="left"> <ul class="menu"> <li class="menu-item border-bottom"...

2020-05-27

79浏览

0评论

JS模拟浏览器实现全局搜索功能

需要像浏览器的全局搜索一样，搜索指定模块的对应值，然后将匹配到的内容添加背景颜色等。思路
需要取到当前指定区域的所有内容
然后在取到的内容中找到搜索的内容加上对...

2020-05-27

86浏览

0评论

layui操作列按钮个数和文字颜色的判断实例

一、达到的效果如图，通过值去判断是否需要该按钮 cols: [[ //表头 {field: 'money', title: '操作',toolbar: '#barDemos'} ]]<script type="text/html" id="barDemos"> {{#...

2020-05-27

60浏览

0评论

layer ui插件显示tips时,修改字体颜色的实现方法

今天做调查问卷，又遇到一个蛋疼小问题，记录下。调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/1、之前一直默认用的：<s...

2020-05-27

67浏览

0评论

layui实现鼠标移动到单元格上显示数据的方法

如下所示：{field : 'operNm',//title是纯文本 title : '<span title="用户姓名">用户姓名</span>',width : 150,align : 'center',//下面的是从数据库里取出来的数据 templet...

2020-05-27

70浏览

0评论

浅谈layer弹出层按钮颜色修改方法

layer弹出层有多种格式的弹出，使用方法也不细述。在弹出确认框可使用confirm或open方式在open中layer.open({ content: '确认提交？', btn: ["确认", "取消"], yes: functio...

2020-05-27

71浏览

0评论

如何实现一个简易版的vuex持久化工具

背景
最近用uni-app开发小程序项目时，部分需要持久化的内容没法像其他vuex中的state那样调用，所以想着自己实现一下类似vuex-persistedstate插件的功能，貌似代码量也不会很大初...

2020-05-27

46浏览

0评论

layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子

layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官网上下载最新版本.使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。1.界...

2020-05-27

59浏览

0评论

浅谈Vue3.0之前你必须知道的TypeScript实战技巧

很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍9个非常实用的TypeScript...

2020-05-27

65浏览

0评论

JS中封装axios来管控api的2种方式

前言:我们在开发项目的时候,往往要处理大量的接口.并且在测试环境开发环境生产环境使用的接口baseurl都不一样这时候如果在开发环境完成之后切换每一个接口的baseurl会变...

2020-05-27

44浏览

0评论

如何解决日期函数new Date()浏览器兼容性问题

项目上与时间相关的地方特别多,与时间格式相关都使用了moment.js轻量级日期处理库，在开发中出现了几次浏览器兼容性问题，所以总结一下new Date()和moment.js在各大浏览器中兼...

2020-05-27

94浏览

0评论

浅谈layer的Icon样式以及一些常用的layer窗口使用方法

本文搜集的是本人在实际开发中所用到的layer窗口，未用到的layer按钮，请参考layer官网：http://layer.layui.com/一、layer的icon样式以上样式测试代码：layer.confirm('icon测试',...

2020-05-27

91浏览

0评论

node 解析图片二维码的内容代码实例

这篇文章主要介绍了node 解析图片二维码的内容代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下const {readFile...

2020-05-27

40浏览

0评论

layer更改皮肤的实现方法

layUI的弹出层模块layer在使用时有一个skin属性skin不仅允许你传入layer内置的样式class名，还可以传入您自定义的class名。如果要改变弹出层的title样式或者背景之类的就可以...

2020-05-27

54浏览

0评论

js回溯法计算最佳旅行线路代码实例

回溯法假如有 A,B,C,D四个城市，他们之间的距离用 G[V][E] 表示，为无穷大，则表示两座城市不相通现在从计算从某一个城市出发，把所有的城市不重复旅行一次，最短路径其中G为：（Infini...

2020-05-27

36浏览

0评论

手写Vue弹窗Modal的实现代码

Vue作为最近最炙手可热的前端框架，其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性，所以他的很多开发方式就和一切基于组件的React不同，如果没有对...

2020-05-27

47浏览

0评论

layer弹出层扩展主题的方法

弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就想扩展一下。官方默认的三种：1.白蓝(默认) layer.alert('内容');//默认2.墨绿 lay...

2020-05-27

304浏览

0评论

关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

当在bootstrap的modal中使用ckeditor时，使用ckeditor中带弹框的功能时无法输入问题。解决方法：在jquery和bootstrap加载之后引入fix的js，js内容： var $modalElement = this.$el...

2020-05-27

65浏览

0评论

解决在layer.open中使用时间控件laydate失败的问题

今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：<div id="layopen"> 时...

2020-05-27

42浏览

0评论

js简单的分页器插件代码实例

这篇文章主要介绍了js简单的分页器插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下自己引入jquery插件，我的...

2020-05-27

40浏览

0评论

js图数据结构处理迪杰斯特拉算法代码实例

这篇文章主要介绍了js图数据结构处理迪杰斯特拉算法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下/*//1、确...

2020-05-27

59浏览

0评论

解决layui使用layui-icon出现默认图标的问题

最近在学习使用layui的时候碰到了一个巨诡异的问题，使用layui-icon时出现了默认图标问题，先上图：后台代码：正常情况下应该在箭头指示处有一段unicode编码才会显示图标，百度了很久...

2020-05-27

51浏览

0评论

js贪心算法钱币找零问题代码实例

给定一组硬币的面额，以及要找零的钱数，计算出符合找零钱数的最少硬币数量。例如，美国硬币面额有1、5、10、25这四种面额，如果要找36美分的零钱，则得出的最少硬币数应该是1个25美...

2020-05-27

50浏览

0评论

解决layer弹出层msg的文字不显示的问题

今天在做项目的时候，做了一个弹出层，需要提示，就写了一个 layer.msg('雅蠛蝶 O.o', { icon: 6 ,btn: ['嗷','嗷','嗷'] });可是结果却是这样...

2020-05-27

67浏览

0评论

javascript 构建模块化开发过程解析

在使用 sea.js 、require.js 、 angular 的时候。我们使用到 define 、 module（require）的方式，定义模块，和依赖模块下面给出 define 和 module 的简单实现。其本质，就是往一个...

2020-05-27

90浏览

0评论

解析vue、angular深度作用选择器

在 Vue 的开发中，我们经常会用到外部组件库，例如 element，当使用 element 组件库中的某一个组件的时，我们可能会希望有一些定制的地方，通常的做法是用CSS覆盖；有时层级不够就要另...

2020-05-27

热门文章