JavaScript - 教程之家

57浏览

0评论

轻松理解JavaScript闭包

摘要闭包机制是JavaScript的重点和难点，本文希望能帮助大家轻松的学习闭包一、什么是闭包？闭包就是可以访问另一个函数作用域中变量的函数。下面列举出常见的闭包实现方式，以例...

2020-05-27

93浏览

0评论

JS检测数组类型的方法小结

1.instanceof　　当只有一个全局执行环境时适用，如果包含多个框架，就存在两个以上不同版本的Array构造函数，如果从一个框架向另一个框架传递数组，传入的数组与在第二个框架中原...

2020-05-27

85浏览

0评论

Node.js 中exports 和 module.exports 的区别

Node.js 中exports 和 module.exports 的区别require 用来加载代码，而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区...

2020-05-27

82浏览

0评论

基于React实现表单数据的添加和删除详解

前言最近在学习React，做了一个简单的Demo，用以自勉及和有需要的朋友们参考学习。实现功能在输入框中输入数据后，点击保存按钮，数据将会逐一显示在输入框下方，点击保存后显示的任...

2020-05-27

83浏览

0评论

利用jQuery实现一个简单的表格上下翻页效果

前言本文主要介绍的是利用jQuery实现一个简单的表格上下翻页效果，注：实现原理与轮播图相似。下面话不多说，来看看详细的实现方法吧。
html:<div class="popup day02-popup04">...

2020-05-27

87浏览

0评论

