JavaScript - 教程之家

72浏览

0评论

基于Vue的文字跑马灯组件(npm 组件包)

一、前言总结下最近工作上在移动端实现的一个跑马灯效果，最终效果如下：印象中好像HTML标签的‘marquee'的直接可以实现这个效果，不过 HTML标准中已经废弃了‘marquee'标签
既然...

2020-05-27

58浏览

0评论

js实现分页功能

本文仅为自己记录下编写过程，如有兴趣，或者疑问，请与我联系。写前背景:java开发工作经验一年，现项目为SSM框架，使用maven管理项目。需要页面查询实现分页，网上找了很多插件，单独页...

2020-05-27

54浏览

0评论

基于vue实现swipe轮播组件实例代码

项目背景
图片轮播是前端项目必有项，当前有很多效果很酷炫的轮播插件，例如Swiper。
但是当项目中的图片轮播只需要一个很简单的轮播样式，比如这样的我们引用这样一个110k的大插...

2020-05-27

67浏览

0评论

详解Vue中过度动画效果应用

一、实现动画过渡效果的几种方式实现动画必须要将要进行动画的元素利用<transition>标签进行包裹1、利用CSS样式实现过渡效果 <transition name="fade"></transition>1.v-en...

2020-05-27

64浏览

0评论

浅谈struts1 & jquery form 文件异步上传

1.概述还在用struts1？是的，在地球的没写地方，落后的生产方式还在运转(老项目).从继承org.apache.struts.action.Action，继承org.apache.struts.action.ActionForm开始吧2. 代...

2020-05-27

48浏览

0评论

Node.js操作redis实现添加查询功能

在实际开发中，免不了要操作mysql，mongodb，redis等数据存储服务器。这里先简单介绍如何操作redis。一个例子关于redis服务端的安装这里不再介绍，重点不在这里。感兴趣的可以自行...

2020-05-27

60浏览

0评论

jquery.masonry瀑布流效果

一、分别加载jquery插件与jquery.masonry插件<script src="js/jquery-1.8.1.min.js"></script><script src="js/jquery.masonry.min.js"></script>二、瀑布流局部样式代码.c...

2020-05-27

51浏览

0评论

jQuery模拟实现天猫购物车动画效果实例代码

一、功能描述： 1、点击购买按钮，模拟抛物线将物品弹到购物车里； 2、购物车添加物品后，显示+1动画；效果图如下：实现如下： 1、导入jquery相关的包：<script type="text/javascrip...

2020-05-27

70浏览

0评论

jQuery Masonry瀑布流布局神器使用详解

最近在做个网站时，其中有一部分涉及到很多图片布局，想采用比较流行的Water Flow布局。
开始的时候自己动手写的，真费事情，没有考虑检测图片大小，虽然也能达到布局效果，但是图片有...

2020-05-27

66浏览

0评论

Kotlin学习第一步 kotlin语法特性

今年 Google I/O 2017 开发者大会中，Google 宣布正式把 Kotlin 纳入 Android 程序的官方一级开发语言（First-class language），作为Android开发者，当然要逐步熟悉这门语言，第一步就...

2020-05-27

48浏览

0评论

Javascript 实现匿名递归的实例代码

递归是一种常见的编程技巧，实名递归相信大家都不陌生，但如果想要实现匿名递归呢？比如想要返回一个匿名递归函数，又或者是定义一个匿名递归函数并直接调用它，该怎样去做呢？本文将来...

2020-05-27

56浏览

0评论

基于vue实现swipe分页组件实例

项目背景图片轮播是前端项目必有项，当前有很多效果很酷炫的轮播插件，例如 Swiper 。但是当我们项目中的图片轮播只需要一个很简单的轮播样式，比如这样的
我们引用这样一个 110...

2020-05-27

58浏览

0评论

node.js操作mysql简单实例

上篇文章介绍了node.js操作redis的简单实例，这里介绍如何操作mysql。安装安装mysql模块cnpm install mysql一个例子新建一个mysql.js的文件，代码如下：连接配置1.host：主机地址（...

2020-05-27

68浏览

0评论

React-router 4 按需加载的实现方式及原理详解

React-router 4
介绍了在router4以后，如何去实现按需加载Component，在router4以前，我们是使用getComponent的的方式来实现按需加载的，router4中，getComponent方法已经被移除，下面...

2020-05-27

56浏览

0评论

node.js操作mongodb简单示例分享

前两篇文章我们介绍了nodejs操作redis和MySQL，下面简要测试一下nodejs操作mongodb：首先安装nodejs mongodbnpm install mongodb代码
var mongodb = require('mongodb');var se...

2020-05-27

