编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

68浏览

0评论

jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】

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

2020-05-27 14:49:40

59浏览

0评论

Vue + Webpack + Vue-loader学习教程之功能介绍篇

Vue-loader 是什么？
vue-loader 是一个加载器，能把如下格式的 Vue 组件转化成JavaScript模块。vue-loader 提供了一些非常酷炫的特性： ES2015默认可用；在每个 Vue 组件内支持...

2020-05-27 14:49:39

79浏览

0评论

canvas实现刮刮卡效果

目前在html5和css3的热潮下，html页面的效果也是层出不穷，下面我们来介绍使用canvas来模仿刮奖刮开效果。原理在需要刮出的图片或者文字上方盖上一层灰色或者其他背景的canvas...

2020-05-27 14:49:37

49浏览

0评论

Vue + Webpack + Vue-loader学习教程之相关配置篇

前言之前已经介绍过了Vue + Webpack + Vue-loader的相关功能介绍，大家可以点击这篇文章了解详情。下面就来看看相关配置篇，感兴趣的可以参考学习。使用预处理器
在 Webpack 中...

2020-05-27 14:49:36

51浏览

0评论

JS和canvas实现俄罗斯方块

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p style="font-size: 20px;">键盘箭头A,D控制左右移动，S控制快速下...

2020-05-27 14:49:35

70浏览

0评论

微信小程序在线支付功能的实现

微信小程序在线支付功能最近需要在微信小程序中用到在线支付功能，于是看了一下官方的文档，发现要在小程序里实现微信支付还是很方便的，如果你以前开发过服务号下的微信支付，那...

2020-05-27 14:49:34

114浏览

0评论

vuejs响应用户事件（如点击事件）

需求：
页面上的列表原先有3个，我们想点击一次添加一条记录，也可以在头和尾删除数据；
我们也可以删除我们想删除的任意一行记录；
如果是用传统的jquery操作，页面中js会特别多，而且操...

2020-05-27 14:49:32

48浏览

0评论

Vue 2.0+Vue-router构建一个简单的单页应用（附源码）

一、介绍vue.js 是目前最火的前端框架，vue.js 兼具 angular.js 和 react.js 的优点，并剔除它们的缺点，并且提供了很多的周边配套工具如vue-router 、vue-resource 、vuex等...

2020-05-27 14:49:28

53浏览

0评论

微信小程序动态绑定数据及动态事件处理

微信小程序动态绑定数据及动态事件处理关键核心代码<image class="midimage" data-Type="{{item.Type}}" data-BillCode="{{item.BillCode}}" data-src="{{item.imgurl}}"...

2020-05-27 14:49:27

70浏览

0评论

JavaScript ES6中export、import与export default的用法和区别

前言相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？在看他们之间的区别之前，我们先来看看它们的用法。
ES6 import和export的用法ES6之前已经...

2020-05-27 14:49:25

76浏览

0评论

微信小程序页面跳转及数据传递详解

微信小程序页面跳转及数据传递详解类似 Android 的 Intent 传值，微信小程序也一样可以传值：
例如：wxml 中写了一个函数跳转：<view class="itemWeight" catchtap="jumpToOverMis...

2020-05-27 14:49:24

48浏览

0评论

轻松理解JavaScript闭包

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

2020-05-27 14:49:23

83浏览

0评论

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

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

2020-05-27 14:49:22

77浏览

0评论

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

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

2020-05-27 14:49:21

69浏览

0评论

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

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

2020-05-27 14:49:20

74浏览

0评论

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

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

2020-05-27 14:49:19

74浏览

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 14:49:18

71浏览

0评论

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

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

2020-05-27 14:49:17

53浏览

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 14:49:15

65浏览

0评论

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

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

2020-05-27 14:49:14

56浏览

0评论

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

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

2020-05-27 14:49:13

69浏览

0评论

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

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

2020-05-27 14:49:12

71浏览

0评论

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

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

2020-05-27 14:49:10

60浏览

0评论

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

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

2020-05-27 14:49:08

92浏览

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 14:49:07

52浏览

0评论

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

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

2020-05-27 14:49:06

64浏览

0评论

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

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

2020-05-27 14:49:05

76浏览

0评论

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

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

2020-05-27 14:49:04

66浏览

0评论

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

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

2020-05-27 14:49:03

70浏览

0评论

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

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

2020-05-27 14:49:01

67浏览

0评论

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

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

2020-05-27 14:49:00

60浏览

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 14:48:59

75浏览

0评论

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

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

2020-05-27 14:48:58

56浏览

0评论

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

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

2020-05-27 14:48:57

73浏览

0评论

jQuery动态产生select option下拉列表

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

2020-05-27 14:48:54

89浏览

0评论

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

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

2020-05-27 14:48:52

102浏览

0评论

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

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

2020-05-27 14:48:51

87浏览

0评论

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

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

2020-05-27 14:48:50

90浏览

0评论

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

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

2020-05-27 14:48:49

85浏览

0评论

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

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

2020-05-27 14:48:48

122浏览

0评论

jQuery插件ContextMenu自定义图标

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

2020-05-27 14:48:47

70浏览

0评论

轻松理解JavaScript之AJAX

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

2020-05-27 14:48:46

72浏览

0评论

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

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

2020-05-27 14:48:44

65浏览

0评论

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

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

2020-05-27 14:48:43

55浏览

0评论

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

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

2020-05-27 14:48:42

76浏览

0评论

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

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

2020-05-27 14:48:41

48浏览

0评论

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

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

2020-05-27 14:48:40

67浏览

0评论

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

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

2020-05-27 14:48:39

62浏览

0评论

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

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

2020-05-27 14:48:37

77浏览

0评论

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

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

2020-05-27 14:48:35

首页 «1145 114611471148 1149 »尾页

热门文章