jQuery模拟窗口抖动效果

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>jQuery模拟窗口抖动</title> <style type="text/css"> input{margin-top: 20px;} .center{...

2020-05-27

84浏览

0评论

yii form 表单提交之前JS在提交按钮的验证方法

很多时候，需要对Yii表单model中的对象设置的rules进行判断，但是有的时候可能需要在提交之前就在客户端进行验证，我这边设置的方法是在提交按钮上设置监听器，如果部分内容为空（比...

2020-05-27

59浏览

0评论

js实现自定义进度条效果

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Staged progress bar</title> <style type="text/css"> *{margin:0;padding:0;} html,...

2020-05-27

77浏览

0评论

JavaScript实现审核流程状态的动态显示进度条

对于有很多流程的东西，我们希望能够根据不同的阶段，用流程条对应地进行显示，如下所示：
以上功能对应的html代码如下：<div class="col-md-12 col-lg-3"> <div class="panel pan...

2020-05-27

67浏览

0评论

javascript九宫格图片随机打乱位置的实现方法

今天就做个九宫格的简易拼图，最让我头疼的就是点击开始打乱图片位置。一开始在百度查看相关博客，走了很多弯路。最后看了众多的例子，自己写了个方法。
<script>//打乱图片方法...

2020-05-27

77浏览

0评论

nodejs+express实现文件上传下载管理网站

nodejs+express-实现文件上传下载管理的网站项目Github地址：https://github.com/qcer/updo后端：基于nodejs的express的web框架.前端：bootstrap框架+vuejs、jquery等js库功能点：...

2020-05-27

79浏览

0评论

利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层

大容量文件上传早已不是什么新鲜问题，在.net 2.0时代，HTML5也还没有问世，要实现这样的功能，要么是改web.config，要么是用flash，要么是用一些第三方控件，然而这些解决问题的方法要么...

2020-05-27

65浏览

0评论

js仿淘宝商品放大预览功能

将鼠标移动至图片区域可放大预览效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding:0; margin:...

2020-05-27

102浏览

0评论

vue.js 1.x与2.0中js实时监听input值的变化

一、vuejs 2.0中js实时监听input在2.0的版本中，vuejs把v-el 和 v-ref 合并为一个 ref 属性了，可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element 将写成这样： ref=...

2020-05-27

61浏览

0评论

jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D条状图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

2020-05-27

75浏览

0评论

字太多用...代替的方法（两种）

Jquery方法：$(function() { $(".head-pic .user-name").each(function() { var maxwidth = 4; if ($(this).text().length > maxwidth) {...

2020-05-27

83浏览

0评论

jQuery阻止移动端遮罩层后页面滚动

css代码：.ovfHiden{overflow: hidden;height: 100%;}jquery: $(".header_right").click(function(){ $('html,body').addClass('ovfHiden'); //使网页不可滚动 $(".sea...

2020-05-27

80浏览

0评论

jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D面积图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

2020-05-27

80浏览

0评论

js实现彩色条纹滚动条效果

左侧可用调色板选择条纹颜色效果图：代码如下：<!doctype html><html><head><meta charset="utf-8"><title></title><style>*{margin:0; padding:0;}@-webkit-keyframes demo{ f...

2020-05-27

77浏览

0评论

利用vue.js插入dom节点的方法

本文主要介绍的是vue.js插入dom节点的方法，下面话不多说，来看看详细的介绍吧。html代码：<div id="app"></div>js代码：var MyComponent = Vue.extend({ template: '<div>Hello Wo...

2020-05-27

65浏览

0评论

jQuery实现移动端Tab选项卡效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1...

2020-05-27

92浏览

0评论

js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解

前言在阅读本文前，相信大家应该都有所了解，在js获取键盘按下的键值有：event.keyCode、event.charCode和event.which。其中：谷歌浏览器：对event.keyCode、event.charCode和event.w...

2020-05-27

65浏览

0评论

使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能

先来看看下面实时效果演示：用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行。编辑铵钮...

2020-05-27

91浏览

0评论

jQuery动态产生select option下拉列表

但其中没有实现动态产生select option下拉列表。在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便的事情。在数据库中准备一些数据：存储过程：开发ASP.NET MVC，实...

2020-05-27

104浏览

0评论

js中的触发事件对象event.srcElement与event.target详解

介绍IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即：firefox 下的 event.target = I...

2020-05-27

109浏览

0评论

jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】

本文实例讲述了jQuery animate()实现背景色渐变效果的处理方法。分享给大家供大家参考，具体如下：jquery animate函数不能处理背景色渐变，需要使用jquery.color插件核心代码：$(fu...

2020-05-27

98浏览

0评论

JavaScript关联数组用法分析【概念、定义、遍历】

本文实例讲述了JavaScript关联数组用法。分享给大家供大家参考，具体如下：基本概念：“关联数组”是一种具有特殊索引方式的数组。不仅可以通过整数来索引它，还可以使用字符串或者...

2020-05-27

102浏览

0评论

jQuery图片瀑布流的简单实现代码

简单版的Jquery实现图片瀑布流思路，供大家参考，具体内容如下注意:本篇文章基于知道每张图片的实际尺寸的情况下
特点:列数自适应,图片宽度固定已知BUG:像本案例中的刚好5张图...

2020-05-27

97浏览

0评论

JavaScript对象引用与赋值实例详解

本文实例讲述了JavaScript对象引用与赋值。分享给大家供大家参考，具体如下：<script type="text/javascript">//例子一: 引用var myArrayRef = new Array(0,1,2); //创建数组对...

2020-05-27

136浏览

0评论

jQuery插件ContextMenu自定义图标

jQuery的ContextMenu插件使用起来非常简单（当前前提是看了我的上一篇微博，哈哈），但是想改菜单的图标，很多人又要懵圈了。因为ContextMenu插件只提供了有限的几个图标，如剪切、拷贝...

2020-05-27

80浏览

0评论

轻松理解JavaScript之AJAX

摘要AJAX技术是网页构建的必备技能之一，本文希望能帮助大家轻松的学习这项技术一、什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。...

2020-05-27

82浏览

0评论

javascript图片预览和上传（兼容IE）

本文实例为大家分享了js图片预览和上传的具体代码，供大家参考，具体内容如下var dailiApply = { change: function (evt) { evt.preventDefault(); var pic = document...

2020-05-27

73浏览

0评论

Vuex模块化实现待办事项的状态管理

前言在vue里，组件之间的作用域是独立的，父组件跟子组件之间的通讯可以通过prop属性来传参，但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件，那么A就要先告诉...

2020-05-27

62浏览

0评论

从零开始做一个pagination分页组件

开始一个组件，毫无目的的写代码是一个不好的习惯，要经历分析 => 抽象 => 实现 => 应用四个阶段。组件DEMO地址：https://github.com/CaptainLiao/zujian/tree/master/paginati...

2020-05-27

89浏览

0评论

js清除浏览器缓存的几种方法

关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票...

2020-05-27

60浏览

0评论

原生js更改css样式的两种方式

下面我给大家介绍的是原生js更改CSS样式的两种方式：1. 通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3 "的方式直接更改CSS样式。2. 先在CSS...

2020-05-27

76浏览

0评论

用nodeJS搭建本地文件服务器的几种方法小结

搭建nodejs服务器步骤:1.安装nodejs服务，node相当于apache服务器2.在自己定义的目录下新建服务器文件如 server.js
例如，我在E:\PhpProject\HTML5\websocket下创建了server.j...

2020-05-27

71浏览

0评论

JavaScript实现类似淘宝的购物车效果

前言相信大家都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理，可以添加商...

2020-05-27

90浏览

0评论

div中文字内容溢出常见的解决方法

由于文字内容的长度不确定性和页面布局的固定性，常常会遇到文字溢出的状况，有一下解决方法：1：规定文字父容器的宽高，设置超出隐藏：overflo：“hidde”-------缺点是会经常遇到最后一...

2020-05-27

77浏览

0评论

Webpack打包慢问题的完美解决方法

前言这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、sup...

2020-05-27

54浏览

0评论

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

59浏览

0评论

js实现瀑布流效果（自动生成新的内容）

当滚动条接近底部会自动生成新的内容（色块）效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{list-style...

2020-05-27

55浏览

0评论

JavaScript实现简单精致的图片左右无缝滚动效果

本文实例讲述了JavaScript实现简单精致的图片左右无缝滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

2020-05-27

69浏览

0评论

Vue中添加过渡效果的方法

关于vue的过渡效果，vue官方给的概述是这样的。
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：
1、在 CSS 过渡和动画中自动应用 class
2、...

2020-05-27

66浏览

0评论

JS实现页面打印功能

打印整个页面示例1.可直接在按钮添加调用打印方法：<input type='button' value='打印整页' onclick='javascript:window.print();' />示例2.也可调用JS方法<html><head><scri...

2020-05-27

76浏览

0评论

Vue.2.0.5过渡效果使用技巧

概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css...

2020-05-27

71浏览

0评论

js中作用域的实例解析

首先，要了解一下作用域的概念：作用--读、写，域--范围或空间。作用域：可用来进行读、写操作的范围或者空间。其次，再来看看浏览器读取js文件（script标签内的内容）的步骤。第一步：预解...

2020-05-27

92浏览

0评论

vue图片加载与显示默认图片实例代码

本文实例为大家分享了vue图片加载与显示默认图片的具体代码，供大家参考，具体内容如下HTML：<div class="content-show-img">　　<div class="show-img">　　　　<img class="def...

2020-05-27

59浏览

0评论

基于vue实现多引擎搜索及关键字提示

本文实例为大家分享了vue实现多引擎搜索及关键字提示的具体代码，供大家参考，具体内容如下关键代码：<div class="header-search"> <form id="form" action="http://m.baidu...

2020-05-27

59浏览

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

热门文章