JavaScript - 教程之家

42浏览

0评论

jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】

本文实例讲述了jQuery实现的响应鼠标移动方向插件用法。分享给大家供大家参考，具体如下：HTML代码如下：<!doctype html><html><head> <meta http-equiv="Content-Type" content=...

2020-05-27

172浏览

0评论

vue+element-ui动态生成多级表头的方法

vue+elementhtml配置：<div id="table">{{tableData}}<el-table :data="tabledata01" :span-method="tableSpanMethod" max-height="420"><el-table-column v-for='item in ta...

2020-05-27

70浏览

0评论

vee-validate vue 2.0自定义表单验证的实例

亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。1. NPMnpm install vee-validate --save2. CD...

2020-05-27

68浏览

0评论

微信小程序中上传图片并进行压缩的实现代码

小程序上传图片要先了解他其中的各个属性值，在https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html内有详细的介绍今天在这里主要来讲下如何去上传图...

2020-05-27

59浏览

0评论

微信小程序自定义select下拉选项框组件的实现代码

知识点：组件，animation，获取当前点击元素的索引与内容微信小程序中没有select下拉选项框，所以只有自定义。自定义的话，可以选择模板的方式，也可以选择组件的方式来创建。这次我选...

2020-05-27

48浏览

0评论

在vue中使用SockJS实现webSocket通信的过程

最近接到一个业务需求,需要做一个聊天信息的实时展示的界面,这就需要和服务器端建立webSocket连接,从而实现数据的实时获取和视图的实时刷新.在此将我的实现记录下来,希望可...

2020-05-27

73浏览

0评论

详解webpack自定义loader初探

最近负责的Weex项目涉及到一些构建上的问题，需要通过自定义webpack的loader去实现，于是学习了一下这方面的知识，写一篇文章做个总结，以免遗忘。webpack想必前端圈的人都知道了，大...

2020-05-27

46浏览

0评论

javascript中UMD规范的代码推演

1. UMD规范
地址：https://github.com/umdjs/umdUMD规范，就是所有规范里长得最丑的那个，没有之一！！！它是为了让模块同时兼容AMD和CommonJs规范而出现的，多被一些需要同时支持浏览器...

2020-05-27

86浏览

0评论

微信小程序使用swiper组件实现类3D轮播图

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简...

2020-05-27

81浏览

0评论

微信小程序支付前端源码

本文实例为大家分享了微信小程序支付前端源码，供大家参考，具体内容如下//index.jsPage({ data: { }, //点击支付按钮进行支付 payclick: function () { var t = this; wx.logi...

2020-05-27

37浏览

0评论

浅谈Vue.use的使用

vue.use（plugin, arguments）语法
参数：plugin(Function | Object)用法：
如果vue安装的组件类型必须为Function或者是Object如果是个对象，必须提供install方法如果是一个函数，会被...

2020-05-27

71浏览

0评论

Vuex 使用及简单实例(计数器)

前一段时间因为需要使用vue，特地去学习了一下。但是时间匆忙vuex没有接触到，今天闲暇时看了解了一下vuex，并做了一个小demo，用于记录vuex的简单使用过程。什么是Vuex？
vuex是专门...

2020-05-27

109浏览

0评论

Vue实现美团app的影院推荐选座功能【推荐】

经常用美团app买电影票，不禁对它的推荐选座功能产生了好奇，于是打算自己实现一个类似的算法，美团app的推荐选座界面如下
最多可以选5个座位，本demo的选座界面如下图上图是点击...

2020-05-27

62浏览

0评论

Vue CLI3 如何支持less的方法示例

本文介绍了Vue CLI3 如何支持less的方法示例，分享给大家，具体如下：安装方式：
npm install less less-loader --save或者
cnpm install less less-loader --save大家在编写 .vue...

2020-05-27

75浏览

0评论

vue2实现搜索结果中的搜索关键字高亮的代码

具体代码如下所示：// 筛选变色brightenKeyword(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keyword,...

2020-05-27

61浏览

0评论

vue-cli3.0使用及部分配置详解

好长一段时间没有关注vue脚手架了，昨天因为需要个后台模板，用脚手架
搞了一下，竟然发现指令不能用了，看官方文档已经升级3.0，也是试的玩了一下，
大致写写怎么玩的！1.先全局安装vue-...

2020-05-27

194浏览

0评论

vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】

最近公司的产品上线，一些高级功能在基础版本中不对用户开发，通过视频的形式展示。产品开发用的是 vue, 经同事介绍使用了vue-video-player 视频播放插件，通过 demo 案例很快实...

