JavaScript - 教程之家

71浏览

0评论

Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）

在写一个文件上传的功能时候，调用fs.renameSync方法错误出错代码所在如下： function upload(response,request){ console.log("upload called"); var form = new formidable....

2020-05-27

40浏览

0评论

使用命令行工具npm新创建一个vue项目的方法

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时...

2020-05-27

54浏览

0评论

node.js用fs.rename强制重命名或移动文件夹的方法

本文介绍了node.js用fs.rename强制重命名或移动文件夹的方法，首先介绍了rename的用法，具体如下：【重命名文件夹】
// rename.jsvar fs = require("fs"); // 重命名a文件夹为b...

2020-05-27

52浏览

0评论

javascript连接mysql与php通过odbc连接任意数据库的实例

脑洞大开用javascript链接mysql，2个小时总算实现了，用到了odbc，后面又想到用php链接odbc链接数据库，也实现了，就把案例放一下。注意事项：1、javascript连接mysql使用的是”new Act...

2020-05-27

41浏览

0评论

关于laydate.js加载laydate.css路径错误问题解决

前言laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活...

2020-05-27

60浏览

0评论

浅谈vue-router 路由传参的方法

路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2...

2020-05-27

42浏览

0评论

使用jQuery 操作table 完成单元格合并的实例

比较表格的内容。判断是否合并单元格：tr = $("#printPage tr").length;// 获取当前表格中tr的个数var mark = 0; //要合并的单元格数var index = 0; //起始行数/** 要合并单...

2020-05-27

54浏览

0评论

CSS3结合jQuery实现动画效果及回调函数的实例

写期末项目中，朋友提出的 idea ，当用户登录成功时欢迎用户的特效，即欢迎用户信息从底部上升到页面中，之后再退回底部。他遇到的问题是：从底部能出来提示信息，但是出来之后就下不去...

2020-05-27

49浏览

0评论

全面介绍vue 全家桶和项目实例

简介“简单却不失优雅，小巧而不乏大匠”。
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点...

2020-05-27

86浏览

0评论

Vue.js组件间的循环引用方法示例

什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下...

2020-05-27

110浏览

0评论

简单的Vue异步组件实例Demo

前言在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js 允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js 只在组件需要渲...

2020-05-27

52浏览

0评论

nodejs超出最大的调用栈错误问题

今天早上老大和我说之前项目里面的那个数据要改动，要对 mongodb 中每条记录进行 update 操作，你写个脚本跑一下吧。然后，我默默的回到电脑前，努力工作的一天又开始了。由于此表...

2020-05-27

103浏览

0评论

Vue+SpringBoot开发V部落博客管理平台

V部落是一个多用户博客管理平台，采用Vue+SpringBoot开发。演示地址： http://45.77.146.32:8081/index.html项目地址: https://github.com/lenve/VBlog 登陆页面文章列表发表...

2020-05-27

54浏览

0评论

使用nodejs+express实现简单的文件上传功能

1.建立express项目express -e nodejs-uploadfile2.下载multer中间件npm i multer or yarn multer3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并...

2020-05-27

63浏览

0评论

Angular实现的日程表功能【可添加及隐藏显示内容】

本文实例讲述了Angular实现的日程表功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2020-05-27

45浏览

0评论

Angular实现点击按钮后在上方显示输入内容的方法

本文实例讲述了Angular实现点击按钮后在上方显示输入内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <met...

2020-05-27

60浏览

0评论

Angular实现的简单查询天气预报功能示例

本文实例讲述了Angular实现的简单查询天气预报功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <s...

2020-05-27

96浏览

0评论

Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解

一、Vue的实例 1.1、创建一个 Vue 的实例每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模型，Vue 的设计无...

2020-05-27

69浏览

0评论

js判断节假日实例代码

效果展示：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery.min.js" type="t...

2020-05-27

39浏览

0评论

JS实现留言板功能[楼层效果展示]

功能实现：
1.发布人和发布内容非空校验
2.编辑删除功能
3.楼层效果展示
4.发布时间展示效果图目录 tools.js时间工具包function getTime(){ var weeks = ["星期日","星...

2020-05-27

312浏览

0评论

nodejs实现OAuth2.0授权服务认证

OAuth是一种开发授权的网络标准，全拼为open authorization，即开放式授权，最新的协议版本是2.0。举个栗子：有一个"云冲印"的网站，可以将用户储存在Google的照片，冲印出来。用户为了...

2020-05-27

70浏览

0评论

webpack搭建vue 项目的步骤

前期准备 webpack vue.js npm nodejs ES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：创建项目mkdir vue-demo cd vue...

2020-05-27

40浏览

0评论

vue实现文章内容过长点击阅读全文功能的实例

直接上代码：html:<div class="bodyFont clearfloat" id="bodyFont" ref="bodyFont" :class="{bodyHeight:contentStatus}"> <div v-html="content"></div></div><div class=...

2020-05-27

57浏览

0评论

vue获取dom元素注意事项

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) },methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } }vue...

2020-05-27

58浏览

0评论

js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)

