jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
本文实例讲述了jQuery animate()实现背景色渐变效果的处理方法。分享给大家供大家参考，具体如下：jquery animate函数不能处理背景色渐变，需要使用jquery.color插件核心代码：$(fu...
2020-05-27
JavaScript关联数组用法分析【概念、定义、遍历】
本文实例讲述了JavaScript关联数组用法。分享给大家供大家参考，具体如下：基本概念：“关联数组”是一种具有特殊索引方式的数组。不仅可以通过整数来索引它，还可以使用字符串或者...
2020-05-27
jQuery图片瀑布流的简单实现代码
简单版的Jquery实现图片瀑布流思路，供大家参考，具体内容如下注意:本篇文章基于知道每张图片的实际尺寸的情况下
特点:列数自适应,图片宽度固定已知BUG:像本案例中的刚好5张图...
2020-05-27
JavaScript对象引用与赋值实例详解
本文实例讲述了JavaScript对象引用与赋值。分享给大家供大家参考，具体如下：<script type="text/javascript">//例子一: 引用var myArrayRef = new Array(0,1,2); //创建数组对...
2020-05-27
jQuery插件ContextMenu自定义图标
jQuery的ContextMenu插件使用起来非常简单（当前前提是看了我的上一篇微博，哈哈），但是想改菜单的图标，很多人又要懵圈了。因为ContextMenu插件只提供了有限的几个图标，如剪切、拷贝...
2020-05-27
轻松理解JavaScript之AJAX
摘要AJAX技术是网页构建的必备技能之一，本文希望能帮助大家轻松的学习这项技术一、什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。...
2020-05-27
javascript图片预览和上传（兼容IE）
本文实例为大家分享了js图片预览和上传的具体代码，供大家参考，具体内容如下var dailiApply = { change: function (evt) { evt.preventDefault(); var pic = document...
2020-05-27
Vuex模块化实现待办事项的状态管理
前言在vue里，组件之间的作用域是独立的，父组件跟子组件之间的通讯可以通过prop属性来传参，但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件，那么A就要先告诉...
2020-05-27
从零开始做一个pagination分页组件
开始一个组件，毫无目的的写代码是一个不好的习惯，要经历 分析 => 抽象 => 实现 => 应用 四个阶段。组件DEMO地址：https://github.com/CaptainLiao/zujian/tree/master/paginati...
2020-05-27
js清除浏览器缓存的几种方法
关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票...
2020-05-27
原生js更改css样式的两种方式
下面我给大家介绍的是原生js更改CSS样式的两种方式：1. 通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3 "的方式直接更改CSS样式。2. 先在CSS...
2020-05-27
用nodeJS搭建本地文件服务器的几种方法小结
搭建nodejs服务器步骤:1.安装nodejs服务，node相当于apache服务器2.在自己定义的目录下新建服务器文件如 server.js
例如，我在E:\PhpProject\HTML5\websocket下创建了server.j...
2020-05-27
JavaScript实现类似淘宝的购物车效果
前言相信大家都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理，可以添加商...
2020-05-27
div中文字内容溢出常见的解决方法
由于文字内容的长度不确定性和页面布局的固定性，常常会遇到文字溢出的状况，有一下解决方法：1：规定文字父容器的宽高，设置超出隐藏：overflo：“hidde”-------缺点是会经常遇到最后一...
2020-05-27
Webpack打包慢问题的完美解决方法
前言这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、sup...
2020-05-27
es6的数字处理的方法（5个）
// Math.trunc方法用于去除一个数的小数部分，返回整数部分。 Math.trunc(4.1) // 4 Math.trunc(4.9) // 4 Math.trunc(-4.1) // -4 Math.trunc(-4.9) // -4 Math.trunc(NaN);...
2020-05-27
js实现瀑布流效果（自动生成新的内容）
当滚动条接近底部会自动生成新的内容（色块）效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{list-style...
2020-05-27
JavaScript实现简单精致的图片左右无缝滚动效果
本文实例讲述了JavaScript实现简单精致的图片左右无缝滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...
2020-05-27
Vue中添加过渡效果的方法
关于vue的过渡效果，vue官方给的概述是这样的。
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：
1、在 CSS 过渡和动画中自动应用 class
2、...
2020-05-27
JS实现页面打印功能
打印整个页面示例1.可直接在按钮添加调用打印方法：<input type='button' value='打印整页' onclick='javascript:window.print();' />示例2.也可调用JS方法<html><head><scri...
2020-05-27
Vue.2.0.5过渡效果使用技巧
概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css...
2020-05-27
js中作用域的实例解析
首先，要了解一下作用域的概念：作用--读、写，域--范围或空间。作用域：可用来进行读、写操作的范围或者空间。其次，再来看看浏览器读取js文件（script标签内的内容）的步骤。第一步：预解...
2020-05-27
vue图片加载与显示默认图片实例代码
本文实例为大家分享了vue图片加载与显示默认图片的具体代码，供大家参考，具体内容如下HTML：<div class="content-show-img"> <div class="show-img"> <img class="def...
2020-05-27
基于vue实现多引擎搜索及关键字提示
本文实例为大家分享了vue实现多引擎搜索及关键字提示的具体代码，供大家参考，具体内容如下关键代码：<div class="header-search"> <form id="form" action="http://m.baidu...
2020-05-27
原生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
基于Vue2.0的分页组件
本文实例为大家分享了Vue2.0分页组件的具体实现代码，供大家参考，具体内容如下
整个示例打包了，有需要的可以下载，有不对的地方欢迎指出：vue分页组件组件部分代码：
Vue.component('...
2020-05-27
基于JavaScript实现滑动门效果
本文实例为大家分享了滑动门效果的具体代码，供大家参考，具体内容如下滑动门效果：
原理：一共四道门，初始情况下，第一道门打开，其他三道门关闭，如第一个图所示。
假设图片的宽度是12...
2020-05-27
Bootstrap免费字体和图标网站(值得收藏)
如果你正在寻找Bootstrap图标，那今天的推荐对你而言绝对非常重要！在这篇内容中，我们把这套框架上的免费字体图标做了个整合(当然，以后还会不断的更新)。正如你所知，图标字体在一...
2020-05-27
JS异步加载的三种实现方式
js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不...
2020-05-27
JS对象深度克隆实例分析
本文实例讲述了JS对象深度克隆。分享给大家供大家参考，具体如下：首先看一个例子：var student = { name:"yxz", age:25}var newStudent = student;newStudent.sex = "male";co...
2020-05-27
JS对象的深度克隆方法示例
本文实例讲述了JS对象的深度克隆方法。分享给大家供大家参考，具体如下：js中创建的对象指向内存，所以在开发过程中，往往修改了一个对象的属性，会影响另外一个对象。尤其是在angula...
2020-05-27
JSON与js对象序列化实例详解
本文实例讲述了JSON与js对象序列化。分享给大家供大家参考，具体如下：JavaScript对象表示法（JavaScript Object Notation，简称JSON）是一种轻量级的数据交换格式，它基于js字面量表示...
2020-05-27
Angular使用$http.jsonp发送跨站请求的方法
本文实例讲述了Angular使用$http.jsonp发送跨站请求的方法。分享给大家供大家参考，具体如下：Angular中使用$http.jsonp发送跨站请求的实践中，遇到了下面的一些问题：1. 不是所有...
2020-05-27
jquery事件与绑定事件
1.首先,我们来看一下经常使用的添加事件的方式:<input type="button" id="btn" value="click me!" onclick="shao();" /><script type="text/javascript"> function shao()...
2020-05-27
jquery编写日期选择器
使用jquery做一个日期时间选择器，最好使用bootstrap弹窗实现：（1）点击文本框弹出窗口；（2）弹窗里面显示日期时间选择下拉（3）年份取当前年份前后五年（4）月份固定12个月（5）天数根据年份与月份...
2020-05-27
js判断PC端与移动端跳转
在网上看到很多这样类似的代码，但是有的很复杂，或者有的没有判断完全，上次经理去见完客户回来讲，使用苹果浏览打开pc端（pc已经做了识别跳转）会自动跳转到移动端的网页去，后来经测试...
2020-05-27
js实现一键复制功能
项目描述：最近做一个移动端活动页面，用户抽奖后会生成一个兑换码，为了优化用户体验，需要做一个复制按钮，能够一键复制兑换码。项目需求: 兼容移动端所有主流浏览器。并且做为安卓...
2020-05-27
详解vue与后端数据交互(ajax)：vue-resource
本人对vue与后端数据交互不是很懂,搜索了很多关于vue与后端数据交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。必须引入一个库：vue-resourc...
2020-05-27
javascript基本数据类型和转换
ECMAScript中有5种基本数据类型：Undefined、Null、Boolean、Number、String。还有1种复杂数据类型—Object，Object实质上是由一组无序的名值对(键值对)组成的。ECMAScript不支...
2020-05-27
基于bootstrap实现收缩导航条
本文实例为大家分享了bootstrap实现收缩导航条的具体代码，供大家参考，具体内容如下效果图
贴上我的代码<!DocType html><html><head> <meta charset="utf-8"> <!--设置浏览器...
2020-05-27
jquery PrintArea 实现票据的套打功能(代码)
套打就是指不打印表单上的表结构和固定的文言，只把会变化的数据打印出来，下面的例子就是不把name和name2打印出来，只把aaa和bbb打印出来。1.代码<html> <head> <script type=...
2020-05-27
使用jquery datatable和bootsrap创建表格实例代码
使用jquery-datatable插件
bootstrap前端框架
json
一.创建demo.html代码块代码块语法遵循标准markdown代码，例如：<%@ page language="java" import="java.util.*" pageEncod...
2020-05-27
详解Vue.js入门环境搭建
vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：
1.要使用vue来开发前端框架，首先要...
2020-05-27
Bootstrap模态框（Modal）实现过渡效果
可以切换模态框（Modal）插件的隐藏内容：
1、通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identi...
2020-05-27
Bootstrap面板（Panels）的简单实现代码
本文实例为大家分享了Bootstrap面板展示的具体代码，供大家参考，具体内容如下一、基本的面板html代码
<!DOCTYPE html> <html> <head> <title>Bootstrap list-group</title>...
2020-05-27
Bootstrap下拉菜单Dropdowns的实现代码
本文实例为大家分享了Bootstrap下拉菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap-下拉菜单标题</title> <meta charset="ut...
2020-05-27
angularJS之$http：与服务器交互示例
在angularJS中与远程HTTP服务器交互时会用一个非常关键的服务-$http。 $http是angular中的一个核心服务，利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行...
2020-05-27
鼠标经过出现气泡框的简单实例
今天看到一个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
Bootstrap表格制作代码
本文实例为大家分享了Bootstrap表格制作的具体代码，供大家参考，具体内容如下Bootstrap 支持的一些表格元素：可用于表格中的tablede 样式可用于表格中的<tr>, <th> 和 <td>html...
2020-05-27
jQuery Ajax前后端使用JSON进行交互示例
需求：
前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端这里使用servlet的方式1、采用$.post方法
index.jsp页面<!DOCTYPE html PUBLIC...
2020-05-27
