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

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

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

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

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

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

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

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

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

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

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

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

webpack3之loader全解析

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

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

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

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

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

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

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

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...

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

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

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

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

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

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

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

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

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

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

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]...

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

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

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

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

Vue 兄弟组件通信的方法(不使用Vuex)

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

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

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

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

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

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

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

变成差多这样的:

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

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

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

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

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

webpack配置之后端渲染详解

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript中Require调用js的实例分享

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

初学者AngularJS的环境搭建过程

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

vue2里面ref的具体使用方法

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

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

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

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

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

JS+CSS实现网页加载中的动画效果

本文实例为大家分享了JS实现网页加载中效果的具体代码,供大家参考,具体内容如下需要材料:一张loading动画的gif图片基本逻辑:模态框遮罩 + loading.gif动图,
默认隐藏模态框
页面...

微信小程序promsie.all和promise顺序执行

微信小程序promsie.all和promise顺序执行一、前言
最近在做小程序的开发,碰到的一个需求就是表单提交,提交的表单中包含有图片,微信这边的做法是先上传图片,后台把图片名称和地...

浅析Javascript中双等号(==)隐性转换机制

在Javascript中判断相等关系有双等号(==)和三等号(===)两种。其中双等号(==)是值相等,而三等号(===)是严格相等(值及类型是否完全相等)。因此有几个常识知识:1、对于string,numb...

Vue2.0 axios前后端登陆拦截器(实例讲解)

vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐使用axios。前段时间第一次在项目里用到vue,关于登陆问题,这里写一下心得。首先后端:import org.springframework.w...

本地搭建微信小程序服务器的实现方法

本地搭建微信小程序服务器的实现方法现在开发需要购买服务器,价格还是有点贵的,可以花费小代价就可以搭建一个服务器,可以用来开发小程序,博客等。1.域名(备案过的)
2.阿里云注册...

vue-cli + sass 的正确打开方式图文详解

关于在vue-cli搭建的项目中怎么配置sass,网上搜到的基本是这种答案:
但是我认为,直接将样式写在每个单文件的<style>里,是十分不明智的做法。且不说node-sass安装过程的各种坑,内...

js通过Date对象实现倒计时动画效果

js通过Date对象实现倒计时效果,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时动画</title> <style> div{ text-alig...

微信小程序 input输入及动态设置按钮的实现

微信小程序 input输入及动态设置按钮的实现【需求】实现当手机号已填写和协议已勾选时,“立即登录”按钮变亮,按钮可点击;若有一个不满足,按钮置灰,不可点击;实现获取短信验证码,倒...

vue中v-model动态生成的实例详解

vue中v-model动态生成的实例详解前言:最近在做公司的项目中,有这么一个需求,每一行有一个input和一个select,其中行数是根据服务器返回的json数据动态变化的。那么问题来了,我们...

node 利用进程通信实现Cluster共享内存

Node.js的标准API没有提供进程共享内存,然而通过IPC接口的send方法和对message事件的监听,就可以实现一个多进程之间的协同机制,通过通信来操作共享内存。
##IPC的基本用法:// w...

elemetUi 组件--el-upload实现上传Excel文件的实例

elemetUi 组件--el-upload实现上传Excel文件的实例【需求】实现上传Excel文件,在上传到服务器时,还要附加一个参数,在请求上传文件接口前,先要进行文件格式判断。【知识点】  ...

动态统计当前输入内容的字节、字符数的实例详解

动态统计当前输入内容的字节、字符数的实例详解看到网上有好多利用charAt方法,原理也很简单,用正则判断是不是中文,如果是的话,字节数就加2,不是的话,字节数就加1。后来发现另一种...

返回顶部
顶部