105浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

68浏览

0评论

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

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

• 2020-05-27

124浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

93浏览

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

93浏览

0评论

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

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

• 2020-05-27

128浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

163浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

176浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

分享vue里swiper的一些坑

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

• 2020-05-27

111浏览

0评论

vue-swiper的使用教程

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

• 2020-05-27

79浏览

0评论

Vue2实时监听表单变化的示例讲解

如下所示：<template> <section> <el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :before-close="cancel"> <el-form :model="form" :rules="rul...

• 2020-05-27

83浏览

0评论

vue中rem的配置的方法示例

在用vue或react等工具搭建一个移动端项目时,怎样做到自适应呢&#63; 当然选择rem布局比较方便快捷.
开发移动端，我们常常要用到rem+flex，那么vue中如何配置呢，我的做法是这样：1、...

• 2020-05-27

100浏览

0评论

微信小程序使用wxParse解析html的实现示例

最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容...

• 2020-05-27

99浏览

0评论

解决vue select当前value没有更新到vue对象属性的问题

vue是一款轻量级的mvvm框架，追随了面向对象思想，使得实际操作变得方便，但是如果使用不当，将会面临着到处踩坑的危险，写这篇文章的目的是我遇到的这个问题在网上查了半天也没有发...

• 2020-05-27

103浏览

0评论

vue-router动态设置页面title的实例讲解

由于用Vue框架开发的应用是SPA（单页面应用），采用的是路由的形式，没有所谓的页面，所以想让网页的标题随着路由的改变而改变，可以使用document.title = ×××来改变网页标题。但是...

• 2020-05-27

224浏览

0评论

从vue源码解析Vue.set()和this.$set()

前言最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。Vue.set()和this.$set()应用的场景...

• 2020-05-27

90浏览

0评论

基于Angularjs-router动态改变Title值的问题

许久没写Angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。懒得废话，上代码；index里面直接<title ng-bind="title"></title>即可。路由文件我作名confi...

• 2020-05-27

136浏览

0评论

Vue.set() this.$set()引发的视图更新思考及注意事项

引文vue文档列表渲染中有条注意事项：这里提到的两种情况实际改变了数据但是没有触发视图更新。由此引出Vue.set()，先上文档API：...

• 2020-05-27

100浏览

0评论

javascript闭包的使用之按钮切换功能

