JavaScript - 教程之家

52浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

46浏览

0评论

详解vue-cli 接口代理配置

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

58浏览

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

46浏览

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

84浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

57浏览

0评论

JavaScript实现全选取消效果

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

2020-05-27

54浏览

0评论

JavaScript实现左侧菜单效果

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

2020-05-27

85浏览

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

63浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

60浏览

0评论

浅谈es6 javascript的map数据结构

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

53浏览

0评论

浅析JS抽象工厂模式

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

67浏览

0评论

nodejs实现爬取网站图片功能

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

2020-05-27

42浏览

0评论

ES6/JavaScript使用技巧分享

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

131浏览

0评论

vue实现验证码输入框组件

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

2020-05-27

61浏览

0评论

NodeJS爬虫实例之糗事百科

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

2020-05-27

59浏览

0评论

Angular中使用MathJax遇到的一些问题

前言话说我本来是倾向于 KaTeX 的，因为我感觉他很快，而且 MathJax 似乎很难配。但是大家表示对缺少功能的 KaTeX 并无好感，给我提供了一些钻研 MathJax 的动力。MathJax简介Mat...

2020-05-27

101浏览

0评论

ReactNative中使用Redux架构总结

本文介绍了ReactNative中使用Redux架构总结，分享给大家。具体如下：
使用Redux也有一段时间了。总结一下。为什么要使用Redux?背景： RN的state（可变，子组件不可见）和props（不可...

2020-05-27

62浏览

0评论

基于javascript 显式转换与隐式转换(详解)

显示转换1.题目：请输入今年的年龄，求5年后多大？//a.prompt接收到的数据是string类型的。var age = prompt("请输入你今年的年龄");alert(typeof age);var age5 = age + 5; //...

2020-05-27

61浏览

0评论

JavaScript原生实现观察者模式的示例

观察者模式又叫做发布订阅模式，它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生改变时就会通知所有观察着对象。它是由两类对象组...

2020-05-27

69浏览

0评论

Angular2开发环境搭建教程之VS Code

前言VSCode是微软推出的一款轻量编辑器，采取了和VS相同的UI界面，搭配合适的插件可以优化前端开发的体验。布局：左侧是用于展示所要编辑的所有文件和文件夹的文件管理器，依次是`...

2020-05-27

53浏览

0评论

利用VS Code开发你的第一个AngularJS 2应用程序

前言之前已经给大家介绍了Angular2开发环境搭建教程之VS Code，本文将详细介绍利用VS Code如何开发AngularJS2应用程序的相关内容，分享出来供大家参考学习，下面话不多说了，来一起...

2020-05-27

100浏览

0评论

浅谈Vue SPA 首屏加载优化实践

写在前面本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一些坑及优化方案！我们以 vue-cli 工具为例，使用 vue-router 搭建SPA应用，UI框架选用 element-ui ， ajax方案选用 a...

2020-05-27

78浏览

0评论

Angular中管道操作符(|)的使用方法

管道是什么？Angular的管道可以看作成是一个数据格式化展示的工具。管道可以将数据格式化显示，而不改变源数据。比如关于日期的展示，对于源数据使用管道1可以以yyyy/MM/dd来展示...

2020-05-27

92浏览

0评论

VS Code转换大小写、修改选中文字或代码颜色的方法

一、默认情况下VS Code的编辑菜单或快捷键中没有转换为大写，转换为小写的功能
解决方案1：使用键盘配置，开启转换为小写，转换为大写的快捷键
以VS中的快捷键为例：
小写 -》Ctr...

2020-05-27

44浏览

0评论

微信小程序使用request网络请求操作实例

本文实例讲述了微信小程序使用request网络请求操作。分享给大家供大家参考，具体如下：小程序提供了很多api，极大的方便了开发者，其中网络请求api是wx.request(object)，这是小程序...

2020-05-27

67浏览

0评论

微信小程序ajax实现请求服务器数据及模版遍历数据功能示例

本文实例讲述了微信小程序ajax实现请求服务器数据及模版遍历数据功能。分享给大家供大家参考，具体如下：昨天下载了一个微信小程序的开发者工具，大概看了一下文档，简单的用他的方...

2020-05-27

54浏览

0评论

浅析JavaScript中的特殊数据类型

在JavaScript中，有6大数据类型，分别包括string,number,boolean,undefined,null 和 object一、JS中的特殊类型：NaNNaN 即Not a Number , 不是一个数字，那么NaN到底是什么呢？而对...

2020-05-27

64浏览

0评论

微信小程序左右滑动的实现代码

左滑右滑你不再是一个人无论你是一个程序猿还是一个程序媛，每天干的事除了coding还是coding，代码不能解决的问题（什么问题自己心里还没点abcd数嘛），探探能帮你解决。最近网上特...

2020-05-27

42浏览

0评论

vue给input file绑定函数获取当前上传的对象完美实现方法

HTML<input type="file" @change="tirggerFile($event)">JS(vue-methods)tirggerFile : function (event) { var file = event.target.files; // (利用console.log输出看结...

2020-05-27

70浏览

0评论

使用Electron构建React+Webpack桌面应用的方法

前言Electron可以使用HTML、CSS、JavaScript构建跨平台桌面应用，可是在使用到React和Webpack时，会遇到一些配置问题，本文将针对React+Webpack下的Electron配置提供一个通用的解...

2020-05-27

66浏览

0评论

EasyUI的DataGrid绑定Json数据源的示例代码

EasyUI给表格绑定数据是最常用的方法，小编分享一下总结出来的两种绑定表格方法，知识在于积累。
第一种：数据存放在数据集中，每一行对应多个值，利用循环把数据绑定到表格
前台代码...

2020-05-27

74浏览

0评论

动手写一个angular版本的Message组件的方法

学习一个框架或库的最好方法是看官方文档，并着手去写例子。最近在利用空闲的时间学习angular，那今天就尝试写一个message组件，并通过message服务动态加载message组件。
我所参...

2020-05-27

热门文章