JavaScript - 教程之家

47浏览

0评论

Bootstrap模态框（Modal）实现过渡效果

可以切换模态框（Modal）插件的隐藏内容：
1、通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identi...

2020-05-27

39浏览

0评论

Bootstrap面板（Panels）的简单实现代码

本文实例为大家分享了Bootstrap面板展示的具体代码，供大家参考，具体内容如下一、基本的面板html代码
<!DOCTYPE html> <html> <head> <title>Bootstrap list-group</title>...

2020-05-27

62浏览

0评论

Bootstrap下拉菜单Dropdowns的实现代码

本文实例为大家分享了Bootstrap下拉菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap-下拉菜单标题</title> <meta charset="ut...

2020-05-27

58浏览

0评论

angularJS之$http：与服务器交互示例

在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。 $http是angular中的一个核心服务，利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行...

2020-05-27

72浏览

0评论

鼠标经过出现气泡框的简单实例

今天看到一个css效果不错，转一下1. html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h...

2020-05-27

58浏览

0评论

Bootstrap表格制作代码

本文实例为大家分享了Bootstrap表格制作的具体代码，供大家参考，具体内容如下Bootstrap 支持的一些表格元素：可用于表格中的tablede 样式可用于表格中的<tr>, <th> 和 <td>html...

2020-05-27

61浏览

0评论

jQuery Ajax前后端使用JSON进行交互示例

需求：
前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端这里使用servlet的方式1、采用$.post方法
index.jsp页面<!DOCTYPE html PUBLIC...

2020-05-27

62浏览

0评论

单击按钮发送验证码,出现倒计时的简单实例

实例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org...

2020-05-27

54浏览

0评论

AngularJS中$http使用的简单介绍

在AngularJS中主要使用$http服务与远程http服务器交互，其作用类似于jquery中的$.ajax服务： $http是AngularJS的一个核心服务，利用浏览器的xmlhttprequest或者via JSONP对象与...

2020-05-27

52浏览

0评论

javascript 动态生成css代码的两种方法

javascript 动态生成css代码的两种方法有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最...

2020-05-27

92浏览

0评论

Vue.js实现一个漂亮、灵活、可复用的提示组件示例

这次的教程里，我们要把组件化进行到底！最近半年的几个项目中，都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库，都没有找到太合适的，...

2020-05-27

38浏览

0评论

使用vue.js编写蓝色拼图小游戏

之前在网上看到《蓝色拼图》这款小游戏，作者是用jquery写的。于是便考虑能不能用vue.js优雅简单的编写出来呢？Later equals never！说干就干。首先理解游戏的规则：第一关为1*1的...

2020-05-27

57浏览

0评论

Bootstrap 过渡效果Transition 模态框（Modal）

可以切换模态框（Modal）插件的隐藏内容：1、通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identif...

2020-05-27

43浏览

0评论

Bootstrap表单制作代码

本文实例为大家分享了Bootstrap表单布局的具体代码，供大家参考，具体内容如下
Bootstrap 提供了下列类型的表单布局：
垂直表单（默认）
内联表单
水平表单小妞妞做的表单实例：
<!DOCT...

2020-05-27

41浏览

0评论

Angular组件化管理实现方法分析

本文实例分析了Angular组件化管理实现方法。分享给大家供大家参考，具体如下：在做sass产品页面的时候，往往每个页面的header和footer都是一样的，还有最近我做的页面，类似datetimep...

2020-05-27

75浏览

0评论

js判断是否是手机页面

话不多说，请看代码：<script>if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) document.body.classList.add('mobile');window.addEventLi...

2020-05-27

78浏览

0评论

AngularJS路由切换实现方法分析

本文实例讲述了AngularJS路由切换实现方法。分享给大家供大家参考，具体如下：之前有在服务器端接触到angular路由切换，今天想在本地实现路由，捣鼓半天终于成功了，特把步骤整理分享...

2020-05-27

45浏览

0评论

vue2.0结合DataTable插件实现表格动态刷新的方法详解

本文实例讲述了vue2.0结合DataTable插件实现表格动态刷新的方法。分享给大家供大家参考，具体如下：产品提出的需求是这样的，很普通的一个统计server端task完成率和状态的表格，要...

2020-05-27

