JavaScript - 教程之家

172浏览

0评论

Vue.js实现多条件筛选、搜索、排序及分页的表格功能

与上篇实践教程一样，在这篇文章中，我将继续从一种常见的功能——表格入手，展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比，说明各自的适用场景，也为vu...

2020-05-27

42浏览

0评论

jQuery插件echarts实现的多折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的多折线图效果。分享给大家供大家参考，具体如下：1、问题背景：设计一个折线图，折线图展示苹果、香蕉的销售量2、实现代码：<!DOCTYPE html><h...

2020-05-27

61浏览

0评论

JavaScript中最常见的三个面试题解析

前言本文不是讲述最新的JavaScript库，日常的开发实践或任何新的 ES6 函数。相反，在讨论JavaScript时，经常会在面试中出现这3个问题。我自己被问到过这些问题，我的朋友告诉我他...

2020-05-27

69浏览

0评论

jQuery插件echarts实现的单折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的单折线图效果。分享给大家供大家参考，具体如下：1、问题背景：设计一个折线图，展示一个星期内水果销售量2、实现源码：<!DOCTYPE html><html>...

2020-05-27

54浏览

0评论

js css3实现图片拖拽效果

本文实例为大家分享了css3实现图片拖拽效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style typ...

2020-05-27

42浏览

0评论

浅谈javascript的url参数parse和build函数

