html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
电脑和手机移动端都适用的jQuery拖动滑块图片拼图验证码插件，通过鼠标拖动或触屏滑动填充拼图来进行安全验证，点击刷新可以更换当前待验证的图片。HTML & css：<!DOCTYPE html><...
2020-05-27
5分钟教你用nodeJS手写一个mock数据服务器的方法
对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动web服务器），因此本文所要描...
2020-05-27
使用js实现一个简单的滚动条过程解析
当我们给元素加上 overflow: auto; 的时候，就会出现滚动条，然而浏览的不同，滚动条的样式大不一样，有些甚至非常丑。于是就想着自己写一个滚动条，大概需要弄清楚一下这几个点：1、滚...
2020-05-27
js神秘的电报密码 哈弗曼编码实现
这篇文章主要介绍了js神秘的电报密码 哈弗曼编码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下哈夫曼编码，根据每个单...
2020-05-27
Vue+Koa2+mongoose写一个像素绘板的实现方法
前言
GitHub： server | 前端
为什么是绘板：v2ex
作为一名前端，总会有意无意接触到 NodeJS 、有意无意会去看文档、有意无意会注意到框架，但真当需要我们需要在工作中善用它时，多...
2020-05-27
微信提示 在浏览器打开 效果实现过程解析
概述大体思路是这样的：先建一个蒙版，蒙版放上提示的信息，然后写一个js，在页面打开的时候判断是不是用微信自带的浏览器打开的，如果是就打开蒙版，提示用浏览器打开.基本页面
<!DOCT...
2020-05-27
layui给下拉框、按钮状态、时间赋初始值的方法
如下所示：<!--弹框的dom结构--><div id="add_activity"> <div style="width: 95%;height: 100%;margin: auto;"> <form class="layui-form" lay-filter="formTest"> <tabl...
2020-05-27
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
若是只引用jquery的话，监听单选按钮改变事件如下：<input type="radio" name="sex" checked="checked" value="1">男<input type="radio" name="sex" value="2">女$(document)....
2020-05-27
使用layui实现的左侧菜单栏以及动态操作tab项方法
首先说一下左侧菜单栏这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是这样的：发现...
2020-05-27
layui固定下拉框的显示条数(有滚动条)的方法
在css中加入下面代码：<style> .layui-form-select dl { max-height:200px; }</style>以上这篇layui固定下拉框的显示条数(有滚动条)的方法就是小编分享给大家的全部内容了，希...
2020-05-27
修改layui的后台模板的左侧导航栏可以伸缩的方法
原生的左侧导航栏代码：<div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域（可配合layui已有的垂直导航） --> <ul class="layui...
2020-05-27
使用layui+ajax实现简单的菜单权限管理及排序的方法
**简单的例子使用的layui框架，并没有使用他的ztree插件，只用ajax配合sql完成最简单的一二级菜单权限控制及其排序功能。先看数据库设计：**user表： role表：menu表：user_role表：role_...
2020-05-27
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
JS模拟浏览器实现全局搜索功能
需要像浏览器的全局搜索一样，搜索指定模块的对应值，然后将匹配到的内容添加背景颜色等。思路
需要取到当前指定区域的所有内容
然后在取到的内容中找到搜索的内容加上对...
2020-05-27
layui操作列按钮个数和文字颜色的判断实例
一、达到的效果如图，通过值去判断是否需要该按钮 cols: [[ //表头 {field: 'money', title: '操作',toolbar: '#barDemos'} ]]<script type="text/html" id="barDemos"> {{#...
2020-05-27
layer ui插件显示tips时,修改字体颜色的实现方法
今天做调查问卷，又遇到一个蛋疼小问题，记录下。调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/1、之前一直默认用的：<s...
2020-05-27
layui实现鼠标移动到单元格上显示数据的方法
如下所示：{field : 'operNm',//title是纯文本 title : '<span title="用户姓名">用户姓名</span>',width : 150,align : 'center',//下面的是从数据库里取出来的数据 templet...
2020-05-27
浅谈layer弹出层按钮颜色修改方法
layer弹出层有多种格式的弹出，使用方法也不细述。在弹出确认框可使用confirm或open方式在open中layer.open({ content: '确认提交？', btn: ["确认", "取消"], yes: functio...
2020-05-27
如何实现一个简易版的vuex持久化工具
背景
最近用uni-app开发小程序项目时，部分需要持久化的内容没法像其他vuex中的state那样调用，所以想着自己实现一下类似vuex-persistedstate插件的功能，貌似代码量也不会很大初...
2020-05-27
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官网上下载最新版本.使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。1.界...
2020-05-27
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍9个非常实用的TypeScript...
2020-05-27
JS中封装axios来管控api的2种方式
前言:我们在开发项目的时候,往往要处理大量的接口.并且在测试环境 开发环境 生产环境使用的接口baseurl都不一样 这时候如果在开发环境完成之后切换每一个接口的baseurl会变...
2020-05-27
如何解决日期函数new Date()浏览器兼容性问题
项目上与时间相关的地方特别多,与时间格式相关都使用了moment.js轻量级日期处理库，在开发中出现了几次浏览器兼容性问题，所以总结一下new Date()和moment.js在各大浏览器中兼...
2020-05-27
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
本文搜集的是本人在实际开发中所用到的layer窗口，未用到的layer按钮，请参考layer官网：http://layer.layui.com/一、layer的icon样式以上样式测试代码：layer.confirm('icon测试',...
2020-05-27
node 解析图片二维码的内容代码实例
这篇文章主要介绍了node 解析图片二维码的内容代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下const {readFile...
2020-05-27
layer更改皮肤的实现方法
layUI的弹出层模块layer在使用时有一个skin属性skin不仅允许你传入layer内置的样式class名，还可以传入您自定义的class名。如果要改变弹出层的title样式或者背景之类的就可以...
2020-05-27
js回溯法计算最佳旅行线路代码实例
回溯法假如有 A,B,C,D四个城市，他们之间的距离用 G[V][E] 表示，为 无穷大，则表示两座城市不相通现在从计算从某一个城市出发，把所有的城市不重复旅行一次，最短路径其中G为： （Infini...
2020-05-27
手写Vue弹窗Modal的实现代码
Vue作为最近最炙手可热的前端框架，其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性，所以他的很多开发方式就和一切基于组件的React不同，如果没有对...
2020-05-27
layer弹出层扩展主题的方法
弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就想扩展一下。官方默认的三种：1.白蓝(默认) layer.alert('内容');//默认2.墨绿 lay...
2020-05-27
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
当在bootstrap的modal中使用ckeditor时，使用ckeditor中带弹框的功能时无法输入问题。解决方法：在jquery和bootstrap加载之后引入fix的js，js内容： var $modalElement = this.$el...
2020-05-27
解决在layer.open中使用时间控件laydate失败的问题
今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：<div id="layopen"> 时...
2020-05-27
js简单的分页器插件代码实例
这篇文章主要介绍了js简单的分页器插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下自己引入jquery插件，我的...
2020-05-27
js图数据结构处理 迪杰斯特拉算法代码实例
这篇文章主要介绍了js图数据结构处理 迪杰斯特拉算法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下/*//1、确...
2020-05-27
解决layui使用layui-icon出现默认图标的问题
最近在学习使用layui的时候碰到了一个巨诡异的问题，使用layui-icon时出现了默认图标问题，先上图：后台代码：正常情况下应该在箭头指示处有一段unicode编码才会显示图标，百度了很久...
2020-05-27
js贪心算法 钱币找零问题代码实例
给定一组硬币的面额，以及要找零的钱数，计算出符合找零钱数的最少硬币数量。例如，美国硬币面额有1、5、10、25这四种面额，如果要找36美分的零钱，则得出的最少硬币数应该是1个25美...
2020-05-27
解决layer弹出层msg的文字不显示的问题
今天在做项目的时候，做了一个弹出层，需要提示，就写了一个 layer.msg('雅蠛蝶 O.o', { icon: 6 ,btn: ['嗷','嗷','嗷'] });可是结果却是这样...
2020-05-27
javascript 构建模块化开发过程解析
在使用 sea.js 、require.js 、 angular 的时候。我们使用到 define 、 module（require） 的方式，定义模块，和依赖模块下面给出 define 和 module 的简单实现。 其本质，就是往一个...
2020-05-27
解析vue、angular深度作用选择器
在 Vue 的开发中，我们经常会用到外部组件库，例如 element，当使用 element 组件库中的某一个组件的时，我们可能会希望有一些定制的地方，通常的做法是 用CSS覆盖；有时层级不够就要另...
2020-05-27
nodejs的安装使用与npm的介绍
Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。本文详细介绍了Node.js的安装和使用。一、Node.j...
2020-05-27
js实现图片区域可点击大小随意改变(适用移动端)代码实例
实现图片区域可点击，实际上使用map是可以的，但是适配效果并不好，图片只能是固定大小的值，而且点都被写死了。在这里，我使用的js基于canvas写的一个小工具。可以圈出你需要点击的...
2020-05-27
基于jquery ajax的多文件上传进度条过程解析
这篇文章主要介绍了基于jquery ajax的多文件上传进度条过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图...
2020-05-27
如何换个角度使用VUE过滤器详解
前言过滤器在Vue中的主要用于文本格式化，如小写转大小，日期格式化等操作。官方对这个功能介绍也很简单，不过确实很简单，就一个函数而已。但最近在做两款APP时，遇到一些特殊的需求...
2020-05-27
js计算最大公约数和最小公倍数代码实例
一、计算最大公约数1、小学时候一般采用质因数分解法，一般使用短除得到结果，下面用一种最初级的方法求最大公约数function gcd2(a,b){ var result = 1; for(var i = 1;...
2020-05-27
vue中nextTick用法实例
什么是Vue.nextTick()
官方文档解释如下：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
我理解的官方文档的这句话的侧重点...
2020-05-27
node-red File读取好保存实例讲解
File节点是操作文件的节点file文件的保存拖拽 注入节点inject file节点（writes msg.payload to a file）和 debug节点到工作区，并连线设置file节点的文件路径windows如果不设置...
2020-05-27
js实现点击图片在屏幕中间弹出放大效果
js实现点击图片在屏幕中间弹出放大效果效果图点击图片后关键代码html<div> <img height="100" width="100" src="https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean...
2020-05-27
js中offset,client , scroll 三大元素知识点总结
js 元素offset,client , scroll 三大系列总结
1，element.offsetWidth : 包括 padding 和 边框2，element.clientWidth : 包括 padding ，不包含边框 ， 内容超出会溢出盒子的时候，就...
2020-05-27
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
如下所示：var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '<%=path%>/partyMember/getPartyMembersByOrgCode', //wi...
2020-05-27
浅谈layui框架自带分页和表格重载的接口解析问题
首先要了解框架分页自带的参数有哪些，特别是注意参数名称要和后台一致!**需要注意的是layui框架的数据解析格式问题，data必须是个数组对象的形式才能正常解析否则会很麻烦（亲测...
2020-05-27
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
这篇文章主要介绍了JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友...
2020-05-27
