angularjs自定义过滤器demo示例
本文实例讲述了angularjs自定义过滤器demo。分享给大家供大家参考，具体如下：这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。以下为数据:$...
2020-05-27
JavaScript在web自动化测试中的作用示例详解
前言
JS的全称JavaScript，是一种运行在浏览器中的解释型脚本语言，通常用来实现web前端页面的基本功能，对于前端开发人员是不得不掌握的一门基本技能，但是对于做web自动化测试的...
2020-05-27
javascript导出csv文件（excel）的方法示例
这里贴出JavaScript导出csv文件（excel）的代码。/** * 导出excel * @param {Object} title 标题列key-val * @param {Object} data 值列key-val * @param {Object} fileName...
2020-05-27
Vue源码分析之Vue实例初始化详解
这一节主要记录一下：Vue 的初始化过程以下正式开始：Vue官网的生命周期图示表重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。initLifecycle 阶段export fun...
2020-05-27
JS异步处理的进化史深入讲解
前言
javascript是一门单线程的语言，也就是说一次只能完成一件任务，如果有多个任务，就需要排队进行处理。如果一个任务耗时很长，后面的任务也必须排队等待，这样大大的影响了整个...
2020-05-27
express框架中使用jwt实现验证的方法
前言接着上遍文章(使用session保存用户数据)来让使用jwt保存用户数据。
这里会用到passport-jwt/jsonwebtoken。
passport-jwt是passport的一个验证策略。它使用jwt（json web...
2020-05-27
JS阻止事件冒泡的方法详解
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"Inherits="Default5"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...
2020-05-27
详解vuex数据传输的两种方式及this.$store undefined的解决办法
这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写.问题版本的如下所示:import Store from './store'我大概看了一下, vue似乎...
2020-05-27
vue移动端实现手机左右滑动入场动画
本文实例为大家分享了vue移动端实现手机左右滑动入场的具体代码，供大家参考，具体内容如下app.vue<template> <div id="app"> <transition :name="transitionName"> <keep-aliv...
2020-05-27
Node.js爬虫如何获取天气和每日问候详解
安装依赖
安装node.js,同时安装好依赖：
npm install request --save // http请求库npm install cheerio --save // 分析html工具npm install express --save // nodejs web框...
2020-05-27
vue 源码解析之虚拟Dom-render
vue 源码解析 --虚拟Dom-renderinstance/index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a...
2020-05-27
js实现跟随鼠标移动的小球
本文实例为大家分享了js实现跟随鼠标移动的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>follow mouse</title></head><style type="text/css"> *{...
2020-05-27
Vue中跨域及打包部署到nginx跨域设置方法
众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口， 肯定会遇到跨域问...
2020-05-27
Vue路由之JWT身份认证的实现方法
一、JWT身份认证简介
JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案，相较于session机制，服务器就不需要保存任何 session 数据了，也就是说，服务器变成无状态了，从而比较...
2020-05-27
详解nuxt 微信公众号支付遇到的问题与解决
背景：nuxt为默认的history模式，用这个npm 支付weixin-js-sdk，开启debug模式，尽量在ios下调试，因为alert弹窗的信息会更多。async onPay (config) { try { const wxUrl = window.l...
2020-05-27
微信小程序实现手势滑动效果
本文实例为大家分享了微信小程序实现手势滑动的具体代码，供大家参考，具体内容如下wxml:<view bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEn...
2020-05-27
详解在vue-cli3.0中自定css、js和图片的打包路径
前言
我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹，并不...
2020-05-27
微信小程序事件 bindtap bindinput代码实例
一、bindtap事件
在wxml文件里绑定： <view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C语言资料下载</text> </view>在js...
2020-05-27
Vue.use()在new Vue() 之前使用的原因浅析
使用Vue前端框架开发有些时间了，官方文档对于插件开发也有详细的介绍。最近强迫症犯了，老在想为什么Vue.use函数执行，要在Vue实例化即new Vue(options)之前。解铃还须系铃人，这...
2020-05-27
js实现指定时间倒计时效果
本文实例为大家分享了js实现指定时间倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时</title> </hea...
2020-05-27
React传值 组件传值 之间的关系详解
react 组件相互之间的传值：
传值分父级组件传值给子组件 子组件传值给父组件 平级组件、没有嵌套的组件相互传值1.父组件向子组件传值
父组件通过属性的形式来向子组件传值，子...
2020-05-27
vue柱状进度条图像的完美实现方案
前言本文是对bar进度条实现的2种方案进行分享，第一种是很简单，纯css的实现，第二种是echart的实现。css的实现css实现很简单。代码如下：<template> <div class="haoroomflex"> <...
2020-05-27
微信小程序实现左侧滑栏过程解析
前言
一直想给项目中的小程序设置侧滑栏，将退出按钮放到侧滑中，但是小程序没有提供相应的控件和API，因此只能自己手动实现，网上很多大神造的轮子很不错，本文就在是站在巨人的肩膀...
2020-05-27
微信小程序实现手势滑动卡片效果
最近工作中有项目要使用微信小程序技术进行开发，其中一项功能困扰了我很久，卡片滑动动效以及手势识别。经过一番研究和参考，现在把成果展示。记录自己踩到的坑，如果大家有需要，也...
2020-05-27
使用typescript构建Vue应用的实现
一、Vue项目初始化-引入typescript
使用typescript构建Vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的...
2020-05-27
微信小程序 数据缓存实现方法详解
微信小程序可以通过wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）对本地缓存进行设置、获取和清理。本地缓存最大...
2020-05-27
小程序实现层叠卡片滑动效果
小程序层叠卡片滑动效果，供大家参考，具体内容如下效果图wxml<!-- 轮播wxml代码 --><view class="teachers_banner"> <view class="lunbo_center clearfix teachers_b"> <view...
2020-05-27
JS实现提示效果弹出及延迟隐藏的功能
自动登录勾选提示效果要求:鼠标移入显示提示信息框；鼠标离开,信息框消失，消失的效果延迟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...
2020-05-27
JS实现利用闭包判断Dom元素和滚动条的方向示例
本文实例讲述了JS实现利用闭包判断Dom元素和滚动条的方向。分享给大家供大家参考，具体如下：一、判断滚动条的方向，利用闭包首先保存滚动条的位置，然后当滚动时候不断更新滚动初...
2020-05-27
tweenjs缓动算法的使用实例分析
本文实例讲述了tweenjs缓动算法的使用。分享给大家供大家参考，具体如下：这里的tweenjs不是依托于createjs的tewwnjs，而是一系列缓动算法集合。因为本身是算法，可以用在各个业务...
2020-05-27
基于vue、react实现倒计时效果
本文实例为大家分享了基于vue、react实现倒计时效果的具体代码，供大家参考，具体内容如下Vue方案一：俩个元素HTML：<div id="example"> <button @click="send"> <span v-if="se...
2020-05-27
JavaScript实现身份证验证代码实例
这篇文章主要介绍了JavaScript实现身法证验证代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下function isIdCar...
2020-05-27
seajs和requirejs模块化简单案例分析
本文实例讲述了seajs和requirejs模块化。分享给大家供大家参考，具体如下：如今，webpack、gulp等构件工具流行，有人说seajs、requirejs等纯前端的模块化工具已经被淘汰了，我不这么...
2020-05-27
vue获取验证码倒计时组件
本文实例为大家分享了vue获取验证码倒计时组件，供大家参考，具体内容如下之前写过一个计时函数，有计算误差，但是验证码的60秒倒计时可以忽略这一点点误差。直接上代码。<template...
2020-05-27
Moment.js实现多个同时倒计时
本文实例为大家分享了Moment.js实现多个同时倒计时的具体代码，供大家参考，具体内容如下第一步：首先项目中需要引入moment.js。安装方法如下：bower install moment --save # bowe...
2020-05-27
原生js实现针对Dom节点的CRUD操作示例
本文实例讲述了原生js实现针对Dom节点的CRUD操作。分享给大家供大家参考，具体如下：知识点，依然会遗忘。我在思考到底是什么原因。想到研究生考试准备的那段岁月，想到知识体系的...
2020-05-27
vue+moment实现倒计时效果
本文实例为大家分享了vue+moment实现倒计时的具体代码，供大家参考，具体内容如下示例代码<!-- 使用计算属性，传入截止日期 --><span>{{countDown(endDate)}}</span>/*引入日期插...
2020-05-27
vue-router路由模式详解(小结)
一、路由模式解析要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有...
2020-05-27
vue项目部署到nginx/tomcat服务器的实现
开发完的vue项目，需要部署到Nginx/Tomcat服务器上运行，作为一个前端小白，刚接触vue不久，研究了一番，于是写下这篇文章，记录下来便于今后部署。1.router(history)模式vue项目部署到...
2020-05-27
VUE路由动态加载实例代码讲解
首先新建vue工程，一般我们不会特殊处理路由，但当项目页面越来越多，路由配置也会越来越大，路由文件就会变得不好维护import Vue from 'vue'import Router from 'vue-router'impor...
2020-05-27
javascript实现抢购倒计时程序
本文实例为大家分享了javascript实现抢购倒计时的具体代码，供大家参考，具体内容如下倒计时分为三种状态：1） 未到抢购开始时间，显示：抢票倒计时××天××时××分××秒2） 开始抢购...
2020-05-27
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
前言：
前段时间有一个关于通过获取用户当前经纬度坐标，计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标，刚开始使用的是百度地图结...
2020-05-27
Nodejs中使用puppeteer控制浏览器中视频播放功能
本项目主要功能为在浏览器中自动播放视频，并且实现音量控制，快进快退，全屏控制，播放暂停控制等功能。仓库地址： github.com/hapiman/chr…安装静态服务器如果电脑上存在nodejs的...
2020-05-27
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
在使用validate进行表单验证时会有第一次验证通过，但是第二次验证不通过时，第一次验证通过的信息残留在label上面的情况，最常见的就是√残留如此图所示：此时“请输入姓名”前面...
2020-05-27
Vue+ElementUI项目使用webpack输出MPA的方法
一. 需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页...
2020-05-27
使用Vue.js中的过滤器实现幂方求值的方法
1、应用场景 使用ElementUI实现一个输入框，输入100，下方显示10000。2、实现源码（1）主页面<template> <el-row> <el-tabs v-model="activeName" @tab-click="handlerClick">...
2020-05-27
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
效果如图使用了高德地图API：https://lbs.amap.com/api/javascript-api/example/marker/massmarks
js代码如下：function MapOperate() { } MapOperate.prototype.listensubmit...
2020-05-27
原生javascript自定义input[type=radio]效果示例
本文实例讲述了原生javascript自定义input[type=radio]效果。分享给大家供大家参考，具体如下：找到最为简单的仅仅使用css3的方案<!DOCTYPE html><html lang="en"><head> <met...
2020-05-27
解决Vue中 父子传值 数据丢失问题
在Vue中，父子组件传值，子组件通过props接收父组件传递的数据父组件questionList :传递数据参数questionsLists: 传递数据源
子组件porps 接收父组件方式有俩中，一种是通过对象...
2020-05-27
JS多个表单数据提交下的serialize()应用实例分析
本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考，具体如下：在实际开发场景中，难免遇到需要多个表单的数据传递问题。之所以要进行多表单的数据传...
2020-05-27
