JavaScript - 教程之家

63浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

52浏览

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

65浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

66浏览

0评论

jQuery动态产生select option下拉列表

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

113浏览

0评论

jQuery插件ContextMenu自定义图标

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

2020-05-27

63浏览

0评论

轻松理解JavaScript之AJAX

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

38浏览

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

44浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

54浏览

0评论

Vue中添加过渡效果的方法

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

2020-05-27

51浏览

0评论

JS实现页面打印功能

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

2020-05-27

60浏览

0评论

Vue.2.0.5过渡效果使用技巧

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

2020-05-27

56浏览

0评论

js中作用域的实例解析

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

47浏览

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

52浏览

0评论

基于Vue2.0的分页组件

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

2020-05-27

60浏览

0评论

基于JavaScript实现滑动门效果

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

53浏览

0评论

JS对象深度克隆实例分析

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

44浏览

0评论

jquery事件与绑定事件

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

2020-05-27

42浏览

0评论

jquery编写日期选择器

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

2020-05-27

45浏览

0评论

js判断PC端与移动端跳转

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

2020-05-27

91浏览

0评论

js实现一键复制功能

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

69浏览

0评论

javascript基本数据类型和转换

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

2020-05-27

57浏览

0评论

基于bootstrap实现收缩导航条

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

63浏览

0评论

详解Vue.js入门环境搭建

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

2020-05-27

热门文章