闭包实现按钮状态切换看下面的代码：var toggleBtn = document.getElementById('toggle');var toggleFun = (function() { var checked = true; return function() { var col...

• 2020-05-27

95浏览

0评论

详解小程序输入框闪烁及重影BUG解决方案

前言
本人所说的小程序，都是基于mpvue框架而上的，因此BUG可能是原生小程序的，也有可能是mpvue的。
问题描述
在小程序input组件中，如果使用v-model进行双向绑定，在输入时会出现光...

• 2020-05-27

108浏览

0评论

vue通过滚动行为实现从列表到详情,返回列表原位置的方法

vue项目滚动行为场景：项目中，从列表进入详情，再从详情返回列表时，想直接定位到离开时的位置。列表页点击某一个进入到详情页：进入到详情页：从详情页点击返回到列表页到离开的位置：...

• 2020-05-27

132浏览

0评论

Bootstrap Table 双击、单击行获取该行及全表内容

什么是Bootstrap-table？　　在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随...

• 2020-05-27

132浏览

0评论

详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计

执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenameHash...

• 2020-05-27

65浏览

0评论

基于jQuery ztree实现表格风格的树状结构

zTree 简介
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree 是开源免费的软件（MIT 许可证）。...

• 2020-05-27

86浏览

0评论

Angular2之二级路由详解

写了一阵子的Angular 2 现在还是觉得更喜欢Angular 1的版本。1的版本更多的是整合，按照模块来区分，并没有做更细的划分，而2的版本中，在创建时模块组件时就已经有了很好的区分，每...

• 2020-05-27

93浏览

0评论

详解vue使用vue-layer-mobile组件实现toast，loading效果

安装vue-layer-mobile
// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0此版本安装后启动会报错，报...

• 2020-05-27

80浏览

0评论

浅谈angularJS2中的界面跳转方法

链接参数数组保存路由导航时所需的成分：指向目标组件的那个路由的路径（path）必备路由参数和可选路由参数，它们将进入该路由的URL我们可以把RouterLink指令绑定到一个数组，就像这...

• 2020-05-27

110浏览

0评论

解决Angular2 router.navigate刷新页面的问题

造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit，如果在子元素中会向上冒泡触发submit<button (cli...

• 2020-05-27

142浏览

0评论

vue 项目中使用Loading组件的示例代码

什么是vue插件&#63;从功能上说，插件是为Vue添加全局功能的一种机制，比如给Vue添加一个全局组件，全局指令等；从代码结构上说，插件就是一个必须拥有install方法的对象,这个方法的接...

• 2020-05-27

93浏览

0评论

解决angular2 获取到的数据无法实时更新的问题

今天在工作当中碰到了个问题，当我点击地图上面的城市，从后台获取数据更新列表，明明后台的数据已经返回到前端，但是数据就是不能实时更新到页面上，因为在做第一版的时候是没有这个...

• 2020-05-27

94浏览

0评论

Vue.directive使用注意(小结)

指令钩子函数会被传入以下参数：
el：指令所绑定的元素，可以用来直接操作 DOM 。 binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情...

• 2020-05-27

79浏览

0评论

解决Angular4项目部署到服务器上刷新404的问题

刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这...

• 2020-05-27

81浏览

0评论

angular2组件中定时刷新并清除定时器的实例讲解

实例如下：import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core";@Component({changeDetection:ChangeDetectionStrategy....

• 2020-05-27

101浏览

0评论

JavaScript使用prototype原型实现的封装继承多态示例

本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...

• 2020-05-27

85浏览

0评论

Angular2中监听数据更新的方法

angular2 模型数据更新了，需要监听数据改变，一、实现接口Docheck，检测页面上所有元素数据更新import { Component, DoCheck } from "@angular/core";export class LangListUser...

• 2020-05-27

76浏览

0评论

vueJs实现DOM加载完之后自动下拉到底部的实例代码

这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部，文中给大家记录了整个问题的过程，对实现思路感兴趣的朋友大家阅读下本文。/......................................

• 2020-05-27

114浏览

0评论

angular实现input输入监听的示例

最近做用户注册登录时，需要监控用户的输入以此来给用户提示，用到了angular的$watch功能，以下是例子：jsp：<form class="register ng-scope" ng-app="regist_app" onsubmit="regist...

• 2020-05-27

99浏览

0评论

JS实现字符串翻转的方法分析

本文实例分析了JS实现字符串翻转的方法。分享给大家供大家参考，具体如下：1. 字符串的完全翻转:var str = "smile at life";document.write(str.split("").reverse().join(""))...

• 2020-05-27

104浏览

0评论

vuejs实现ready函数加载完之后执行某个函数的方法

vue.js 教程Vue.js（读音 /vju&#720;/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API...

• 2020-05-27

93浏览

0评论

angular 实时监听input框value值的变化触发函数方法

用angulajs + ionic 做了一个登陆页面。效果要通过监听输入框的变化来判断登陆按钮是否可点击。当至少一个输入框为空时登录按钮不可点击。一开始是用的jquery的方法做的，后...

• 2020-05-27

73浏览

0评论

微信小程序视图容器（swiper）组件创建轮播图

本文为大家分享了微信小程序swiper组件创建轮播图的具体代码，供大家参考，具体内容如下一、视图容器（Swiper）1、swiper：滑块视图容器微信官方文档二、swiper应用1、页面逻辑（index...

• 2020-05-27

100浏览

0评论

Bootstrap模态对话框用法简单示例

本文实例讲述了Bootstrap模态对话框用法。分享给大家供大家参考，具体如下：环境：bootstrap-3.3.5,jquery-3.0.0代码：<!DOCTYPE html><html> <head> <title>www.freexyz.cn bootst...

• 2020-05-27