Parse：function getParam() { var param = new Object() var item = new Array(); if (location.search == "") { return param; }; var query = locati...

2020-05-27

45浏览

0评论

简单实现js菜单栏切换效果

分享一个小案例，实现菜单栏的切换，点击左侧边栏，展示右侧主体的页面，供大家参考，具体内容如下首先实现html页面的编写：<div id="header"></div><div id="main">  <...

2020-05-27

54浏览

0评论

jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】

本文实例讲述了jQuery插件Echarts实现的双轴图效果。分享给大家供大家参考，具体如下：1、问题描述：利用Echarts制作一个折线图，条件是：三条折线，一条代表可利用率，另外两条代表数量...

2020-05-27

100浏览

0评论

jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的多柱子柱状图效果。分享给大家供大家参考，具体如下：1、问题背景：利用ECharts制作一个多柱子柱状图，其中数据源模拟动态获取2、实现源码：<!...

2020-05-27

49浏览

0评论

php输出全部gb2312编码内的汉字方法

php输出全部gb2312编码内的汉字，$area表示分区，$pos表示分区内所在位置。<?php$fp = fopen('t.txt', 'a');for($area = 0xb0; $area <= 0xf7; $area++) for($pos = 0xa1;...

2020-05-27

59浏览

0评论

jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的循环生成图效果。分享给大家供大家参考，具体如下：1、问题背景：利用for循环生产多个气泡图，并且每个气泡都可以点击2、实现源码：<!DOCTYPE...

2020-05-27

49浏览

0评论

jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的去掉X轴、Y轴和网格线效果。分享给大家供大家参考，具体如下：1、问题背景：如何在echarts中，去掉X轴、Y轴和网格线，只留数据图形2、实现源码...

2020-05-27

64浏览

0评论

在javaScript中检测数据类型的几种方式小结

在用javaScript编程的过程中，我们经常会遇到这样一个问题，就是需要检测一个数据或变量的类型，那么在javaScript中给我们提供了哪些方法呢？网上流传的代码比比皆是，但是发现其中有...

2020-05-27

73浏览

0评论

详解在Vue中通过自定义指令获取dom元素

vue.js 是数据绑定的框架，大部分情况下我们都不需要直接操作 DOM Element，但在某些时候，我们还是有获取DOM Element的需求的；
在 vue.js 中，获取某个DOM Element常用的方法是将...

2020-05-27

69浏览

0评论

JS如何判断浏览器类型和详细区分IE各版本浏览器

今天用到JS判断浏览器类型，于是就系统整理了一下，便于后期使用。 /* * 描述：判断浏览器信息 * 编写：LittleQiang_w * 日期：2016.1.5 * 版本：V1.1 */ //判断当前浏览类...

2020-05-27

73浏览

0评论

vue指令以及dom操作详解

“AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添加功能。AngularJS 允许你自定义指令。”这是我最初接触“指令”这个词。还记得那...

2020-05-27

46浏览

0评论

详解vue父子模版嵌套案例

这里是父子模版的调用这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档
vue2.0 ：http://vuefe.cn/guide/
vue-router2.0： https://router.vuejs.org/zh-cn/essentials/gett...

2020-05-27

122浏览

0评论

jQuery实现贪吃蛇小游戏（附源码下载）

前言相信贪吃蛇的游戏大家都玩过。在那个水果机还没有流行，人手一部诺基亚的时代，贪吃蛇是手机中的必备游戏。笔者闲的无聊的时候就拿出手机来玩上几局，挑战一下自己的记录。...

2020-05-27

52浏览

0评论

Node.js数据库操作之连接MySQL数据库（一）

介绍首先说来介绍一下MySQL（非广告）。MySQL是由瑞典的MySQL AB公司开发，后来被甲骨文公司收购。和Oracle一样，MySQL是一个典型的关系型数据库，在百度百科中，把MySQL称为是最好的关...

2020-05-27

95浏览

0评论

Node.js数据库操作之查询MySQL数据库（二）

前言我们在上一篇文章《Node.js数据库操作之连接MySQL数据库（一）》中已经学习了Nodejs连接MySQL数据库的几种方法，数据库连接上了之后就需要对数据库进行查询。本篇文章介绍一...

2020-05-27

82浏览

0评论

JavaScript自定义文本框光标

文本框（input或textarea）的光标无法修改样式（除了通过color修改光标颜色）。但笔者希望个人创建自己的网站时，文本框的光标有属于自己的风格。所以，尝试模拟文本框的光标，设计有自己...

2020-05-27

48浏览

0评论

Angular开发者指南之入门介绍

什么是AngularAngularJS是动态Web应用程序的结构框架。它允许您使用HTML作为模板语言，并允许您扩展HTML的语法以清晰，简洁地表达应用程序的组件。AngularJS的数据绑定和依赖...

2020-05-27

113浏览

0评论

video.js使用改变ui过程

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。（要支持ie低版本请下载5.4.3...

2020-05-27

59浏览

0评论

Bootstrap模态框案例解析

一.模态框的正常点击出现，如添加功能<td width="120px"> <button type="button class="btn btn-blue" style="width: 100px;"data-toggle="modal" data-target="#systemAdd">...

2020-05-27

125浏览

0评论

js获取元素下的第一级子元素的方法(推荐)

js childnodes获取的是所有的子元素，而我们实际要获取第一级子元素。function getChildren(obj){ var objChild = [] ; var objs = obj.getElementsByTagName('*'); for(v...

2020-05-27

55浏览

0评论

详谈Angular路由与Nodejs路由的区别

1、觉得angualr.js的路由是针对于单页面的路由，每次路由发生变化，只是页面的状态发生变化，页面本身没有发生跳转2、express的路由是针对多页面的，也就是说他做的页面，路由的切换...

2020-05-27

81浏览

0评论

Web开发中客户端的跳转与服务器端的跳转的区别

客户端的跳转：跳转之后地址栏的信息是会变的，变为跳转之后的地址信息例如：response.sendRedirect();服务器端的跳转：跳转之后的地址栏的信息不会发生任何的改变例如：<jsp:forwor...

2020-05-27

72浏览

0评论

EasyUI为Numberbox添加blur事件的方法

EasyUI为Numberbox添加blur事件的方法：为名为'txtCouponRateParam'的Numberbox添加blur事件$("#txtCouponRateParam").numberbox({ precision:4,});$("#txtCouponRatePa...

2020-05-27

118浏览

0评论

vue + socket.io实现一个简易聊天室示例代码

vue + vuex + elementUi + socket.io实现一个简易的在线聊天室，提高自己在对vue系列在项目中应用的深度。因为学会一个库或者框架容易，但要结合项目使用一个库或框架就不是那...

2020-05-27

56浏览

0评论

javascript DOM的详解及实例代码

javascript DOM 总结一直以为DOM（文档对象模型）是JS中最简单的一部分。不可否认，它确实很简单，因为DOM的思维模式有点固定，只需要简单地记住一些固定的方法，所以DOM可以说是所有js...

2020-05-27

59浏览

0评论

详解nodeJS中读写文件方法的区别

导言：nodejs中所有与文件相关的操作都在fs模块中，而读写操作又是我们会经常用到的操作，nodejs的fs模块针对读操作为我们提供了readFile，read, createReadStream三个方法，针对写操...

2020-05-27

58浏览

0评论

Bootstrap栅格系统简单实现代码

Bootstrap栅格系统的简单介绍，供大家参考，具体内容如下栅格系统：总共分为12个，超过12个会自动换行，可嵌套，嵌套也不可超过12个，且不会超过父栏代码：<html><head><meta charset="utf-...

2020-05-27

41浏览

0评论

Bootstrap导航简单实现代码

Bootstrap导航的具体实现代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" co...

2020-05-27

114浏览

0评论

JS字符串长度判断,超出进行自动截取的实例(支持中文)

今天一个小弟问我的问题，在文本框中输入字符，如果超出指定长度，就把它截取，要求中文等于两个字符的长度，我找一下资料，把这个功能实现了，下面是JS代码：<html><script src="http://jb...

2020-05-27

51浏览

0评论

基于JS实现仿百度百家主页的轮播图效果

HTML <div class="ShowEntry">  <!--------- 右击箭头---...

2020-05-27

94浏览

0评论

Bootstrap导航中表单简单实现代码

导航中图标，表单的编程：<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" content="width=device-width,ini...

2020-05-27

48浏览

0评论

jQuery时间验证和转换为标准格式的时间格式

最近整理文档发现一篇文章，可以将时间转换成标准格式的时间，发出来给大家参考一下。
var TimeObjectUtil;/** * @title 时间工具类 * @note 本类一律违规验证返回false * @aut...

2020-05-27

64浏览

0评论

Bootstrap显示与隐藏简单实现代码

本文实例为大家分享了bootstrap显示隐藏的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><met...

2020-05-27

79浏览

0评论

Js自动截取字符串长度,添加省略号(……)的实现方法

JavaScript字符串处理函数，根据定义的长度截取字符串，超出部分裁掉追加……，很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度，超长部分用“...”代替...

2020-05-27

60浏览

0评论

微信小程序scroll-view实现横向滚动和上拉加载示例

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。
先看最终效果。横向滚动1.设置滚动项display：inline-block;
2.设置滚动视图容器white-s...

2020-05-27

46浏览

0评论

Bootstrap表单简单实现代码

本文实例为大家分享了Bootstrap表单的具体实现代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><met...

2020-05-27

61浏览

0评论

js中setTimeout的妙用--防止循环超时

上个周日，介绍了如何使用setTimeout代替setInterval进行间歇调用，这个周日，继续来讲《JavaScript高级程序设计》这本书里面，对于setTimeout的另一种妙用——防止循环超时【这是...

2020-05-27

45浏览

0评论

原生JS实现圣旨卷轴展开效果

在其他网站看见类似效果，但代码有400多行且看不懂，我用60多行的代码给予实现。实现原理：（1）利用绝对定位固定好起始位置；（2）利用遮罩将右轴右侧的部分遮住；（3）让右轴和遮罩同时同速度向...

2020-05-27

46浏览

0评论

Bootstrap输入框组件简单实现代码

Bootstrap输入框组件的学习代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport"...

2020-05-27

47浏览

0评论

js实现4个方向滚动的球

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #wrap{ width: 800px; height: 500px; border...

2020-05-27

45浏览

0评论

js eval函数使用,js对象和字符串互转实例

JavaScript eval() 函数 JavaScript 全局函数定义和用法eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。如果...

2020-05-27

76浏览

0评论

Node.js使用NodeMailer发送邮件实例代码

0.目标这一节，我将实现一个简单的发送邮件功能。
1.部署1.1 部署Express如果不知道如何部署，可参照：部署Express 1.2 准备一个邮箱并开始SMTP服务为了实现这个功能，你首先要有一...

2020-05-27

52浏览

0评论

jQuery实现上升、下降、删除、添加一行代码

应用场景：多值排序、分类排序等操作此代码是经过实践后，实现方法简洁，而且不会丢失（js添加一行人工填入的Input值）input值依赖Jquery，不依赖其它扩展Javascript代码
/*addTableRow...

2020-05-27

97浏览

0评论

js实现动态显示时间效果

话不多说，请看代码：<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>时间显示器</title> </head> <body> <div id="d"></div> <script type="text/java...

2020-05-27

101浏览

0评论

Vue.js 2.0 移动端拍照压缩图片上传预览功能

在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了...

2020-05-27

热门文章