2020-05-27

61浏览

0评论

JS实现数组的增删改查操作示例

本文实例讲述了JS实现数组的增删改查操作。分享给大家供大家参考，具体如下：1、给原数组中新增用到 push 改变原数组的长度并返回新的长度，新元素添加在原数组的末尾<doctype><...

2020-05-27

48浏览

0评论

jQuery实现的淡入淡出图片轮播效果示例

本文实例讲述了jQuery实现的淡入淡出图片轮播效果。分享给大家供大家参考，具体如下：1.HTML 框架搭建（css代码里宽高的大小与图片的大小一致）css部分：<style> * { padding: 0;...

2020-05-27

74浏览

0评论

angularjs实现对表单输入改变的监控(ng-change和watch两种方式)

angularjs通过ng-change和watch两种方式实现对表单输入改变的监控直接上练习代码<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="C...

2020-05-27

45浏览

0评论

jQuery实现的简单手风琴效果示例

本文实例讲述了jQuery实现的简单手风琴效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jQuery...

2020-05-27

57浏览

0评论

简述vue状态管理模式之vuex

了解vuex核心概念请移步 https://vuex.vuejs.org/zh/一、初始vuex
1.1 vuex是什么那么先来看看这两个问题:什么是vuex?官网说：Vuex 是一个专为 Vue.js 应用程序开发的状...

2020-05-27

61浏览

0评论

JS实现的input选择图片本地预览功能示例

本文实例讲述了JS实现的input选择图片本地预览功能。分享给大家供大家参考，具体如下：预览效果见下图：HTML代码如下：<div class="content" style="margin-top:100px;height:200px...

2020-05-27

60浏览

0评论

webpack4+Vue搭建自己的Vue-cli项目过程分享

前言对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛最近在看webpack4，深感知识浅薄，这两天也一直在思考cli的配置，借助一些别人的实践，尝试自己搭建vue...

2020-05-27

62浏览

0评论

使用Node搭建reactSSR服务端渲染架构

如题；本文所讲架构主要用到技术栈有： Node, Express, React, Mobx, webpack4, ES6, ES7, axios, ejs, log4js, scss，echarts，ant desigeSSR的概念
Server Slide Rendering，缩写...

2020-05-27

61浏览

0评论

原生JS实现的简单小钟表功能示例

本文实例讲述了原生JS实现的简单小钟表功能。分享给大家供大家参考，具体如下：先来看看运行效果：完整代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...

2020-05-27

59浏览

0评论

vue组件表单数据回显验证及提交的实例代码

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。代码如下：<template> <div class="index"> ...

2020-05-27

64浏览

0评论

JavaScript fetch接口案例解析

在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。
现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目...

2020-05-27

62浏览

0评论

原生JS实现简单的倒计时功能示例

本文实例讲述了原生JS实现简单的倒计时功能。分享给大家供大家参考，具体如下：1、第一种<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>www.freexyz.cn JS倒计时...

2020-05-27

65浏览

0评论

对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍

在Vue中，自定义指令的生命周期，有5个事件钩子：1-bind 被绑定， 2-inserted 被插入， 3-update 开始更新， 4-componentUpdated 更新完成，5-unbind 解除绑定。我们可以设置指令在某一个...

2020-05-27

55浏览

0评论

详解React native fetch遇到的坑

最近在自学react native，学习过程中遇到了不少的坑，下面将针对登录这一功能来详细介绍一下以下遇到的两个问题。
1.在请求数据的时候，一般情况下我们会直接提交Content-type是...

2020-05-27

68浏览

0评论

JS+HTML5 Canvas实现简单的写字板功能示例

本文实例讲述了JS+HTML5 Canvas实现简单的写字板功能。分享给大家供大家参考，具体如下：先来看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8">...

2020-05-27

80浏览

0评论

解决vue的变量在settimeout内部效果失效的问题

解决方法如下：1、定义一个self暂存this2、再改变变量的值，则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgState; set...

2020-05-27

73浏览

0评论

解决使用bootstrap的dropdown部件时报错：error：Bootstrap dropdown require Popper.js问题

最近小编在学习bootstrap，偶然碰到了一个小问题，bootstrap网站也没有做过多的解释，今天分享给大家。问题描述：使用bootstrap的dropdown部件，打开网页后点击dropdown，报了如下错误：e...

2020-05-27

69浏览

0评论

jsonp跨域及实现百度首页联想功能的方法

什么是跨域呢？
比如说ajax必须在自己的域(名)之下，才能进行异步的请求，如果不是在同一个域之下就不能进行请求，会报错。比如说我们用ajax去请求腾讯的API如果我们的这个域不在腾...

2020-05-27

46浏览

0评论

解决jQuery使用append添加的元素事件无效的问题

jquery api官方的例子在新增的元素上添加事件$(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this...

2020-05-27

102浏览

0评论

10分钟彻底搞懂Http的强制缓存和协商缓存(小结)

浏览器缓存
浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。所以根据上面的特点，浏览器缓存...

2020-05-27

78浏览

0评论

原生JS+HTML5实现的可调节写字板功能示例

本文实例讲述了原生JS+HTML5实现的可调节写字板功能。分享给大家供大家参考，具体如下：前面一篇介绍了《JS+HTML5 Canvas实现简单的写字板功能》，这里再介绍另一种实现方法。首...

2020-05-27

53浏览

0评论

对vue中methods互相调用的方法详解

如下所示：最近在学习vue，并用vue+vue-router+axios+elementUI做了一个pos收银系统的前端页面，但是中间遇到methods里的方法调用问题。本身源码是没有调用的，但是我想直接调用多...

2020-05-27

66浏览

0评论

vue 根据数组中某一项的值进行排序的方法

vue中数组和对象的排序
1数组排序
<div id="app"> <ul> <li v-for="a in arr1">{{a}}</li> </ul> </div> <script type="text/javascript"> new Vue({ el:"#app",...

2020-05-27

56浏览

0评论

在Vue methods中调用filters里的过滤器实例

需求：vue中，除了在模板中使用过滤器，有时候，methods中也需要使用filters中的过滤器，网友hongz1125提出的解决办法：this.$options.filters[filter](...args) //这种方法很简单,也...

2020-05-27

108浏览

0评论

解决vue js IOS H5focus无法自动弹出键盘的问题

IOS不自动弹出键盘，必须手动触发一下focus才行，不能自动调用，所以需要诱导用户点击某个按钮触发focus，最终修改的方法，默认隐藏密码输入框，隐藏不能用v-if或者是v-show,用position...

2020-05-27

59浏览

0评论

微信小程序之判断页面滚动方向的示例代码

微信小程序中如果判断页面滚动方向？解决方案
1.用到微信小程序API获取页面实际高度 nodesRef.boundingClientRect([callback])
监听用户滑动页面事件onPageScroll。
2.获取...

2020-05-27

50浏览

0评论

解决Js先触发失去焦点事件再执行点击事件的问题

最近在做公司的某个从项目，基本设计和淘宝登陆页类似： 1）文本框内容为空是，文本框右侧无清除按钮，当有内容时立即显示清除按钮；2）当文本框失去焦点时，清除按钮消失，获取焦点时若文本...

2020-05-27

62浏览

0评论

解决vue中监听input只能输入数字及英文或者其他情况的问题

如下所示：1、<input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>、（只能输入数字，英文)<input placeholder="请输入商品条形码" cl...

2020-05-27

134浏览

0评论

小程序图片长按识别功能的实现方法

背景
今天，做的小程序项目要求，个人中心的客服图片在用户长按时可以识别其二维码
在百度无果，参考小程序官方文档后，发现：
1.文档中有一句提示：
"image组件中二维码/小程序码图片...

2020-05-27

84浏览

0评论

详解Vue CLI3 多页应用实践和源码设计

对于一个网站来说,即需要h5页面也同时需要web页面,而h5和web页面共用很多代码,不做响应式,只能拆分两个页面来写,一个h5,一个web.用vue cli3怎么配置h5与web的应用呢?...

2020-05-27

147浏览

0评论

Nodejs Express 通过log4js写日志到Logstash(ELK)

Log4j 是一个使用 Java 语言编写的，可靠、快速、灵活的日志框架（API），使用 Apache Software License 授权。它被移植到 C、C++、C#、Perl、Python、Ruby 和 Eiffel 语言中。Log4...

2020-05-27

86浏览

0评论

分享vue里swiper的一些坑

实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用)第一步: 安装 npm i swiper (vue插件自带)第二步: 在当前页面里...

2020-05-27

88浏览

0评论

vue-swiper的使用教程

swiper是我之前做前端页面会用到的一个插件,我自己认为是非常好用的。swiper提供了形式多种多样、适应各个终端的轮播图效果。本文是小编给大家带来的vue-swiper的使用教程...

2020-05-27

热门文章