JavaScript - 教程之家

44浏览

0评论

JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解

本文实例讲述了JavaScript编程设计模式之观察者模式。分享给大家供大家参考，具体如下：简介简单的解释观察者模式，就是一个对象（subject）维护一个依赖他的对象（observers）列表，当自身...

2020-05-27

49浏览

0评论

js 显示日期时间的实例(时间过一秒加1)

html：<div id="data"><font>2017年10月17日 15:11:11</font></span> js：1:引入js库2：function showLocale(objD) { var str, colorhead, colorfoot; var yy = objD.getYear...

2020-05-27

67浏览

0评论

通过js控制时间,一秒一秒自己动的实例

1、第一种形式 <html> <head> <title>时间</title> <script type="text/javascript">setInterval("showtime()", 1000);function showtime() {var date = new Date();var ti...

2020-05-27

92浏览

0评论

parabola.js抛物线与加入购物车效果的示例代码

在做购物车的时候发现一个很好用抛物线特效parabola.js，可先点击DEMO体验下。下面贴出一些关键代码，具体代码可在GitHub上查看parabola.jsvar funParabola = function (elemen...

2020-05-27

74浏览

0评论

JavaScript 异步调用

问题可修改下面的 aa() 函数，目的是在一抄后用 console.log() 输出 want-valuefunction aa() { setTimeout(function() { return "want-value"; }, 1000);}但是，有额外要...

2020-05-27

91浏览

0评论

JS获取当前地理位置的方法

本文实例为大家分享了JS获取当前地理位置方法的具体代码，供大家参考，具体内容如下1.手机定位
var getLocation = function (successFunc, errorFunc) { //successFunc获取定...

2020-05-27

145浏览

0评论

用js实现每隔一秒刷新时间的实例(含年月日时分秒)

原理：使用定时器,即setInterval(fn,i),每隔i秒执行fn。下面给出具体的代码1.代码如下：<span style="font-size:14px;"><!DOCTYPE html><html lang="zh-cn"><head><meta charse...

2020-05-27

79浏览

0评论

vue2.0s中eventBus实现兄弟组件通信的示例代码

vue1.0中，组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。
vuex加入后，对组件之间的通信有了更加...

2020-05-27

53浏览

0评论

JavaScript编程设计模式之构造器模式实例分析

本文实例讲述了JavaScript编程设计模式之构造器模式。分享给大家供大家参考，具体如下：经典的OOP语言中，构造器（也叫构造函数）是一个用于初始化对象的特殊方法。在JS中，因为一切皆...

2020-05-27

71浏览

0评论

Windows安装Node.js报错:2503、2502的解决方法

前言Windows真的是太恶心了！！！不仅会出现大量的垃圾文件，而且有时莫名的安装不上一些软件（正常软件）。前久因为想学学Koa2,打算升级下nodejs的版本以体验下ES6、ES7的aync，await等...

2020-05-27

65浏览

0评论

bootstrap时间控件daterangepicker使用方法及各种小bug修复

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时间段，由用户自己选择起始时间和终止时间，时间段的最大跨度...

2020-05-27

44浏览

0评论

详解vue 组件之间使用eventbus传值

对于前端的我们而言，并非是只有写界面才是最大的问题，很多的情况下，我们需要关注的是数据，比如js页面的数据传递等等，学习vue我们也是需要知道怎么去使用数据当然，使用存储也是可...

2020-05-27

70浏览

0评论

Angular4实现鼠标悬停3d倾斜效果

Angular 是什么Angular 是由谷歌开发与维护一个开发跨平台应用程序的框架，同时适用于手机与桌面。Angular 有什么特点基于 Angular 我们可以构建适用于所有平台的应用。比如：W...

2020-05-27

46浏览

0评论

AngularJS实现的select二级联动下拉菜单功能示例

本文实例讲述了AngularJS实现的select二级联动下拉菜单功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app><head lang="en"> <meta charset="UTF-8"> <titl...

2020-05-27

63浏览

0评论

javascript计算对象长度的方法

计算对象的长度，即获取对象属性的个数，具体如下方法一：通过for in 遍历对象，并通过hasOwnProperty判断是否是对象自身可枚举的属性
var obj = {"c1":1,"c2":2};function countPr...

2020-05-27

74浏览

0评论

JS使用tofixed与round处理数据四舍五入的区别

1 、tofixed方法　　toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使...

2020-05-27

83浏览

0评论

vue 数组和对象不能直接赋值情况和解决方法(推荐)

Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength当第一种情况需求时，...

2020-05-27

68浏览

0评论

详解HTML5 使用video标签实现选择摄像头功能

详解HTML5 使用video标签实现选择摄像头功能1. html// jquery reference // <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>...

2020-05-27

79浏览

0评论

详解JSONObject和JSONArray区别及基本用法

一、JSONObject和JSONArray的数据表示形式JSONObject的数据是用 { } 来表示的，例如： { "id" : "123", "courseID" : "huangt-test", "title" : "提交作业", "cont...

2020-05-27

48浏览

0评论

使用Bootstrap和Vue实现用户信息的编辑删除功能

使用Bootstrap实现简单的布局，并结合Vue进行用户信息的编辑删除等功能，代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>用户信息编辑</title> <link rel...

2020-05-27

63浏览

0评论

js插件实现图片滑动验证码

图片滑动验证码，逻辑是根据鼠标滑动轨迹，坐标位置，计算拖动速度等等来判断是否人为操作，当然下面的代码只是实现前端部分，只记录了拖动的坐标。
先上代码吧，做个备份记录
jquery.l...

2020-05-27

49浏览

0评论

Angular搜索过滤批量删除添加表单验证功能集锦(实例代码)

废话不多说了，直接给大家贴代码，具体代码如下所示；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;...

2020-05-27

63浏览

0评论

详解开源的JavaScript插件化框架MinimaJS

本文介绍我开发的一个JavaScript编写的插件化框架——MinimaJS，完全开源，源码下载地址：https://github.com/lorry2018/minimajs。该框架参考OSGi规范，将该规范定义的三大插件化...

2020-05-27

55浏览

0评论

原生javascript实现文件异步上传的实例讲解

效果图：代码：（demo33.jsp）<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>demo33.jsp</title></head><body><label for="text">名称</...

2020-05-27

83浏览

0评论

基于Require.js使用方法(总结)

一、为什么要使用require.js首先一个页面如果在加载多个js文件的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须...

2020-05-27

56浏览

0评论

js 只比较时间大小的实例

实例如下：<script> ///比较函数 function compareTime(date1, date2) { var d1_year, d1_month, d1_day, d1, time_span1, d2_year, d2_month, d2_day, d2, time_spa...

2020-05-27

79浏览

0评论

input type=file 选择图片并且实现预览效果的实例

通过<input />标签，给它指定type类型为file，可提供文件上传；accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*；multiple：规定是否可以选择多个文件；规定只可上传图片，且...

2020-05-27

50浏览

0评论

AngularJS实现的省市二级联动功能示例【可对选项实现增删】

本文实例讲述了AngularJS实现的省市二级联动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn 省市...

2020-05-27

57浏览

0评论

Vue-router路由判断页面未登录跳转到登录页面的实例

如下所示：router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限 if (token) { // 判断当前...

2020-05-27

59浏览

0评论

纯JavaScript实现实时反馈系统时间

用javascript反馈系统时间运用知识JavaScript HTML DOMHTML DOM 中的setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回...

2020-05-27

137浏览

0评论

JS实现table表格固定表头且表头随横向滚动而滚动

先看一张效果图思路：1、头部用一个table并用一个div包裹着，表格的具体内容用一个table2、头部外面的div用positon: relative相对定位3、获取整个表格的高度4、获取表格的dom（...

2020-05-27

75浏览

0评论

详谈构造函数加括号与不加括号的区别

如下所示：//首先定义一个构造函数Hellofunction Hello（）{　　alert（1）；}//定义一个函数表达式var getName = function（）{　　alert（2）；}//实例化对象，下面这两个如果构造函数没有形参的...

2020-05-27

59浏览

0评论

JS处理数据四舍五入(tofixed与round的区别详解)

1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的...

2020-05-27

59浏览

0评论

AngularJS实现的输入框字数限制提醒功能示例

本文实例讲述了AngularJS实现的输入框字数限制提醒功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.jb51....

2020-05-27

65浏览

0评论

JS使用正则表达式找出最长连续子串长度

废话不多说了，直接给大家贴代码了，具体代码如下所示：function maxLenStr(str){ var len = 0, max_len = 0; var reg = new RegExp("(.)\\1{1,}","g"); var res = reg.exec(s...

2020-05-27

74浏览

0评论

webpack3之loader全解析

首先亮出webpack官方网站，webpack能干什么？官网给出的答案就是，一句话，让一切变得简单！各式各样的loader层出不穷，让我们在构建时不知所措，于此，总结下loader的全解析。概念loader，顾...

2020-05-27

73浏览

0评论

vue路由跳转时判断用户是否登录功能的实现

通过判断该用户是否登录过，如果没有登录则跳转到login登录路由，如果登录则正常跳转。一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录（建议用vuex）；简单用vuex表示...

2020-05-27

73浏览

0评论

Vue利用路由钩子token过期后跳转到登录页的实例

在Vue2.0中的路由钩子主要是用来拦截导航，让它完成跳转或前取消，可以理解为路由守卫。分为全局导航钩子，单个路由独享的钩子，组件内钩子。三种类型的钩子只是用的地方不一样，都...

2020-05-27

62浏览

0评论

使用Bootrap和Vue实现仿百度搜索功能

用Vue调用百度的搜索接口，实现简单的搜索功能。
搜索框的样式是基于Bootstrap，当然对样式做了简单的调整，使之类似于百度搜索。代码如下<!DOCTYPE html><html><head> <meta...

2020-05-27

77浏览

0评论

vue+swiper实现组件化开发的实例代码

swiper的组件<template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in swiper"><img :src="item.roo...

2020-05-27

77浏览

0评论

Sublime Text新建.vue模板并高亮(图文教程)

本文介绍了 Sublime Text新建.vue模板并高亮(图文教程)，分享给大家，也给自己留个笔记。准备工作下载安装新建文件模板插件 SublimeTmpl 下载安装vue语法高亮插件 Vue Synta...

2020-05-27

72浏览

0评论

Node.js中环境变量process.env的一些事详解

前言
最近这两天在和运维GG搞部署项目的事儿。碰到一个问题就是，咱们的dev，uat，product环境的问题。因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题...

2020-05-27

62浏览

0评论

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法，分享给大家，具体如下：添加新建.vue文件功能①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载点击serch in...

2020-05-27

314浏览

0评论

node.js的exports、module.exports与ES6的export、export default深入详解

前言
最近难得有空，决定开始重新规范的学习一下node编程。但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。阿西吧，头都大了....头大完了，...

2020-05-27

252浏览

0评论

详述 Sublime Text 打开 GBK 格式中文乱码的解决方法

Sublime Text 是一个代码编辑器，其具有漂亮的用户界面和强大的功能，例如代码缩略图，Python 的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写...

2020-05-27

54浏览

0评论

JavaScript实现树的遍历算法示例【广度优先与深度优先】

本文实例讲述了JavaScript实现树的遍历算法。分享给大家供大家参考，具体如下：<script type="text/javascript">var t = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]...

2020-05-27

108浏览

0评论

JavaScript实现二叉树的先序、中序及后序遍历方法详解

本文实例讲述了JavaScript实现二叉树的先序、中序及后序遍历方法。分享给大家供大家参考，具体如下：之前学数据结构的时候，学了二叉树的先序、中序、后序遍历的方法，并用C语言实...

2020-05-27

87浏览

0评论

JS手机端touch事件计算滑动距离的方法示例

本文实例讲述了JS手机端touch事件计算滑动距离的方法。分享给大家供大家参考，具体如下：计算手势在手机屏幕上滑动时，手势滑动的距离，代码如下：function wetherScroll(){ var s...

2020-05-27

82浏览

0评论

Vue 兄弟组件通信的方法（不使用Vuex）

项目中，我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题，但在一些小型的项目中，我们就没有必要去引入vuex。下面简单介绍一下...

2020-05-27

56浏览

0评论

javascript+html5+css3自定义弹出窗口效果

本文实例为大家分享了js自定义弹出窗口效果展示的具体代码，供大家参考，具体内容如下效果图：源码：1.demo.jsp<%@ page contentType="text/html;charset=UTF-8" language="java" %...

2020-05-27

热门文章