JavaScript - 教程之家

82浏览

0评论

jquery.flot.js简单绘制折线图用法示例

本文实例讲述了jquery.flot.js简单绘制折线图用法。分享给大家供大家参考，具体如下：1、完整实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>折...

2020-05-27

81浏览

0评论

vue2.0嵌套路由实现豆瓣电影分页功能(附demo)

前言最近练习Vue，看到官方文档中的嵌套路由，不做不知道，实在是太坑了，网上资料demo少之又少，然后自己就做了一个demo,用了vue2.0嵌套路由实现豆瓣电影分页功能，供大家学习学习，写得...

2020-05-27

67浏览

0评论

原生js实现吸顶效果

实现思路如下：1. div初始居普通文档流中2. 给window添加scroll事件（可事件节流），获取div的offset的top值，滚动时scrollTop值和top比较，当到达top时给div添加一个fixed的class使其...

2020-05-27

65浏览

0评论

Javascript封装id、class与元素选择器方法示例

由于各个浏览器都支持的选择方法只有如下三种： 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName()所以在封装...

2020-05-27

63浏览

0评论

js实现手机发送验证码功能

效果图：代码如下：<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码倒计时功能</title><style>@charse...

2020-05-27

70浏览

0评论

利用Javascript裁剪图片并存储的简单实现

前言就我而言，页面上的设计比较灵动的部分，其实不是很多，诸如滑动验证码，图片裁剪等比较好的交互设计。从刚开始工作的时候，我就想把这些东西了解下，无奈一直没这个需求，乘着今天的...

2020-05-27

57浏览

0评论

Javascript中字符串相关常用的使用方法总结

刚刚在看Javascript犀牛书，看到字符串这一节，平时工作接触到这方面的不多，想着整理下，以备不时只需。JavaScript的内置功能之一就是字符串连接，如果用‘+'连接两个数字，表示两数相...

2020-05-27

69浏览

0评论

Java与JavaScript中判断两字符串是否相等的区别

JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等直接用==,这与C++里的String类一样.而Java里的等号...

2020-05-27

67浏览

0评论

JavaScript 数据类型详解

一，数据类型以下内容基于ES5（ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型。）JavaScript是一种弱类型动态语言，定义变量时无需指...

2020-05-27

62浏览

0评论

干货!教大家如何选择Vue和React

两者之间的相同之处同样是基于组件开发的轻量级框架，同样是专注于用户界面的视图view层。如何选择1.1 如果喜欢用模板搭建应用（或者有这个想法）选择Vue
Vue应用默认的是把mark...

2020-05-27

61浏览

0评论

jQuery插件HighCharts实现气泡图效果示例【附demo源码】

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

2020-05-27

86浏览

0评论

又一款MVVM组件构建自己的Vue组件（2）

前言：转眼距离上篇JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vu...

2020-05-27

68浏览

0评论

JS正则表达式判断有效数实例代码

2020-05-27

58浏览

0评论

VUE实现日历组件功能

哈哈，就在昨天笔者刚刚在Github 上发布了一个基于VUE的日历组件。过去做日历都是需要引用 jquery moment 引用 fullCalendar.js 的。几者加起来体积庞大不说，也并不是很好使...

2020-05-27

50浏览

0评论

基于vue2.0+vuex的日期选择组件功能实现

calendar vue日期选择组件一个选择日期的vue组件基于vue2.0 + vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了demo展示&&项...

2020-05-27

64浏览

0评论

jquery实现表单获取短信验证码代码

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery...

2020-05-27

57浏览

0评论

Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案

在项目中开始使用vue2来构建项目了，跟 vue1 很大的一处不同在于2 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流，初衷当然是好的，为了避免双向绑定在项目中容易造...

2020-05-27

54浏览

0评论

常用的几个JQuery代码片段

1. 导航菜单背景切换效果在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式：//注意：代...

2020-05-27

55浏览

0评论

分享一个精简的vue.js 图片lazyload插件实例

这个插件未压缩版本只有7.62kb，很精简，支持img标签和background-img资源的lazyload。支持vue.js 1.0 和vue.js 2.0安转$ npm install vue-lazyload --save使用方法//main.jsim...

2020-05-27

82浏览

0评论

百度地图JavascriptApi Marker平滑移动及车头指向行径方向

相信只要是使用百度地图做实时定位服务的朋友都会遇到这个问题,在对坐标位置进行覆盖物展示的时候,会出现由于获取坐标数据时间或者两个坐标点相距过远,导致在视觉上看Marke...

2020-05-27

71浏览

0评论

jQuery+CSS3实现点赞功能

效果图：图（1）初始图图（2）点击后代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html...

2020-05-27

57浏览

0评论

轻松实现jQuery添加删除按钮Click事件

