69浏览

0评论

原生js实现验证码功能

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

• 2020-05-27

79浏览

0评论

基于Vue2.0的分页组件

本文实例为大家分享了Vue2.0分页组件的具体实现代码，供大家参考，具体内容如下
整个示例打包了，有需要的可以下载，有不对的地方欢迎指出：vue分页组件组件部分代码：
Vue.component('...

• 2020-05-27

90浏览

0评论

基于JavaScript实现滑动门效果

本文实例为大家分享了滑动门效果的具体代码，供大家参考，具体内容如下滑动门效果：
原理：一共四道门，初始情况下，第一道门打开，其他三道门关闭，如第一个图所示。
假设图片的宽度是12...

• 2020-05-27

112浏览

0评论

Bootstrap免费字体和图标网站(值得收藏)

如果你正在寻找Bootstrap图标，那今天的推荐对你而言绝对非常重要！在这篇内容中，我们把这套框架上的免费字体图标做了个整合(当然，以后还会不断的更新)。正如你所知，图标字体在一...

• 2020-05-27

90浏览

0评论

JS异步加载的三种实现方式

js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不...

• 2020-05-27

84浏览

0评论

JS对象深度克隆实例分析

本文实例讲述了JS对象深度克隆。分享给大家供大家参考，具体如下：首先看一个例子：var student = { name:"yxz", age:25}var newStudent = student;newStudent.sex = "male";co...

• 2020-05-27

101浏览

0评论

JS对象的深度克隆方法示例

本文实例讲述了JS对象的深度克隆方法。分享给大家供大家参考，具体如下：js中创建的对象指向内存，所以在开发过程中，往往修改了一个对象的属性，会影响另外一个对象。尤其是在angula...

• 2020-05-27

92浏览

0评论

JSON与js对象序列化实例详解

本文实例讲述了JSON与js对象序列化。分享给大家供大家参考，具体如下：JavaScript对象表示法（JavaScript Object Notation，简称JSON）是一种轻量级的数据交换格式，它基于js字面量表示...

• 2020-05-27

83浏览

0评论

Angular使用$http.jsonp发送跨站请求的方法

本文实例讲述了Angular使用$http.jsonp发送跨站请求的方法。分享给大家供大家参考，具体如下：Angular中使用$http.jsonp发送跨站请求的实践中，遇到了下面的一些问题：1. 不是所有...

• 2020-05-27

63浏览

0评论

jquery事件与绑定事件

1.首先,我们来看一下经常使用的添加事件的方式:<input type="button" id="btn" value="click me!" onclick="shao();" /><script type="text/javascript"> function shao()...

• 2020-05-27

70浏览

0评论

jquery编写日期选择器

使用jquery做一个日期时间选择器，最好使用bootstrap弹窗实现：（1）点击文本框弹出窗口；（2）弹窗里面显示日期时间选择下拉（3）年份取当前年份前后五年（4）月份固定12个月（5）天数根据年份与月份...

• 2020-05-27

88浏览

0评论

js判断PC端与移动端跳转

在网上看到很多这样类似的代码，但是有的很复杂，或者有的没有判断完全，上次经理去见完客户回来讲，使用苹果浏览打开pc端（pc已经做了识别跳转）会自动跳转到移动端的网页去，后来经测试...

• 2020-05-27

140浏览

0评论

js实现一键复制功能

项目描述：最近做一个移动端活动页面，用户抽奖后会生成一个兑换码，为了优化用户体验，需要做一个复制按钮，能够一键复制兑换码。项目需求: 兼容移动端所有主流浏览器。并且做为安卓...

• 2020-05-27

145浏览

0评论

详解vue与后端数据交互(ajax)：vue-resource

本人对vue与后端数据交互不是很懂,搜索了很多关于vue与后端数据交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。必须引入一个库：vue-resourc...

• 2020-05-27

96浏览

0评论

javascript基本数据类型和转换

ECMAScript中有5种基本数据类型：Undefined、Null、Boolean、Number、String。还有1种复杂数据类型—Object，Object实质上是由一组无序的名值对(键值对)组成的。ECMAScript不支...

• 2020-05-27

104浏览

0评论

基于bootstrap实现收缩导航条

本文实例为大家分享了bootstrap实现收缩导航条的具体代码，供大家参考，具体内容如下效果图
贴上我的代码<!DocType html><html><head> <meta charset="utf-8"> <!--设置浏览器...

• 2020-05-27

86浏览

0评论

jquery PrintArea 实现票据的套打功能(代码)

套打就是指不打印表单上的表结构和固定的文言，只把会变化的数据打印出来，下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。1.代码<html> <head> <script type=...

• 2020-05-27

85浏览

0评论

使用jquery datatable和bootsrap创建表格实例代码

使用jquery-datatable插件
bootstrap前端框架
json
一.创建demo.html代码块代码块语法遵循标准markdown代码，例如：<%@ page language="java" import="java.util.*" pageEncod...

• 2020-05-27

89浏览

0评论

详解Vue.js入门环境搭建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：
1.要使用vue来开发前端框架，首先要...

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

Bootstrap下拉菜单Dropdowns的实现代码

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

• 2020-05-27

96浏览

0评论

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

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

• 2020-05-27

99浏览

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

84浏览

0评论

Bootstrap表格制作代码

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

• 2020-05-27

84浏览

0评论

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

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

• 2020-05-27

79浏览

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

84浏览

0评论

AngularJS中$http使用的简单介绍

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

Bootstrap表单制作代码

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

96浏览

0评论

js判断是否是手机页面

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

• 2020-05-27

129浏览

0评论

AngularJS路由切换实现方法分析

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

338浏览

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

89浏览

0评论

vue.js开发环境安装教程

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

74浏览

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

67浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

68浏览

0评论

node操作mysql数据库实例详解

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

81浏览

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

87浏览

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

80浏览

0评论

nodejs中模块定义实例详解

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27