48浏览

0评论

React-router中结合webpack实现按需加载实例

简要介绍：在React-router中，暴露了3个接口，如果结合webpack的code splitting，就通过切换路由实现按需加载。1.webpack的code splittingwebpack可以通过一些方法，来实现按需加载，暴...

2020-05-27

63浏览

0评论

Bootstrap实现的标签页内容切换显示效果示例

本文实例讲述了Bootstrap实现的标签页内容切换显示效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;...

2020-05-27

178浏览

0评论

slideToggle+slideup实现手机端折叠菜单效果

折叠菜单的效果，网上有很多的插件，比如bootstrap的 Collapse ，很好用也很简单，但是如果你使用的不是bootstrap框架，就会造成很多不必要的麻烦，比如默认样式被修改，代码冗余等等，一般...

2020-05-27

57浏览

0评论

AngularJs定时器$interval 和 $timeout详解

$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被...

2020-05-27

76浏览

0评论

js获取一组日期中最近连续的天数

用js获取一组日期(并把当天算入)中连续的天数，具体内容如下首先得有一组日期,比如:var arr = ['2016/02/28','2016/02/29', '2017/02/26', '2017/02/27','2017/02/28']; //日...

2020-05-27

90浏览

0评论

bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法

本文实例讲述了bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法。分享给大家供大家参考，具体如下：Bootstrap官网中，只介绍了breadcrumb的布局（如下图），未介绍使用方法，如何...

2020-05-27

48浏览

0评论

Angular 2.x学习教程之结构指令详解

结构指令是什么？
结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor 。了解 * 号语法
* 号是语法糖，用于避免使用复杂的语法...

2020-05-27

50浏览

0评论

vue-router实现webApp切换页面动画效果代码