283浏览

0评论

jquery 手势密码插件

效果图：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--<link rel="stylesheet" href="../dist/css/danmuplayer.css" rel="ex...

2020-05-27

64浏览

0评论

vue.js开发环境安装教程

一、简介Vue.js 是什么Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只...

2020-05-27

52浏览

0评论

Nodejs基于LRU算法实现的缓存处理操作示例

本文实例讲述了Nodejs基于LRU算法实现的缓存处理操作。分享给大家供大家参考，具体如下：LRU是Least Recently Used的缩写，即最近最少使用页面置换算法，是为虚拟页式存储管理服务...

2020-05-27

45浏览

0评论

原生js编写2048小游戏

效果图：代码如下：<!DOCTYPE html><html><head> <title> 2048-game </title> <meta charset="utf-8" /> <style media="screen"> #game { display: none; position: absolute;...

2020-05-27

46浏览

0评论

Vue.js开发环境快速搭建教程

Vue.js 现在在后端、前端、微信、移动端Web非常流行，今天简单模拟Vue.js快速安装；
1.安装npm
npm 是node.js 的包管理工具, 安装流程地址：https://docs.npmjs.com/cli/instal...

2020-05-27

61浏览

0评论

超简单的Vue.js环境搭建教程

vue这个新的工具，确实能够提高效率，vue入门的精髓：(前提都是在网络连接上的情况下)1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里...

2020-05-27

51浏览

0评论

vue.js从安装到搭建过程详解

最初的时候用vue是直接下载相关文件按照以前的方法来操作的
后来发现安装好以后似乎用起来更便利，然后就开始琢磨着怎么搭起框架来，下面是过程：安装1、安装nodejs
直接网上...

2020-05-27

44浏览

0评论

node操作mysql数据库实例详解

本文实例讲述了node操作mysql数据库的方法。分享给大家供大家参考，具体如下：1、建立数据库连接：createConnection(Object)方法该方法接受一个对象作为参数，该对象有四个常用的属...

2020-05-27

51浏览

0评论

基于vue.js轮播组件vue-awesome-swiper实现轮播图

一般做移动端轮播图的时候，最常用的就是Swiper插件了，而vue.js也有一个轮播组件vue-awesome-swiper，用法跟swiper相似。1.安装vie-awesome-swipernam install vue-awesome-swip...

2020-05-27

53浏览

0评论

jQuery实现验证码功能

效果图：代码如下：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #code{ width:80px; height:30px; font...

2020-05-27

60浏览

0评论

js实现旋转木马效果

效果图：代码如下：<html class=" js csstransforms3d" lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta na...

2020-05-27

49浏览

0评论

nodejs中模块定义实例详解

本文实例讲述了nodejs中模块定义方法。分享给大家供大家参考，具体如下：1.模块定义nodejs所谓的模块就是一个文件！一个.js文件就是一个nodejs的模块,模块与文件是一一对应的，那么...

2020-05-27

67浏览

0评论

实例分析nodejs模块xml2js解析xml过程中遇到的坑

本文实例讲述了nodejs模块xml2js解析xml过程中遇到的坑。分享给大家供大家参考，具体如下：在一个项目中，用到nodejs模块xml2js解析xml，xml的数据如下：<xml><MsgId>619790655304185...

2020-05-27

38浏览

0评论

jQuery中table数据的值拷贝和拆分

在开发的过程中，经常会遇到弹出框显示前一页table列表的情况，这时候会有好多方法来来解决，有的人可能会说重新查一遍数据显示，有的人会说直接用js将值拷贝过去，然后再修改，不过现...

2020-05-27

43浏览

0评论

JSONP基础知识详解

前面的话JSONP是JSON with padding(填充式JSON或参数式JSON)的简写，是应用JSON的一种新方法，常用于务器与客户端跨源通信，在后来的Web服务中非常流行。本文将详细介绍JSONP基础...

2020-05-27

53浏览

0评论

用JavaScript和jQuery实现瀑布流

大致介绍在慕课网上学习了用原生js和jQuery实现瀑布流，在这里做个笔记用JavaScript实现基本结构：<div id="main"> <div class="box"> <div class="pic"><img src="images/1.j...

2020-05-27

48浏览

0评论