如下所示：function formatDate(date,fmt) { if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(4-RegExp.$1.length)); } let o = { 'M+':...

2020-05-27

86浏览

0评论

在nginx上部署vue项目(history模式)的方法

vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的histo...

2020-05-27

83浏览

0评论

JavaScript实现元素滚动条到达一定位置循环追加内容

如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body{background-color: #eee;}#contents{margin:3...

2020-05-27

69浏览

0评论

JS实现带动画的回到顶部效果

本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码，供大家参考，具体内容如下
实现功能：滚动到页面某一个高度的时候，回到顶部按钮出现。点击之后回到网页顶部，按钮隐藏...

2020-05-27

54浏览

0评论

ionic3实战教程之随机布局瀑布流的实现方法

前言最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊!ionic项目提供了一套丰富的图标库，在ionic3中也进行了升级。
公司的一个项目中由于要用到一个瀑布流的特效...

2020-05-27

108浏览

0评论

详解如何优雅地在React项目中使用Redux

前言或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处，本文不会安利大家使用Redux概念首先我们会用到哪些框架和工具呢？ReactUI框架Redux状态管理工具，与Reac...

2020-05-27

42浏览

0评论

JavaScript实现数值自动增加动画

JS实现数值自动增加动画，效果图如下：话不多说，直接上代码，注释比较详细。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数字自动增加</title> </head>...

2020-05-27

83浏览

0评论

swiper自定义分页器使用方法详解

本文实例为大家分享了swiper自定义分页器使用的具体代码，供大家参考，具体内容如下解决问题：不想使用swiper的自带的圆钮式的分页器，想使用自定义的分页器。
解决方案：利用swiper...

2020-05-27

49浏览

0评论

Swiper自定义分页器使用详解

Swiper自定义分页，供大家参考，具体内容如下最终实现效果图：HTML DEMO（官网例子）<link rel="stylesheet" href="path/to/swiper.min.css"><div class="swiper-container"> <div cl...

2020-05-27

75浏览

0评论

基于Swiper实现移动端页面图片轮播效果

使用Swiper开发移动端页面，轻松实现图片的轮播。swiper1.主要包含模块：
swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过渡））
container：指...

2020-05-27

74浏览

0评论

Vue组件通信之Bus的具体使用

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。
在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是：因为...

2020-05-27

70浏览

0评论

swiper移动端轮播插件（触碰图片之后停止轮播）

本文实例为大家分享了swiper移动端轮播插件，供大家参考，具体内容如下下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了...

2020-05-27

92浏览

0评论

swiper插件自定义切换箭头按钮

不知道大家在使用swiper时有没有遇到这样一种需求，swiper插件自定义切换箭头按钮，话不多说，直接上gif。也就是需要把左右切换的箭头移到容器的外面，自定义箭头的样式。
给swipe...

2020-05-27

59浏览

0评论

vue+swiper实现侧滑菜单效果

本文实例为大家分享了vue swiper实现侧滑菜单效果的具体代码，供大家参考，具体内容如下先上效果图：这个左右滑动以及上下滑动主要使用了Swiper的轮播功能，首先是该自定义组件的代...

2020-05-27

61浏览

0评论

Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

本文实例讲述了Angular实现的自定义模糊查询、排序及三角箭头标注功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head>...

2020-05-27

90浏览

0评论

Angular实现的简单定时器功能示例

本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn Angula...

2020-05-27

86浏览

0评论

JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)

JS实现延迟隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>延迟隐藏</title> <style> #div1{ width:100px; height:100px; background:yello...

QQ

2020-05-27

45浏览

0评论

JavaScript判断变量名是否存在数组中的实例

直接上代码：JavaScript代码：var array=[{name:"张珊",sex:"男"}]; console.log(array); if(array[0].name){ console.log('name');//返回name } if(array[0].size){ console...

2020-05-27

49浏览

0评论

基于substring()和substr()的使用以及区别(实例讲解)

在JavaScript中，通常会用到截取，那所谓截取呢，其实就是要获得被截取元素的某个位置到某个位置的内容，那么JS给我提供了substring和substr这两种方法：这两种截取的方式有什么区别...

2020-05-27

78浏览

0评论

bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求那）的蛋疼需求，硬...

2020-05-27

50浏览

0评论

JS实现简单的浮动碰撞效果示例

本文实例讲述了JS实现简单的浮动碰撞效果。分享给大家供大家参考，具体如下：<html><head><meta charset="UTF-8"><title>www.freexyz.cn JS碰撞效果</title><script language="ja...

2020-05-27

62浏览

0评论

JS控制鼠标拒绝点击某一按钮的实例

JS控制按钮禁止被选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ document.getElemen...

2020-05-27

79浏览

0评论

JS计算距当前时间的时间差实例

如下所示：/** * JS获取距当前时间差 * * @param int time 时间戳格式 * */function get_time_diff(time) { var diff = ''; var time_diff = new Date().getTime() - time;...

2020-05-27

70浏览

0评论

js中url对象化管理分析

1.问题描述url是web编写过程中一种不可或缺的需要打交道的值,不论是在页面跳转中,还是ajax请求数据或是其他框架插件的url提供.
对于很多程序猿来说,js中经常遇到需要变更ur...

2020-05-27

66浏览

0评论

JavaScript 中使用 Generator的方法

Generator 是一种非常强力的语法，但它的使用并不广泛（参见下图 twitter 上的调查！）。为什么这样呢？相比于 async/await，它的使用更复杂，调试起来也不太容易（大多数情况又回到了从前），...

2020-05-27

74浏览

0评论

node简单实现一个更改头像功能的示例

前言一直想写这篇文章，无奈由于要考试的原因，一直在复习，拖延到现在才写🤣，之前用 node 的 express 框架写了个小项目，里面有个上传图片的功能，这里记录一下如何实现（我使用...

2020-05-27

热门文章