微信小程序使用swiper组件实现类3D轮播图
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简...
2020-05-27
微信小程序支付前端源码
本文实例为大家分享了微信小程序支付前端源码，供大家参考，具体内容如下//index.jsPage({ data: { }, //点击支付按钮进行支付 payclick: function () { var t = this; wx.logi...
2020-05-27
浅谈Vue.use的使用
vue.use（plugin, arguments） 语法
参数：plugin(Function | Object)用法：
如果vue安装的组件类型必须为Function或者是Object如果是个对象，必须提供install方法如果是一个函数，会被...
2020-05-27
Vuex 使用及简单实例(计数器)
前一段时间因为需要使用vue，特地去学习了一下。但是时间匆忙vuex没有接触到，今天闲暇时看了解了一下vuex，并做了一个小demo，用于记录vuex的简单使用过程。什么是Vuex？
vuex是专门...
2020-05-27
Vue实现美团app的影院推荐选座功能【推荐】
经常用美团app买电影票，不禁对它的推荐选座功能产生了好奇，于是打算自己实现一个类似的算法，美团app的推荐选座界面如下
最多可以选5个座位，本demo的选座界面如下图 上图是点击...
2020-05-27
Vue CLI3 如何支持less的方法示例
本文介绍了Vue CLI3 如何支持less的方法示例，分享给大家，具体如下：安装方式：
npm install less less-loader --save或者
cnpm install less less-loader --save大家在编写 .vue...
2020-05-27
vue2实现搜索结果中的搜索关键字高亮的代码
具体代码如下所示：// 筛选变色brightenKeyword(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keyword,...
2020-05-27
vue-cli3.0使用及部分配置详解
好长一段时间没有关注vue脚手架了，昨天因为需要个后台模板，用脚手架
搞了一下，竟然发现指令不能用了，看官方文档已经升级3.0，也是试的玩了一下，
大致写写怎么玩的！1.先全局安装vue-...
2020-05-27
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
最近公司的产品上线，一些高级功能在基础版本中不对用户开发，通过视频的形式展示。产品开发用的是 vue, 经同事介绍使用了vue-video-player 视频播放插件，通过 demo 案例很快实...
2020-05-27
JS实现数组的增删改查操作示例
本文实例讲述了JS实现数组的增删改查操作。分享给大家供大家参考，具体如下：1、给原数组中 新增用到 push 改变原数组的长度并返回新的长度，新元素添加在原数组的末尾<doctype><...
2020-05-27
jQuery实现的淡入淡出图片轮播效果示例
本文实例讲述了jQuery实现的淡入淡出图片轮播效果。分享给大家供大家参考，具体如下：1.HTML 框架搭建（css代码里宽高的大小与图片的大小一致）css部分：<style> * { padding: 0;...
2020-05-27
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
jQuery实现的简单手风琴效果示例
本文实例讲述了jQuery实现的简单手风琴效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jQuery...
2020-05-27
简述vue状态管理模式之vuex
了解vuex核心概念请移步 https://vuex.vuejs.org/zh/一、初始vuex
1.1 vuex是什么那么先来看看这两个问题:什么是vuex?官网说：Vuex 是一个专为 Vue.js 应用程序开发的状...
2020-05-27
JS实现的input选择图片本地预览功能示例
本文实例讲述了JS实现的input选择图片本地预览功能。分享给大家供大家参考，具体如下：预览效果见下图：HTML代码如下：<div class="content" style="margin-top:100px;height:200px...
2020-05-27
webpack4+Vue搭建自己的Vue-cli项目过程分享
前言对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛最近在看webpack4，深感知识浅薄，这两天也一直在思考cli的配置，借助一些别人的实践，尝试自己搭建vue...
2020-05-27
使用Node搭建reactSSR服务端渲染架构
如题；本文所讲架构主要用到技术栈有： Node, Express, React, Mobx, webpack4, ES6, ES7, axios, ejs, log4js, scss，echarts，ant desigeSSR的概念
Server Slide Rendering，缩写...
2020-05-27
原生JS实现的简单小钟表功能示例
本文实例讲述了原生JS实现的简单小钟表功能。分享给大家供大家参考，具体如下：先来看看运行效果：完整代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...
2020-05-27
vue组件表单数据回显验证及提交的实例代码
最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。代码如下：<template> <div class="index"> <!--header-bar></header-bar-->...
2020-05-27
JavaScript fetch接口案例解析
在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。
现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目...
2020-05-27
原生JS实现简单的倒计时功能示例
本文实例讲述了原生JS实现简单的倒计时功能。分享给大家供大家参考，具体如下：1、第一种<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>www.freexyz.cn JS倒计时...
2020-05-27
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
在Vue中，自定义指令的生命周期，有5个事件钩子：1-bind 被绑定， 2-inserted 被插入， 3-update 开始更新， 4-componentUpdated 更新完成，5-unbind 解除绑定。我们可以设置指令在某一个...
2020-05-27
详解React native fetch遇到的坑
最近在自学react native，学习过程中遇到了不少的坑，下面将针对登录这一功能来详细介绍一下以下遇到的两个问题。
1.在请求数据的时候，一般情况下我们会直接提交Content-type是...
2020-05-27
JS+HTML5 Canvas实现简单的写字板功能示例
本文实例讲述了JS+HTML5 Canvas实现简单的写字板功能。分享给大家供大家参考，具体如下：先来看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8">...
2020-05-27
解决vue的变量在settimeout内部效果失效的问题
解决方法如下：1、定义一个self暂存this2、再改变变量的值，则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgState; set...
2020-05-27
解决使用bootstrap的dropdown部件时报错：error：Bootstrap dropdown require Popper.js问题
最近小编在学习bootstrap，偶然碰到了一个小问题，bootstrap网站也没有做过多的解释，今天分享给大家。问题描述：使用bootstrap的dropdown部件，打开网页后点击dropdown，报了如下错误：e...
2020-05-27
jsonp跨域及实现百度首页联想功能的方法
什么是跨域呢？
比如说ajax必须在自己的域(名)之下，才能进行异步的请求，如果不是在同一个域之下就不能进行请求，会报错。比如说我们用ajax去请求腾讯的API如果我们的这个域不在腾...
2020-05-27
解决jQuery使用append添加的元素事件无效的问题
jquery api官方的例子在新增的元素上添加事件$(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this...
2020-05-27
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
浏览器缓存
浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。所以根据上面的特点，浏览器缓存...
2020-05-27
原生JS+HTML5实现的可调节写字板功能示例
本文实例讲述了原生JS+HTML5实现的可调节写字板功能。分享给大家供大家参考，具体如下：前面一篇介绍了《JS+HTML5 Canvas实现简单的写字板功能》，这里再介绍另一种实现方法。首...
2020-05-27
对vue中methods互相调用的方法详解
如下所示：最近在学习vue，并用vue+vue-router+axios+elementUI做了一个pos收银系统的前端页面，但是中间遇到methods里的方法调用问题。本身源码是没有调用的，但是我想直接调用多...
2020-05-27
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
在Vue methods中调用filters里的过滤器实例
需求：vue中，除了在模板中使用过滤器，有时候，methods中也需要使用filters中的过滤器，网友hongz1125提出的解决办法：this.$options.filters[filter](...args) //这种方法很简单,也...
2020-05-27
解决vue js IOS H5focus无法自动弹出键盘的问题
IOS不自动弹出键盘，必须手动触发一下focus才行，不能自动调用，所以需要诱导用户点击某个按钮触发focus，最终修改的方法，默认隐藏密码输入框，隐藏不能用v-if或者是v-show,用position...
2020-05-27
微信小程序之判断页面滚动方向的示例代码
微信小程序中如果判断页面滚动方向？解决方案
1.用到微信小程序API获取页面实际高度 nodesRef.boundingClientRect([callback])
监听用户滑动页面事件onPageScroll。
2.获取...
2020-05-27
解决Js先触发失去焦点事件再执行点击事件的问题
最近在做公司的某个从项目，基本设计和淘宝登陆页类似： 1）文本框内容为空是，文本框右侧无清除按钮，当有内容时立即显示清除按钮；2）当文本框失去焦点时，清除按钮消失，获取焦点时若文本...
2020-05-27
解决vue中监听input只能输入数字及英文或者其他情况的问题
如下所示：1、<input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>、 （只能输入数字，英文)<input placeholder="请输入商品条形码" cl...
2020-05-27
小程序图片长按识别功能的实现方法
背景
今天，做的小程序项目要求，个人中心的客服图片在用户长按时可以识别其二维码
在百度无果，参考小程序官方文档后，发现：
1.文档中有一句提示：
"image组件中二维码/小程序码图片...
2020-05-27
详解Vue CLI3 多页应用实践和源码设计
对于一个网站来说,即需要h5页面也同时需要web页面,而h5和web页面共用很多代码,不做响应式,只能拆分两个页面来写,一个h5,一个web.用vue cli3怎么配置h5与web的应用呢?...
2020-05-27
Nodejs Express 通过log4js写日志到Logstash(ELK)
Log4j 是一个使用 Java 语言编写的，可靠、快速、灵活的日志框架（API），使用 Apache Software License 授权。它被移植到 C、C++、C#、Perl、Python、Ruby 和 Eiffel 语言中。Log4...
2020-05-27
分享vue里swiper的一些坑
实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用)第一步: 安装 npm i swiper (vue插件自带)第二步: 在当前页面里...
2020-05-27
vue-swiper的使用教程
swiper是我之前做前端页面会用到的一个插件,我自己认为是非常好用的。swiper提供了形式多种多样、适应各个终端的轮播图效果。本文是小编给大家带来的vue-swiper的使用教程...
2020-05-27
Vue2实时监听表单变化的示例讲解
如下所示：<template> <section> <el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :before-close="cancel"> <el-form :model="form" :rules="rul...
2020-05-27
vue中rem的配置的方法示例
在用vue或react等工具搭建一个移动端项目时,怎样做到自适应呢? 当然选择rem布局比较方便快捷.
开发移动端，我们常常要用到rem+flex，那么vue中如何配置呢，我的做法是这样：1、...
2020-05-27
微信小程序使用wxParse解析html的实现示例
最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容...
2020-05-27
解决vue select当前value没有更新到vue对象属性的问题
vue是一款轻量级的mvvm框架，追随了面向对象思想，使得实际操作变得方便，但是如果使用不当，将会面临着到处踩坑的危险，写这篇文章的目的是我遇到的这个问题在网上查了半天也没有发...
2020-05-27
vue-router动态设置页面title的实例讲解
由于用Vue框架开发的应用是SPA（单页面应用），采用的是路由的形式，没有所谓的页面，所以想让网页的标题随着路由的改变而改变，可以使用document.title = ×××来改变网页标题。但是...
2020-05-27
从vue源码解析Vue.set()和this.$set()
前言最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。Vue.set()和this.$set()应用的场景...
2020-05-27
基于Angularjs-router动态改变Title值的问题
许久没写Angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。懒得废话，上代码；index里面直接<title ng-bind="title"></title>即可。路由文件我作名confi...
2020-05-27
Vue.set() this.$set()引发的视图更新思考及注意事项
引文vue文档列表渲染中有条注意事项：这里提到的两种情况实际改变了数据但是没有触发视图更新。由此引出Vue.set()，先上文档API：...
2020-05-27