vue-router实现webApp切换效果演示效果快速集成1.复制PageTransittion.vue到项目目录。2.修改router配置。Router.prototype.goBack = function () { this.isBack = true wi...

2020-05-27

74浏览

0评论

Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例

本文实例讲述了Bootstrap组件之下拉菜单,多级菜单及按钮布局方法。分享给大家供大家参考，具体如下：下拉菜单菜单： ,dropdown（.dropup改变这个是上显示） data-toggle="dropdown"...

2020-05-27

53浏览

0评论

Angular2学习教程之TemplateRef和ViewContainerRef详解

TemplateRef
在介绍 TemplateRef 前，我们先来了解一下 HTML 模板元素 - <template> 。模板元素是一种机制，允许包含加载页面时不渲染，但又可以随后通过 JavaScript 进行实例化...

2020-05-27

178浏览

0评论

jQuery滚动插件scrollable.js用法分析

本文实例讲述了jQuery滚动插件scrollable.js用法。分享给大家供大家参考，具体如下：Scrollable是一个灵活、轻量级用于创建滚动内容的jQuery插件。任何内容（HTML、视频、文件、...

2020-05-27

78浏览

0评论

基于VUE选择上传图片并页面显示（图片可删除）

基于VUE选择上传图片并在页面显示，图片可删除，具体内容如下demo例子：依赖文件：jqueryformHTML文本内容：<template> <div id="accident"> <div class="wrapper"> <i class="icon-p...

2020-05-27

69浏览

0评论

bootstrap+jQuery实现的动态进度条功能示例

本文实例讲述了bootstrap+jQuery实现的动态进度条功能。分享给大家供大家参考，具体如下：此款进度条实现的功能：1.利用了bootstrap的进度条组件。a.在最外层的<div>中加入class...

2020-05-27

47浏览

0评论

详解nodejs微信jssdk后端接口

写过了两个微信的页面，遇到了挺多不会的问题，当时也是自己边查资料，边实践完成了简单的需求，刚好现在有空，把之前的东西整理一遍。
与普通的手机页面不同的是，微信页面提供给你了...

2020-05-27

48浏览

0评论

AngularJS读取JSON及XML文件的方法示例

本文实例讲述了AngularJS读取JSON及XML文件的方法。分享给大家供大家参考，具体如下：<!doctype html><meta charset="UTF-8"><html ng-app='routingDemoApp'><head> <title>AJA...

2020-05-27

54浏览

0评论

AngularJS基于factory创建自定义服务的方法详解

本文实例讲述了AngularJS基于factory创建自定义服务的方法。分享给大家供大家参考，具体如下：为什么要创建自定义服务？很简单，不想让控制器显得过于“臃肿”，而且服务可复用。针...

2020-05-27

51浏览

0评论

angularjs项目的页面跳转如何实现（5种方法）

Angular页面传参有多种办法，根据不同用例，我举5种最常见的：
PS: 在实际项目中，请参照https://github.com/johnpapa/angular-styleguide优化您的代码。
1. 基于ui-router的页面跳...

2020-05-27

64浏览

0评论

JavaScript实现自动跳转文本功能

贴一段自动跳转文本的代码实现：实现代码：<html> <head> <title>文本跳转</title> <style type=text/css> body{ MARGIN-TOP: 10px; FONT-SIZE: 10p...

2020-05-27

63浏览

0评论

Angularjs 实现动态添加控件功能

实现下面这样的需求：点击增加一块数据盘，会出现数据盘选项。(1)最开始，想到原生JavaScript，jQuery (appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的...

2020-05-27

168浏览

0评论

详解Javascript获取缓存和清除缓存API

JavaScript ServiceWorker API的好处就是让web开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当...

2020-05-27

87浏览

0评论

Vue.js 中的 $watch使用方法

这两天学习了Vue.js 中的 $watch这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
github 源码 Observer, Watcher, vm 可谓 Vue 中比较重要的部分，检测数据变动后...

2020-05-27

55浏览

0评论

BootStrap中的Fontawesome 图标

终于暂时的结束了winform迎来了B/S的项目，这个需要我们自己写前端页面，要用bootstrap搭页面，本人小白，正在慢慢摸索中，主要记录遇到的问题，及解决办法。第一个，显示时间选择的控件...

2020-05-27

60浏览

0评论

vue-cli+webpack在生成的项目中使用bootstrap实例代码

在html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。脚...

2020-05-27

68浏览

0评论

给Easyui-Datebox设置隐藏或者不可用的解决方法

我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用easyui进行搭建，easyui是一...

2020-05-27

48浏览

0评论

AngularJS表单验证功能分析

本文实例讲述了AngularJS表单验证功能。分享给大家供大家参考，具体如下：在AngularJS的管辖下，每个表单form都会创建一个ngFormController的一个实例。在表单里面的每个input都...

2020-05-27

52浏览

0评论

React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：/** * Created by wuyakun on 2017/5/23. */let wxUtils = {};/** * 是否开启右上角Menu * @param open */wxUtils.optionM...

2020-05-27

47浏览

0评论

JS中去掉array中重复元素的方法

今天看了廖雪峰的js教程，看到了filter的用法。其中用它来实现去除Array中重复元素的方法在这里记录下来。Filterfilter是一个常用的操作，它用于把Array的某些元素过滤掉，然后返...

2020-05-27

55浏览

0评论

详解通过JSON数据使用VUE.JS

最近接到一个比较简单的项目，不准备使用数据库，打算用JSON数据就可以了。结合当前火热的VUE.JS进行数据渲染。尽管不打算使用数据库，可是一般的操作增删查改依旧是少不了的。如...

2020-05-27

59浏览

0评论

vue.js获取数据库数据实例代码

vue.js动态获取数据库数据(通过vue.cli和webpack搭建的环境)1.首先我先在创建一个静态的data.json文件，在static下创建json文件夹，(webpack环境下，静态的文件放在static目录下)...

2020-05-27

74浏览

0评论

详解Vue.js基于$.ajax获取数据并与组件的data绑定

Vue.js与jQuery不冲突？？？在实际的应用中，几乎90%的数据是来源于服务端的，前端和服务端之间的数据交互一般是通过ajax请求来完成的。
说到ajax请求，第一反应肯定想到了jQuery，项目...

2020-05-27

47浏览

0评论

详解vue.js的devtools安装

安装1.github下载地址：https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程执行npm install ----->npm run build.3.修改manifest.json 中的persi...

2020-05-27

73浏览

0评论

Angularjs修改密码的实例代码

修改密码逻辑思维首先要输入旧的密码，判断旧的密码是否正确（后台判断）其次输入新的密码，判断新密码格式（可增加）最后判断新密码和确认密码输入是否一致html部分<form class="form-...

2020-05-27

50浏览

0评论

mongoose中利用populate处理嵌套的方法

前言nodejs在使用mongdb数据库中经常会使用到嵌套，比如一个多级分类等。这里我使用学校-->学院-->学生来展示使用populate处理嵌套。定义modal
在模式中，我们需要使用Schema.O...

2020-05-27

53浏览

0评论

jQuery导航条固定定位效果实例代码

实现效果图：
向下滑动时，导航栏固定代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:...

2020-05-27

61浏览

0评论

基于layer.js实现收货地址弹框选择然后返回相应的地址信息

先给大家展示下效果图：

核心代码如下所示：(‘.selectaddress').click(function () {//图一联系方式中的点击事件 top.layer.open({ id: “layer_say_hello”,...

2020-05-27

热门文章