102浏览

0评论

layui radio点击事件实现input显示和隐藏的例子

如下所示：前端代码<link rel="stylesheet" href="/static/index/layui/css/layui.css" rel="external nofollow" ><script type="text/javascript" src="/static/index/layui...

• 2020-05-27

96浏览

0评论

layui表格分页 记录勾选的实例

layui 分页之后没有记录之前勾选项的功能 ， 自己写了一个 ， 主要点就是表格的done 函数 ，每次渲染完成之后做表格勾选操作。然后需要一个全局变量记录所有已经勾选的项 。下面...

• 2020-05-27

64浏览

0评论

Layui之table中的radio在切换分页时无法记住选中状态的解决方法

情景描述Layui数据表格中用到了表单元素radio，在当前页面选中radio状态，并同步更新到保存表格中所有的数据的数组中（获取表格中的所有数据并保存到数组中），再点击分页组件中的下...

• 2020-05-27

137浏览

0评论

layui 根据后台数据动态创建下拉框并同时默认选中的实例

第一步 form表单里写好一个下拉框<div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select id="sele...

• 2020-05-27

94浏览

0评论

JS/CSS实现字符串单词首字母大写功能

css实现：text-transform:capitalize;
JS代码一：
String.prototype.firstUpperCase = function(){ return this.replace(/\b(\w)(\w*)/g,function($0,$1,$2){ return $...

• 2020-05-27

120浏览

0评论

利用d3.js实现蜂巢图表带动画效果

以上是效果图，本图表使用d3.js v4制作。图表主要功能是在六边形格子中显示数据，点击底部图标可以切换指定格子高亮显示，图表可以随浏览器任意缩放。1.图表的主体结构是由正六...

• 2020-05-27

58浏览

0评论

JavaScript创建、读取和删除cookie

Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用 Cookie 保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应...

• 2020-05-27

319浏览

0评论

element ui分页多选,翻页记忆的实例

先说需求：实时记录当前选中的分页中的列表，分页保存数据，然后在用选中的数据进行某些操作；PS:左下角的数字为记录的当前选中的列表的和直接上可用的代码，前提已配置好各种环境HTM...

• 2020-05-27

120浏览

0评论

Layui Table js 模拟选中checkbox的例子

思路，根据 data-index 找到 点击到的tr,获取tr下的 div，js 模拟点击function iniTable(){ layui.use('table', function(){ var table = layui.table; //展示已知数...

• 2020-05-27

223浏览

0评论

解决Layui中layer报错的问题

问题描述：Uncaught ReferenceError: layer is not defined解决方法，查看网上说名，是非独立版导致直接使用layer导致，只需要在使用时加一说明，申明一下使用。layui.use(['element'...

• 2020-05-27

80浏览

0评论

Layui 动态禁止select下拉的例子

author：咔咔wechat：fangkangfk前端代码js代码// 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ layer.msg('一级分类...

• 2020-05-27

499浏览

0评论

layui 点击重置按钮, select 并没有被重置的解决方法

如下所示： 点击重置时，输入框被重置为空，而账号 select元素并没有被重置。 // 重置事件 $("#reset").click(function () { $("#searchContent").val(""); $("#selectKey...

• 2020-05-27

54浏览

0评论

nodejs文件夹深层复制功能

前段时间接到领导要求，运营那边会时不时的给我一些.html文件，让我呢把里面的某些东西给解析出来插入到数据库。本来就是解析dom元素，然后插入，可是有点麻烦的是运营给我的文件都...

• 2020-05-27

170浏览

0评论

Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法

fs模块.js：/* 1. fs.stat 检测是文件还是目录(目录 文件是否存在) 2. fs.mkdir 创建目录 （创建之前先判断是否存在） 3. fs.writeFile 写入文件(文件不存在就创建,但不能创建...

• 2020-05-27

272浏览

0评论

layui 实现自动选择radio单选框(checked)的方法

HTML表单：<div class="layui-form-item"> <label class="layui-form-label">消息通知</label> <div class="layui-input-block"> <input name="is_notice" value="1" t...

• 2020-05-27

67浏览

0评论

微信小程序通过一个json实现分享朋友圈图片

写在前面
最近在做小程序，发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多，写起来也比较繁琐，也没有找到类似组件，所以就自己动手写了一个。
演示左侧是 canvasdrawer...

• 2020-05-27

59浏览

0评论

JavaScript Array对象基本方法详解

昨天出去前端面试又失败，期间问了个有关于数组对象的问题，下面就这类问题总结下JavaScript常用的数组操作方法。一、何为数组（Array）对象数组对象是使用单独的变量名来存储一系...

• 2020-05-27

44浏览

0评论

layui radio单选限制下一个radio单选的实例

本demo的效果是单选框一有a和b两个选项按钮，单选框二有q和w两个选项按钮，选中a，使得q不可选，w选中；选中b，使得w不可选，q选中下面是完整的代码，需要引入layui.js，layui.css<!DOCTYPE h...

• 2020-05-27

76浏览

0评论

微信小程序拼接图片链接无底洞深入探究

背景
由于小程序包大小限制，我们一般都会将icon存放到cdn上。现在的开发流程需要在开发测试环境下图片使用开发域名，线上使用生产域名。
问题重现
在小程序onLaunch的时候读取...

• 2020-05-27

139浏览

0评论

vue动态绘制四分之三圆环图效果

参照网上的一个案例“参照的为绘制的是一个动态的圆环”，现在我的需求是改编成四分之三的圆环
实现效果：样式展示 canvas绘图基本操作设置就可以参考源代码链接：原文：https://ww...

• 2020-05-27

107浏览

0评论

Node.js学习教程之Module模块

前言采用了 Commonjs 规范，通过 module.exports、require 来导出和导入模块。模块加载机制中，采用了延迟加载的策略。就是说在用到的情况下，系统模块才会被加载，等加载完成后会...

• 2020-05-27

67浏览

0评论

解决layui 三级联动下拉框更新时回显的问题

最近接触layui，比较简洁美观的一款ui，但也有很多小坑，记录一下实现省市区下拉三级联动更新回显的问题 <%--监听省份选择 --%> form.on('select(uprovinceId)', function(data){...

• 2020-05-27

148浏览

0评论

纯异步nodejs文件夹(目录)复制功能

node.js 复制文件夹思路:1、callback 驱动2、递归所有需要复制文件3、在一定阀值下并发复制文件var async = require("async"); var fs = require("fs"); var path = requir...

• 2020-05-27

73浏览

0评论

js tab栏切换代码实例解析

今天机试有个内容是做网易云课堂tab栏切换的，如下先简单说下我当时的想法1.先弄一个大div盒子，我命名为tab2.在大盒子tab里面有两个小盒子，分别是标题栏（tab_list）和内容栏（tab_co...

• 2020-05-27

119浏览

0评论

NodeJS 文件夹拷贝以及删除功能

文件夹拷贝
function CopyDirectory(src, dest) { if (IsFileExist(dest) == false) { fs.mkdirSync(dest); } if (fs.existsSync(src) == false) { return false;...

• 2020-05-27

85浏览

0评论

JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】

本文实例讲述了JavaScript实现的自动生成 年月范围 选择功能。分享给大家供大家参考，具体如下：近日做项目涉及到日期选择，为了用户界面友好，于是加入了一年内的年月段的查询功能...

• 2020-05-27

124浏览

0评论

JavaScript 预解析的4种实现方法解析

预解析:在当前作用域下，js运行之前，会把带有var和function关键字声明的变量先声明，并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。不多说，，直接...

• 2020-05-27

93浏览

0评论

Webpack中loader打包各种文件的方法实例

前言使用webpack时，在main.js文件中直接使用如下代码导入了style.css文件，控制台中显示如下错误：You may need an appropriate loader to handle this file type, currently no...

• 2020-05-27

61浏览

0评论

JS秒杀倒计时功能完整实例【使用jQuery3.1.1】

本文实例讲述了JS秒杀倒计时功能。分享给大家供大家参考，具体如下：代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body onload="miaosha...

• 2020-05-27

67浏览

0评论

vue中npm包全局安装和局部安装过程

全局安装是将npm包安装在你的node安装目录下的node_modules文件夹中。在windows和mac中，全局安装的默认路径是不同的。在mac中默认是安装到 /usr/locla/lib 中。在windows默...

• 2020-05-27

102浏览

0评论

vue 自动化路由实现代码

1.需求描述在写vue的项目中，一般情况下我们每添加一个新页面都得添加一个新路由。为此我们在项目中会专门的一个文件夹来管理路由，如下图所示那么有没有一种方案，能够实现我们...

• 2020-05-27

103浏览

0评论

Emberjs 通过 axios 下载文件的方法

摘要： 目前项目中需要与后端合作，通过发送 GET 请求，后端返回文件流，前端进行文件的下载。使用到的技术有： Emberjs axios思路接到这个需求的话，想着使用创建 a 链接，然后模拟点...

• 2020-05-27

144浏览

0评论

多个vue子路由文件自动化合并的方法

1. 目录结构
废话不多说，直接上图。
目录结构，如下图所示2. 代码编写位置
在router目录下面的index.js文件中写入以下代码
import Vue from 'vue'import Router from 'vue-rou...

• 2020-05-27

115浏览

0评论

vue路由教程之静态路由

前言vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则...

• 2020-05-27

162浏览

0评论

js获取浏览器地址（获取第1个斜杠后的内容）

前言
获取浏览器的地址进行分割，真是再项目中经常用到，这个案例是获取浏览器地址后，获得第一个斜杠后的值,然后用真实域名 拼接截取后的值。这里用到的知识点主要有：正则表达式，...

• 2020-05-27

71浏览

0评论

微信小程序表单验证插件WxValidate的二次封装功能（终极版）

微信小程序表单验证前面的两篇文章做的效果总感觉都有点不太友好，第一篇里的效果是将错误信息通过对话框形式弹出来，这种形式在web形式下早已经淘汰了；第二篇是一次性全部显示...

• 2020-05-27

260浏览

0评论

layui中的switch开关实现方法

效果如下图：显然这个插件是一个checkbox，只是在layui中封装了。所以layui的js和css是必不可少的。Html代码：<form class="layui-form" action=""> <div class="layui-form-item...

• 2020-05-27

126浏览

0评论

Vue使用Clipboard.JS在h5页面中复制内容实例详解

安装clipboard.js
github路径:https://github.com/zenorocha/clipboard.js
安装：
npm install clipboard --save引入clipboard.jsimport ClipboardJS from "clipboard";或<sc...

• 2020-05-27

172浏览

0评论

layui--js控制switch的切换方法

需求：如下所示，当【主键】选择为“T”时，【允许为空】不能选择“T”,且会自动切换为“F”;当【允许为空】选择为“T”时，判断【主键】是否为空，若为“T”，弹出提示，不予更改；首先需...

• 2020-05-27

123浏览

0评论

Layui给switch添加响应事件的例子

今天做项目时，遇到layui中的switch，需要给这个开关添加事件，也就是当你点击是会弹框提示刚开始我用传统的处理方法，直接给它添加个js事件，到最后会发现，没响应，于是我查文档，逛论坛...

• 2020-05-27

67浏览

0评论

mui js控制开关状态、修改switch开关的值方法

修改开关的值 .mui-switch:before{ font-size: 13px; position: absolute; top: 3px; right: 11px; content: attr(data-off); text-transform: uppercase; color: #...

• 2020-05-27

81浏览

0评论

解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题

最近开发一个基于mui框架的一个微信小程序，发现在使用mui框架中的switch开关的时候，想要达到联动的功能，让一个主开关控制几个子开关，发现虽然开关的颜色变了，但是开关上的小圆点...

• 2020-05-27

59浏览

0评论

在layui中使用form表单监听ajax异步验证注册的实例

今天给大家介绍的是当下很流行的框架layui中的一个小案例、就是form表单监控提交并且使用ajax异步提交验证数据。在layui中我们想使用哪个模块就要layui.use('form',functio...

• 2020-05-27

73浏览

0评论

简单谈谈javascript高级特性

js中没有class的概念，我们可以使用function来模拟。惰性载入函数例如我们通常使用以下的js代码创建ajax：function createXHR () { var xhr = null; try{ xhr = new XMLHttpRe...

• 2020-05-27

97浏览

0评论

vue本地打开build后生成的dist文件夹index.html问题

1.问题描述：
npm run build 在dist 文件生成了 index 和 static 文件夹，为什么本地打开不了，给后端就能打开？如何才能像访问 npm run dev 的地址那样访问？2.种简单方法
2.1 修改...

• 2020-05-27

119浏览

0评论

关于layui的动态图标不显示的解决方法

1.保证在正确引入layui的CSS和JS后用法如下： <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" style="display: inline-block"></i...

• 2020-05-27

57浏览

0评论

JSX在render函数中的应用详解

一.JSX简介
const element = <h1>Hello, world!</h1>;JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功...

• 2020-05-27

75浏览

0评论

解决layer图标icon不加载的问题

之前在项目中使用layer弹框感觉体验很好，这次的项目中就引入了，但是引入之后，弹出层如下图：代码：layer.msg("密码不正确！", {icon:5,time:1000});并没有显示出图标！F12查看才发现如...

• 2020-05-27

83浏览

0评论

vue-loader中引入模板预处理器的实现

vue-loader 是一个 webpack 的 loader，可以将指定格式编写的 Vue 组件转换为 JavaScript模块
同时，vue-loader 支持使用非默认语言，通过设置语言块的lang属性，就可以使用指定的...

• 2020-05-27

113浏览

0评论

使用Angular material主题定义自己的组件库的配色体系

本期为Angular系列的第一篇文章，我会从这里搭建Angular sample项目、组件库、主题、然后每个组件等。使之成为一个比较通用的组件库系列文章，目的有二：1、自己在写系列文章过程...

• 2020-05-27