Bootstrap 网格系统布局详解

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统(Grid System)，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。一、什么是网格（Grid)?在平面设计中，...

2020-05-27

46浏览

0评论

用jQuery实现圆点图片轮播效果

图片轮播效果 :在页面的指定位置实现的图片自动的左右轮流切换展示,效果为无缝连接;点击图片左下的标签(或中间的小圆点)切换到对应的图片;点击图片的左右切换标签; 整体思...

2020-05-27

70浏览

0评论

JavaScript数据结构之链表的实现

前面楼主分别讨论了数据结构栈与队列的实现，当时所用的数据结构都是用的数组来进行实现，但是数组有的时候并不是最佳的数据结构，比如在数组中新增删除元素的时候需要将其他元素...

2020-05-27

54浏览

0评论

$.browser.msie 为空或不是对象问题的多种解决方法

'$.browser.msie' 为空或不是对象，这个是jQuery错误
出现这个错误，是因为升级了jQuery版本，从1.9以前升级到1.9以后，因为$.browser.msie在1.9以后的jQuery中不存在了，所以报错。j...

2020-05-27

65浏览

0评论

jQuery中用on绑定事件时需注意的事项

随着jQuery版本的更新，以前版本的Bind()，live()，delegate()事件可以直接被on代替，本次笔记仅以点击事件为例，主要考察了on事件的用法：一、用on监听点击事件前添加的DOM，可以正常触...

2020-05-27

50浏览

0评论

浅析bootstrap原理及优缺点

网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中...

2020-05-27

45浏览

0评论

js获取当前周、上一周、下一周日期

效果图：代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27

41浏览

0评论

nodejs中向HTTP响应传送进程的输出

废话不多说了，直接给大家贴代码了，具体代码如下所述：var spawn = require('child_process').spawn;require('http').createServer(function(req, res) { var child = spawn('ta...

2020-05-27

42浏览

0评论

nodejs中使用HTTP分块响应和定时器示例代码

在本例中，将要创建一个输出纯文本的HTTP服务器，输出的纯文本每隔一秒会新增100个用换行符分隔的时间戳。require('http').createServer(function(req, res) { res.writeHead(...

2020-05-27

56浏览

0评论

详解nodejs中的process进程

虽然node对操作系统做了很多抽象的工作，但是你还是可以直接和他交互，比如和系统中已经存在的进程进行交互，创建工作子进程。node是一个用于事件循环的线程，但是你可以在这个事件...

2020-05-27

48浏览

0评论

jQuery is not defined 错误原因与解决方法小结

通常出现这种状况有几种解决方法:1:查看是否引入jquery文件就算引入了文件了是不是通过一些整站下载器之类的软件下载的，都会出现问题，建议用迅雷到官方下载即可。2:查询路径...

2020-05-27

41浏览

0评论

深入对Vue.js $watch方法的理解

博主最近对着vue.js的官方教程在自学vue.js，博主自幼愚钝，在教程中真的是好多点都不太理解，接下来要说的这个$watch方法就是其中一个不太理解的点了。咱们先来看一下对于$watch...

2020-05-27

52浏览

0评论

js中DOM三级列表（代码分享）

效果图：代码如下：<!DOCTYPE HTML><html><head><title>联动菜单</title><meta charset="utf-8" /></head><body> <div id="category"></div> <script> /*使用 HTML DOM 的方式...

2020-05-27

42浏览

0评论

windows下vue.js开发环境搭建教程

最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教程来做，也总会出现这样那样的问题（坑啊，由于网上那些教程都是Vue.js 1.x版本的，...

2020-05-27

49浏览

0评论

基于vue的fullpage.js单页滚动插件

基于vue的fullpage.js使用方法，供大家参考，具体内容如下功能概述
可实现移动端的单页滚动效果，支持横向滚动和纵向滚动兼容性
目前还未进行大规模兼容性测试。有bug请提问至iss...

2020-05-27

41浏览

0评论

vue.js中指令Directives详解

想必喜欢前端开发的小伙伴们都或多或少接触过MVVM这个概念，说起MVVM，第一时间想到的便是angularjs，knockoutjs等已经被广泛运用的MVVM框架，之前我也没有在这方面有很多了解，最近...

2020-05-27

热门文章