JavaScript - 教程之家

79浏览

0评论

自定义PC微信扫码登录样式写法

PC微信扫码登录近期做一个PC端微信扫码登录的需求，微信扫码有两种方式，一种是新开一个二维码页面，另一种是内嵌入产品网页。本次以内嵌二维码为例，具体怎样在页面中显示一个登陆...

2020-05-27

104浏览

0评论

javascript实现QQ空间相册展示源码

知识点：html/css布局思维，浮动/定位详解，大企业标准，代码性能优化，js鼠标事件，DOM操作等。源码：<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Keyword...

QQ

2020-05-27

45浏览

0评论

实例分析js事件循环机制

本文通过实例给大家详细分析了JS中事件循环机制的原理和用法，以下是全部内容：var start = new Date()setTimeout(function () { var end = new Date console.log('Time elapse...

2020-05-27

73浏览

0评论

JS排序算法之冒泡排序，选择排序与插入排序实例分析

本文实例讲述了JS排序算法之冒泡排序，选择排序与插入排序。分享给大家供大家参考，具体如下：冒泡排序：对数组的中的数据，依次比较相邻两数的大小。如果前面的数据大于后面的数据，...

2020-05-27

48浏览

0评论

JS+canvas画一个圆锥实例代码

以下是我们给大家分享是实例代码：<html><head><title>我的第一个 HTML 页面</title></head><body><canvas id='cvs' width='1000' height="800"></canvas><script>const cvs...

2020-05-27

63浏览

0评论

vue-router路由懒加载和权限控制详解

vue-router路由懒加载和权限控制,今天刚好搞了一个基于node token验证的小demo
所以下面介绍下，路由懒加载
1、为什么要使用路由懒加载呢
用vue.js写单页面应用时，会出现打包...

2020-05-27

45浏览

0评论

Angular2使用vscode断点调试ts文件的方法

VSCode自带debugger工具，管理后台项目使用angular2，试了下调试ts文件十分方便。下面是具体的实现步骤以及踩的坑。当你调试出来后，回头看这个设置还是十分简单的。我使用的是ng...

2020-05-27

55浏览

0评论

仿京东快报向上滚动的实例

实例如下：<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><div id=...

2020-05-27

59浏览

0评论

vue实现导航栏效果（选中状态刷新不消失）

Vue导航栏用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。...

2020-05-27

66浏览

0评论

vue实现nav导航栏的方法

每一个网页项目都少不了导航栏，通过原始的方法基本上都是可以写出来的。但是要写出代码量少，冗余度低的代码就要动脑子思考一下了。最近写了一个百度地图的项目，要求底部有一个...

2020-05-27

134浏览

0评论

vue中路由验证和相应拦截的使用详解

在web项目中，经常需要根据是否登录进行路由的验证和相应的拦截。首先，在vuex里的store.js里边写一个存放登录状态，代码如下import Vue from 'vue'import Vuex from 'vuex'Vue.u...

2020-05-27

116浏览

0评论

vue组件中使用iframe元素的示例代码

本文介绍了vue组件中使用iframe元素的示例代码，分享给大家，具体如下：
需要在本页面中展示vue组件中的超链接，地址栏不改变的方法:
<template> <div class="accept-container">...

2020-05-27

103浏览

0评论

vue实现某元素吸顶或固定位置显示（监听滚动事件）

最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件
利用VUE写一个在控制台打印当前的scrol...

2020-05-27

89浏览

0评论

vue按需加载组件webpack require.ensure的方法

vue-cli是由vue官方发布的快速构建vue单页面的脚手架。使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/stati...

2020-05-27

86浏览

0评论

vue登录路由验证的实现

vue的项目的登录状态如果用vuex状态管理，页面一刷新vuex管理的状态就会消失，这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。
步骤如下：
1、...

2020-05-27

83浏览

0评论

详解webpack require.ensure与require AMD的区别

简介require-ensure和require-amd的区别：require-amd
说明: 同AMD规范的require函数，使用时传递一个模块数组和回调函数，模块都被下载下来且都被执行后才执行回调函数
语法: r...

AMD

2020-05-27

58浏览

0评论

Angular4编程之表单响应功能示例

本文实例讲述了Angular4表单响应功能。分享给大家供大家参考，具体如下：响应式表单1、响应式表单需要在appmodule文件中注入响应式表单模块import { FormsModule, ReactiveForm...

2020-05-27

56浏览

0评论

Angularjs过滤器实现动态搜索与排序功能示例

本文实例讲述了Angularjs过滤器实现动态搜索与排序功能。分享给大家供大家参考，具体如下：利用angularjs实现动态的插入以及利用过滤器进行数据的搜索以及排序.<!DOCTYPE html>...

2020-05-27

89浏览

0评论

详解vue-cli快速构建vue应用并实现webpack打包

Vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue官方...

2020-05-27

75浏览

0评论

node vue项目开发之前后端分离实战记录

前言本文主要介绍了关于node vue前后端分离的相关资料，分享出来供大家参考学习，下面随着小编来一起学习学习吧。node vue项目开发
最近看了近一周的vue开发，有诸多感触，我之前接...

2020-05-27

60浏览

0评论

JS实现利用两个队列表示一个栈的方法

本文实例讲述了JS实现利用两个队列表示一个栈的方法。分享给大家供大家参考，具体如下：先看原理图：理清楚思路，再动笔写：<!DOCTYPE html><html><head> <title>2 Queue</title> <...

2020-05-27

96浏览

0评论

关于Vue单页面骨架屏实践记录

关于骨架屏介绍
骨架屏的作用主要是在网络请求较慢时，提供基础占位，当数据加载完成，恢复数据展示。这样给用户一种很自然的过渡，不会造成页面长时间白屏或者闪烁等情况。常见的...

2020-05-27

61浏览

0评论

vue.js简单配置axios的方法详解

前言官方现在已经不再推荐用resource了，换了个axios，咱也不能落后，至少你得知道咋弄，面试的时候也好给面试官吹吹牛逼，废话不多说。
它本身具有以下特征：从浏览器中创建 XMLHttp...

2020-05-27

113浏览

0评论

vue项目总结之文件夹结构配置详解

前言之前一段时间都在使用 vue 开发后台管理系统，在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知，现在记录下来，希望对其他需要开发项目的人有帮助。
基于 vue....

2020-05-27

48浏览

0评论

详解vue-cli 接口代理配置

本文介绍了vue-cli 接口代理配置，分享给大家，具体如下：一些同学在配置接口代理时，会有疑问我配置成功了为什么接口还是不通，其实代理已经成功只是接口访问地址规则没搞清楚下...

2020-05-27

90浏览

0评论

NodeJs form-data格式传输文件的方法

本文介绍了Node Js 使用KOA处理form-data格式传输过来的文件，分享给大家。具体如下：使用koa有一段时间了，评价是小巧精悍，只封装了基本的如request对象和response对象到上下文中...

2020-05-27

75浏览

0评论

微信小程序实现图片懒加载的示例代码

本文主要介绍微信小程序的模拟图片懒加载，实现的原理是通过页面预加载图片（默认图），加载完成后再显示出来原图，而非真正意义上的懒加载（跟web的懒加载还有很大的差距），只是借此提高...

2020-05-27

94浏览

0评论

原生js实现简单的焦点图效果实例

用到一些封装好的运动函数，主要是定时器效果为图片和图片的描述定时自动更换。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/cs...

2020-05-27

109浏览

0评论

利用JQUERY实现多个AJAX请求等待的实例

前言通常，jQuery的函数ajax进行Ajax调用。函数ajax只能做一个Ajax调用。当Ajax调用成功时，执行回调函数。可选地，当Ajax调用返回错误时，调用另一个回调函数。但是，该功能不能根据...

2020-05-27

76浏览

0评论

vue项目中的webpack-dev-sever配置方法

问题描述：在vue项目中运行npm run dev启动服务器，然而在同一个局域网下的外部设备不能该服务器解决方案：在项目的config文件夹下找到index .js中的host把默认的localhost更改为...

2020-05-27

64浏览

0评论

JavaScript 数组去重并统计重复元素出现的次数实例

1、方法一var arr = [1, 2, 3, 1, 2, 4]; function arrayCnt(arr) { var newArr = []; for(var i = 0; i < arr.length; i++) { if(newArr.indexOf(arr[i]) == -1) {...

2020-05-27

50浏览

0评论

form表单数据封装成json格式并提交给服务器的实现方法

1、jsp代码，form表单：<form action="#" id="costForm"><input type="hidden" id="userId" name="userId"/><div id="COST"> <img src='<%=path %>/cvc/center/images/close.pn...

2020-05-27

94浏览

0评论

javascript实现数字配对游戏的实例讲解

游戏效果如下图所示：规则：在4X5的格子中，有随机的互不相等的10个数，每个数据有两份（也就是20个数，有两两相等的十对）,随机分布在20个格子中。游戏开始，弹出二十个数的序列。每次点击...

2020-05-27

78浏览

0评论

vue.js中引入vuex储存接口数据及调用的详细流程

前言前几天在慕课网上看到黄轶老师的高仿饿了么app视频教程，在做接口设计的时候，我在想，这个接口能不能储存下来全局调用呢？而不是走很多次接口，管理起来也麻烦。
万能的vue果然...

2020-05-27

61浏览

0评论

JavaScript实现全选取消效果

本文实例为大家分享了js实现全选取消效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>...

2020-05-27

59浏览

0评论

JavaScript实现左侧菜单效果

本文实例为大家分享了js实现左侧菜单效果展示的具体代码，供大家参考，具体内容如下当前所学做出来的代码量有点大，以后的学习会使它更简单
<!DOCTYPE html><html lang="en"><hea...

2020-05-27

87浏览

0评论

基于vue 实现token验证的实例代码

vue-koa2-token基于vue的做了token验证前端部分（对axios设置Authorization）import axios from 'axios'import store from '../store'import router from '../router'//设置全...

2020-05-27

77浏览

0评论

vue登录注册及token验证实现代码

在大多数网站中，实现登录注册都是结合本地存储cookie、localStorage和请求时验证token等技术。而对于某些功能页面，会尝试获取本地存储中的token进行判断，存在则可进入，否则跳到...

2020-05-27

58浏览

0评论

利用Javascript实现一套自定义事件机制

前言事件机制为我们的web开发提供了极大的方便，使得我们能在任意时候指定在什么操作时做什么操作、执行什么样的代码。如点击事件，用户点击时触发；keydown、keyup事件，键盘按下...

2020-05-27

65浏览

0评论

浅谈es6 javascript的map数据结构

本文介绍了es6 javascript的map数据结构，分享给大家，具体如下：
Map 结构的目的和基本用法
JavaScript 的对象（ Object），本质上是键值对的集合（ Hash 结构），但是传统上只能用字符串...

2020-05-27

75浏览

0评论

利用Javascript开发一个二维周视图日历

前言本文给大家介绍了Javascript开发二维周视图日历的相关内容，即之前实现了一个月视图日历，我们今天来实现一个二维周视图的日历。以下进行分析其中的关键部分。结构准备
不...

2020-05-27

76浏览

0评论

JavaScript重复元素处理方法分析【统计个数、计算、去重复等】

本文实例讲述了JavaScript重复元素处理方法。分享给大家供大家参考，具体如下：判断一个字符串中出现次数最多的字符，统计这个次数//将字符串的字符保存在一个hash table中，key是...

2020-05-27

57浏览

0评论

浅析JS抽象工厂模式

以下就是作者学习中遇到的问题以及代码实例，最后还给大家关于JS抽象工厂模式的学习做了总结。抽象工厂模式(Abstract Factory)就是通过类的抽象使得业务适用于一个产品类簇的...

2020-05-27

62浏览

0评论

Django与Vue语法的冲突问题完美解决方法

当我们在django web框架中,使用vue的时候,会遇到语法冲突.因为vue使用{{}},而django也使用{{}},因此会冲突.解决办法1:在django1.5以后,加入了标签:{% verbatim myblock %}...

2020-05-27

71浏览

0评论

nodejs实现爬取网站图片功能

通过实例给大家讲解nodejs实现爬取网站图片功能，以下就是全部内容：原理：
爬虫是最明显的IO密集型应用场景，显然用node，使得I/O等待开销小数据挖掘比较方便借助express模块来搭建n...

2020-05-27

44浏览

0评论

ES6/JavaScript使用技巧分享

在编写JavaScript代码的时候存在的一些方法和技巧，虽然有时候条条大路都通向罗马，但是也许总会有那么一条最短的路径可走。本文将一些都知道却不怎么用的小技巧分享给大家一些...

2020-05-27

60浏览

0评论

微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

本文实例讲述了微信小程序实现动态设置placeholder提示文字及按钮选中取消状态的方法。分享给大家供大家参考，具体如下：效果图展示通过绑定点击事件placeholder方法，获取data...

2020-05-27

58浏览

0评论

基于滚动条位置判断的简单实例

实例如下所示：//获取滚动条距离顶部位置function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTo...

2020-05-27

139浏览

0评论

vue实现验证码输入框组件

先来看波完成效果图需求输入4位或6位短信验证码，输入完成后收起键盘实现步骤第一步布局排版<div class="security-code-wrap"> <label for="code"> <ul class="security-co...

2020-05-27

64浏览

0评论

NodeJS爬虫实例之糗事百科

1.前言分析往常都是利用 Python/.NET 语言实现爬虫，然现在作为一名前端开发人员，自然需要熟练 NodeJS。下面利用 NodeJS 语言实现一个糗事百科的爬虫。另外，本文使用的部分代码...

2020-05-27

热门文章