nodejs文件夹深层复制功能

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

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

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

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...

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

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

JavaScript Array对象基本方法详解

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

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

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

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

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

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

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

Node.js学习教程之Module模块

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

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

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

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

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

js tab栏切换代码实例解析

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

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

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

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

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

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

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

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

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

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

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

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

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

vue 自动化路由实现代码

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

Emberjs 通过 axios 下载文件的方法

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

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

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

vue路由教程之静态路由

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

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

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

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

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

layui中的switch开关实现方法

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

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

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

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

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

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

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

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

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

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

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

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

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

简单谈谈javascript高级特性

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

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

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

关于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...

JSX在render函数中的应用详解

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

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

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

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

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

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

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

Element 默认勾选表格 toggleRowSelection的实现

官网尽管提供了toggleRowSelection方法,但没有提供demo实例。
通过了解,结合vue的特殊属性ref引用到Dom元素上,再执行dom上的toggleRowSelection方法。以下通过三种不同的数据...

对layer弹出框中icon数字参数的说明介绍

前言icon参数为0,如下代码:layer.msg('请选择要编辑的机构', {icon: 0});运行结果如图: icon参数为1,如下图icon参数为2,如下图:icon参数为3,如下图:icon参数为4,如下图:icon参数为5,如...

解决layui 表单元素radio不显示渲染的问题

最近一直在使用layui,一个对程序员相对友好的前端框架,很多效果都进行了初步的封装。在使用过程中遇到最多的问题就是引用的问题,各种模板无法使用,虽然都一一百度解决。本次需...

layui 表单标签的校验方法

layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。required(必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值同时支持多条规...

layerui代码控制tab选项卡,添加,关闭的实例

废话不多说,直接上代码吧!<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com...

微信小程序官方动态自定义底部tabBar的例子

最近在做小程序的项目,由于用户需求在进入页面时进行选则角色,然后再进入小程序,这时看到的底部菜单看到的不一样,而我们都知道原生的tabBar是不支持这种做法的。在网上搜集了海...

Layui 导航默认展开和菜单栏选中高亮设置的方法

如下所示:<ul class="layui-nav layui-nav-tree custom-nav-tree" lay-filter="kitNavbar" kit-navbar> <c:if test="${title_sys eq '内容管理' }"> <li class="la...

layui实现tab的添加拒绝重复的方法

layui中tab的添加:重复添加,没有自动跳转肯定让你烦了很久吧,我也是花了很久才解决的前提是这样的:我点击不同按钮生成对应tab,而且再点击前已经有一个tab了(比如说:‘首页‘,个人需...

微信小程序实现点击卡片 翻转效果

动画效果: wxml:<view class='main'> <!--正面的框 --> <view class="box b1" animation="{{animationMain}}" bindtap='rotateFn' data-id="1" > <image src=""></imag...

微信小程序按钮点击动画效果的实现

动画效果如下:GIF看起来可能会有点卡wxml<view class="confirm bubble">确定</view>wxss.confirm{ width: 325rpx; height: 80rpx; background: #07c160; border-radius: 6rp...

微信自定义分享链接信息(标题,图片和内容)实现过程详解

网页分享到微信要怎么才能自定义标题,内容和图片呢?
需求概述
微信中可以直接转发网页链接,用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友,朋友圈,QQ等...

在layui tab控件中载入外部html页面的方法

目前,潜入外部网页的方式,主要有3种:iframe方式<div><iframe src="xxx.jsp"></iframe>ajax方式<div id=“externalHtml"></div>ajax加载数据后,直接赋予 externalHtml.innerHTML...

返回顶部
顶部