大家登陆一些网站或论坛时，经常会被要求先浏览和确认“用户协议”。“用户协议”底部通常会设置一个“我已阅读并同意”复选框，勾选了该复选框，“登陆”按钮才可用。如下图所示...

2020-05-27

59浏览

0评论

jQuery实现表格奇偶行显示不同背景色就这么简单

做表格的时候，经常要让奇偶行显示不同背景色，一来使表格显得更美观，二来使同行数据查找更快捷方便。通常我们是怎么实现的呢？就是在每个tr标签上加css样式。代码如下所示：<html><...

2020-05-27

71浏览

0评论

jquery插件ContextMenu设置右键菜单

Struts项目中右键菜单一般很少用到，但是一旦客户有要求，很多人就懵圈了，比如我。这个时候，当然要表现镇定，一面拍着胸口对客户承诺说绝对可以实现，一面赶紧打开百度神器，搜搜看是否...

2020-05-27

79浏览

0评论

Bootstrap笔记—折叠实例代码

1. 基础折叠
展示如下：<body> <div class="container">  <button class="btn btn-default" data-toggle="collapse" data-target="#shows">按钮</butto...

2020-05-27

80浏览

0评论

JavaScript校验Number(4,1)格式的数字实例代码

项目里面有个录入，需要数字格式进行校验，前端使用的是miniUI框架，miniUI文档里面自带了校验，vtype="float",校验浮点数的，但是它不能做到校验这个浮点数有几位整数和几位小数，所以...

2020-05-27

99浏览

0评论

原生JS实现左右箭头选择日期实例代码

先上个效果图，就是用左右尖括号可改变中间日期的值。（点击中间显示区域有时间选择器弹框，用的插件就不说了，主要说自己原创的部分）...

2020-05-27

60浏览

0评论

AngularJS实现页面定时刷新

有时我们在前端可能会有这样的需求：1、每隔一段时间刷新一下页面中的数据
2、根据需要可以暂停和启用刷新
接下来我们就来看下AngularJS的实现方法：
首先我们了解到AngularJS...

2020-05-27

96浏览

0评论

node.js爬虫爬取拉勾网职位信息

简介用node.js写了一个简单的小爬虫，用来爬取拉勾网上的招聘信息，共爬取了北京、上海、广州、深圳、杭州、西安、成都7个城市的数据，分别以前端、PHP、java、c++、python、Andr...

2020-05-27

53浏览

0评论

ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!

由于有些的程序员可能不是很会Photoshop，所以为了美化页面，我们可以借助工具bootstrap，实现起来相对就要比之前做的美观一些，今天我用bootstrap把之前做的显示表格进行了一下美...

2020-05-27

55浏览

0评论

使用BootStrap实现标签切换原理解析

原理解析
1.定义一无序列表。取id值为myTab。
2.定义列表中a标签的目标地址为我们要展示的div对应的id
3.为a标签注册对应的事件（就是js的代码）效果如图
代码如下 html代...

2020-05-27

70浏览

0评论

微信小程序跳转传参数与传对象详解及实例代码

微信小程序跳转传参数传对象微信小程序跳转传参一般都是传字符串到下一页，如果要想传对象怎么办呢？我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串，再转...

2020-05-27

94浏览

0评论

利用js定义一个导航条菜单

效果：一、html代码：<div class="Maintenance"> <div class="Title"> <div class="M_Button" id="Plan">menu1</div> <div class="M_Button" id="Expert">menu2</div> <...

2020-05-27

88浏览

0评论

微信小程序仿猫眼实现实例代码

微信小程序仿猫眼实现效果图：movie.jsPage({ data: { movies:null, scrollTop : 0, scrollHeight:0 }, onLoad: function (options) { // 生命周期函数--监听...

2020-05-27

351浏览

0评论

layer弹出层框架alert与msg详解

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力...

2020-05-27

88浏览

0评论

Javascript前端经典的面试题及答案

前言如果面试题按类型来分，主要涉及到“技术”与“非技术”两大类，技术类别下涉及到的子类别有：移动 & PC端布局类 JavaScript 核心基础类衍生框架类项目应用类这四大类...

2020-05-27

95浏览

0评论

jQuery ajax实现省市县三级联动

下面我们用Jquery，ajax,做一个省，市，县的三级联动：下面是我做三级联动下拉的步骤以及逻辑
第一步：先做一个省市区表格
第二步：建个PHP页面显示用我是在<body>里放<div>用来接收要...

2020-05-27

61浏览

0评论

前端框架学习总结之Angular、React与Vue的比较详解

近几年前端的技术发展很快，细分下来，主要可以分成四个方面： 1.开发语言技术，主要是ES6&7，coffeescript，typescript等；
2.开发框架，如Angular，React,Vue.js，Angular2等；
...

2020-05-27

101浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

101浏览

0评论

canvas实现刮刮卡效果

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

64浏览

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

88浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

热门文章