JavaScript - 教程之家

56浏览

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

64浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

45浏览

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

71浏览

0评论

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

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

2020-05-27

46浏览

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

66浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

56浏览

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

59浏览

0评论

webpack3之loader全解析

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

69浏览

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

65浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

294浏览

0评论

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

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

2020-05-27

219浏览

0评论

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

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

2020-05-27

44浏览

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

96浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

87浏览

0评论

vue-cli中打包图片路径错误的解决方法

最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的...

2020-05-27

67浏览

0评论

node文字生成图片的示例代码

今天老板提了需求，要在服务端生成邀请卡，嗯…，简单的说就是把要这张：

变成差多这样的：

后端搞ruby的哥们搞了个html转图片，说转得太慢了，我就把这坑接下来了
所以睡前就倒腾了下，...

2020-05-27

40浏览

0评论

AngularJs用户登录问题处理（交互及验证、阻止FQ处理）

本文介绍了AngularJs用户登录的交互及验证、阻止FQ处理，具体如下1. 静态页面搭建及ng的form表单验证实现:<div class="register-frame-all"> <div class="register-frame">...

2020-05-27

46浏览

0评论

jquery使用iscorll实现上拉、下拉加载刷新

本文实例为大家分享了iscorll实现上拉下拉加载刷新的具体代码，供大家参考，具体内容如下
实现原理是:判断fiiptop,flipdown是否显示为依据
myScroll = new iScroll('wraphome',...

2020-05-27

38浏览

0评论

webpack配置之后端渲染详解

webpack配置之后端渲染2017年, vue, react, angular 已经占据前端的主流, 不得不承认这也是前端的未来发展方向. 但是后端渲染的开发方式仍然很常见, 不管是个人项目还是商...

2020-05-27

44浏览

0评论

基于javascript中的typeof和类型判断(详解)

typeofECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。我们都知道可以使用typeof运算符求得一个变量的类型，但是对引用类型变量...

2020-05-27

166浏览

0评论

vue中的event bus非父子组件通信解析

有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的Vue实例作为中央事件总线：var bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)// 在组件...

2020-05-27

46浏览

0评论

javascript浏览器用户代理检测脚本实现方法

以下是完整的用户代理字符串检测脚本，包括检测呈现引擎、平台、Windows操作系统、移动设备和游戏系统。var client = function(){ // 呈现引擎 var engine = { ie: 0,...

2020-05-27

102浏览

0评论

使用vue的v-for生成table并给table加上序号的实例代码

现在有一个使用mybatis的分页插件生成的table，table中数据是通过vue获得的，前台显示使用<tr v-for="item in items">后台vue获取数据使用分页插件进行查询然后使用回调,将结...

2020-05-27

46浏览

0评论

JavaScript模拟实现封装的三种方式及写法区别

前言　继承是使用一个子类继承另一个父类，那么子类可以自动拥有父类中的所有属性和方法，这个过程叫做继承！ JS中有很多实现继承的方法，今天我给大家介绍其中的三种吧。1.在...

2020-05-27

53浏览

0评论

Popup弹出框添加数据实现方法

本文实例为大家分享了Popup弹出框添加数据的具体代码，供大家参考，具体内容如下逻辑窗口P1中显示一组数据，并提供一个添加按钮
点击按钮，弹出新的浏览器窗口P2，在其中添加一条数据...

2020-05-27

241浏览

0评论

JavaScript自执行函数和jQuery扩展方法详解

我们通常将JS代码写在一个单独的JS文件中，然后在页面中引入该文件。但是，有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题。那么如何解决这个问题呢？作用域隔离。在JS...

2020-05-27

47浏览

0评论

JavaScript中Require调用js的实例分享

在我最初开始写 JavaScript 函数时，通常是这样的：function fun1() { // some code here}function fun2() { // some other code here}...函数全写在全局环境中，项目很小时，通常...

2020-05-27

70浏览

0评论

初学者AngularJS的环境搭建过程

AngularJS是什么?AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护AngularJS特性AngularJS是一个功能强大的...

2020-05-27

66浏览

0评论

vue2里面ref的具体使用方法

本文介绍了vue2里面ref的具体使用方法，分享给大家，具体如下。1、我们先定义两个组件html部分
<div id="app"> <navbar ></navbar> <pagefooter ></pagefooter> </div>j...

2020-05-27

66浏览

0评论

Vue-resource拦截器判断token失效跳转的实例

在拦截器中设置全局的token判断，意味着每次http请求都会校验token，与后台约定好的token过期返回码可以自定义跳转路径；var token = window.localStorage.getItem("token");Vue....

2020-05-27

56浏览

0评论

vue-resource拦截器设置头信息的实例

使用vue-resource，设置头信息：Vue.http.interceptors.push((request, next) => { request.headers.set('Authorization', token) console.log(request.headers) next(response...

2020-05-27

热门文章