Vue 自定义指令功能完整实例
本文实例讲述了Vue 自定义指令功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义指令</title> <script...
2020-05-27
Vue Extends 扩展选项用法完整实例
本文实例讲述了Vue Extends 扩展选项用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue Extends 扩展选项</...
2020-05-27
Vue的生命周期操作示例
本文实例讲述了Vue的生命周期操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue的生命周期</title> <scrip...
2020-05-27
关于vue项目中搜索节流的实现代码
我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是根据防抖节流而实现的，至于用防抖还是节流根据自己需求。<template> <input type="text" v-model.trim=...
2020-05-27
vue.js购物车添加商品组件的方法
现实向购物车添加商品组件代码<template><div class="cartcontrol"> <!--商品减一区域--> <div class="reduce" v-show="food.count>0"> <i class="icon-remove_circle_out...
2020-05-27
Vue 自定义标签的src属性不能使用相对路径的解决
场景吾辈在使用 Vuetify 时突然遇到的，明明 img 标签就可以使用相对路径获取到图片，而 Veutify 的组件 v-img 却不能使用。如下面 3 种加载图片的方式<!-- 正常加载 --><v-img...
2020-05-27
三步实现ionic3点击退出app程序
本文实例为大家分享了ionic3点击退出app程序的具体代码，供大家参考，具体内容如下其实也很简单。大概分为三步1.tabs.ts文件需要声明一下@ViewChild('mainTabs') tabs:Tabs;//...
2020-05-27
ionic2.0双击返回键退出应用
最近才把ionic的版本更新到2.0，所以便想感受一下2.0版本带来的新体验。看了官方网站以及网上的各种介绍后，才知道这2.0版本结合了TypeScript和ES6，和1.0+版本有很大的不同，所以...
2020-05-27
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
kafka报错内容：WARN [Consumer clientId=consumer-1, groupId=console-consumer-950] Connection to node -1 could not be established. Broker may not be available.这是...
2020-05-27
微信小程序实现蒙版弹出窗功能
话不多说 上代码。
wxml:<view class="page"> <button bindtap="showMask"> 弹出 </button> <view catchtouchmove="preventTouchMove" class="alert-mask" wx:if="{{showMo...
2020-05-27
小程序的上传文件接口的注意要点解析
小程序的上传文件接口的注意需要对接口返回的数据转换为 JavaScript 对象// JSON.parse()将JSON格式的数据转换为 JavaScript 对象<br><br>JSON.parse(res.data)官方文档htt...
2020-05-27
Vue的属性、方法、生命周期实例代码详解
实例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2020-05-27
ionic+html5+API实现双击返回键退出应用
使用ionic+MUI联合开发app，鉴于ionic单方面实现的双击返回键过于复杂，所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用，单击返回键返回上层的功能。
$scope.lis...
2020-05-27
如何使用proxy实现一个简单完整的MVVM库的示例代码
前言MVVM 是当前时代前端日常业务开发中的必备模式（相关框架如react，vue，angular 等）， 使用 MVVM 可以将开发者的精力更专注于业务上的逻辑，而不需要关心如何操作 dom。虽然现在都...
2020-05-27
Cordova(ionic)项目实现双击返回键退出应用
Android原生项目实现双击返回键退出应用，是十分简单的，添加如下代码即可实现：//记录按键时间 private long exitTime; @Override public boolean onKeyDown(int keyCode, Ke...
2020-05-27
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
还是表单验证的问题，发现如果表单内有使用BootStrap-select的下拉选框，在重置表单内容时，会触发对下拉选框的验证，并且验证的提示不会被清除，仍然会存在。
1.HTML结构
<form id="...
2020-05-27
js全屏事件fullscreenchange 实现全屏、退出全屏操作
本文实例为大家分享了js全屏事件fullscreenchange，实现全屏、退出全屏操作，供大家参考，具体内容如下1.进入全屏function launchFullscreen(element) { if (element.requestFull...
2020-05-27
js模拟F11页面全屏显示
本文实例为大家分享了js模拟F11页面全屏显示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试全屏</title></h...
2020-05-27
js实现简单页面全屏
本文实例为大家分享了js实现简单页面全屏，供大家参考，具体内容如下全屏效果为传入div元素全屏：代码块<html> <meta http-equiv="Content-Type" content="text/html; charset=ut...
2020-05-27
js实现窗口全屏示例详解
前言该 demo 包含全屏事件、退出全屏事件以及屏幕状态改变的钩子函数的封装
以下是一个完整示例，只需整体拷贝下来运行即可(注意引入了 jquery)
请在这里查看示例☞ ful...
2020-05-27
解决layer 动态加载select 失效的问题
问题：现在select的一些插件都是隐藏掉原生select域，然后生成一个div框架来做样式和动态效果，但是这些组件在layer弹出层中都没有反应解决办法：form.render('select');//局部渲染...
2020-05-27
layui的布局和表格的渲染以及动态生成表格的方法
整体的效果：一、首先百度搜索layui的地址，然后下载layui的压缩包，，将压缩包的文件解压缩，然后将解压缩后的文件复制到你的编译器上；二、建立一个html文件，引入layui.css 和 layui.j...
2020-05-27
详解element-ui中表单验证的三种方式
最近项目中一直使用的element-ui作为前端框架，对于最常使用的表单验证，做出以下总结：第一种常用方式：表单上加rules｛object｝<el-form class="apply-form first-form" :model="form...
2020-05-27
Flutter实现仿微信底部菜单栏功能
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { retur...
2020-05-27
解决使用layui对select append元素无效或者未及时更新的问题
一、问题本人在使用layui使用了select按钮，点击是js脚本会异步请求后台接口获取json数据，然后layui将json数据渲染到select上，然而获取接口数据没有问题，就是无法更新。本人使用...
2020-05-27
layui问题之自动滚动二级iframe页面到指定位置的方法
一、问题前提：用的layui框架目标：改变iframe页面滚动条位置问题：没有麻溜溜的滚。。二、经过刚开始，以为只要滚动iframe里面的元素就行了，页面所有元素都在section里面，就通过sect...
2020-05-27
过滤器vue.filters的使用方法实现
写项目的时候，有一些方法我们是需要全局使用的，比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法，我们一般会将...
2020-05-27
使用Node.js在深度学习中做图片预处理的方法
背景最近在做一个和对象识别相关的项目，由于团队内技术栈偏向 JavaScript，在已经用 Python 和 Tensorflow 搭建好了对象识别服务器后，为了不再增加团队成员维护成本，所以尽可能...
2020-05-27
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
场景：需要在二级弹窗弹出之后 关闭一级弹窗自己大概看了下 官方文档 没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接 谢谢)自己的解决方案：在父页面 加个关闭一级弹窗...
2020-05-27
快速解决layui弹窗按enter键不停弹窗的问题
问题描述：layui弹窗后按enter键不停的弹出，背景变得越来深解决办法一：如图解决办法二：（一个姓杨的大腿解决）以上这篇快速解决layui弹窗按enter键不停弹窗的问题就是小编分享给大家...
2020-05-27
vue语法自动转typescript(解放双手)
代码的复用是一件很常见的事情，如果是公共代码的复用那还好说，直接做成一个内部私有库，想用的话安装一下 npm包就行了，但是业务代码的复用就不好做成包了，一般都是复制粘贴
我一...
2020-05-27
layui的layedit富文本赋值方法
layedit赋值方法如下/*** 设置编辑器内容* @param {[type]} index 编辑器索引* @param {[type]} content 要设置的内容* @param {[type]} flag 是否追加模式*/layedit.setCo...
2020-05-27
微信小程序授权登陆及每次检查是否授权实例代码
授权登录<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登录</button>//index.js//获取应用实例var APPID ='xxx'var SECRET...
2020-05-27
Typescript的三种运行方式(小结)
一、在线complier
这种方式最简单，不需在本地做任何配置安装，只需进入Typescript的官网 ，点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二...
2020-05-27
使用layui 的layedit定义自己的toolbar方法
官方文档：http://www.layui.com/demo/layedit.html官网文档目前是不支持layedit扩展式的。自己手动实现扩展，定义自己的样式toolbar：1.样式代码分析分析页面初始化后加载的样式...
2020-05-27
layui富文本编辑器前端无法取值的解决方法
首先，需要简单说下layui这个框架，个人觉得属于那种比较好用的框架，包括他的极简流畅的弹框，很适合那种主要写后端的程序员和快速开发的团队本期主要讲的是layui富文本编辑器这个...
2020-05-27
layui输入框中只允许输入整数的实现方法
如下所示：<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">//转化正整数function zhzs(...
2020-05-27
Vue Components 数字键盘的实现
本文介绍了Vue Components 数字键盘的实现，分享给大家，具体如下：项目地址 点击查看
项目演示 点击查看
首先监听所有的input，有input聚焦时调起数字键盘，通过getBoundingClien...
2020-05-27
layui输入框只允许输入中文且判断长度的例子
今天写项目遇到一个问题，在输入老师昵称的时候需要控制input输入框不能为空，且字符的长度有限制，英文字符不能超过20，中文不能超过10。输入课程简介的时候，textarea只能输入中文...
2020-05-27
layui lay-verify form表单自定义验证规则详解
官方文档详见：https://www.layui.com/doc/modules/form.html#verify虽然layui的官方文档已经是写的比较详细，但是初次使用的时候总会懵一下，这里纪录一下lay-verify自定义验证...
2020-05-27
layui复选框限制选择个数的方法
复选框限制选择个数的方法html<div class="layui-form-item"> <label class="layui-form-label">xxx</label> <div class="layui-input-block"> <input class="educati...
2020-05-27
微信小程序获取地理位置及经纬度授权代码实例
这篇文章主要介绍了微信小程序获取地理位置及经纬度授权代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小...
2020-05-27
layui 富文本编辑器和textarea值的相互传递方法
1.富文本编辑器传递值给textarea<div class="layui-form-item layui-form-text"> <label class="layui-form-label">资讯内容</label> <div class="layui-input-block">...
2020-05-27
layui 富文本赋值，取值，取纯文本值的实例
layui 富文本赋值：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>layui</title><meta name="renderer" cont...
2020-05-27
解决layui富文本编辑器图片上传无法回显的问题
layui富文本编辑器用起来挺方便的，但是不足的是不提供图片上传的接口，需要自己写上传接口，而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求，否则图片可以上传成功...
2020-05-27
微信小程序错误this.setData报错及解决过程
先说原因：function声明的函数和箭头函数的作用域不同，这是一个不小心坑的地方。可参考箭头函数说明：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Func...
2020-05-27
vue 实现模糊检索并根据其他字符的首字母顺序排列
昨天让我做一个功能，实现一个模糊检索，我就想，那做呗，然后开始正常的开发 代码如下： HTML VUE 因为是实时的，所以写了将逻辑写到了watch中 五分钟搞...
2020-05-27
基于Vue的商品主图放大镜方案详解
前言在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于 Vue 的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。实现...
2020-05-27
深入理解javascript prototype的相关知识
如图比较好的阐述了prototype和__proto__简单的可以这么理解：狗类A( function foo()),狗类A的模板描述：A.模板 (foo.prototype)是一个对象object, A.模板有个构造方法foo.prot...
2020-05-27
关于layui toolbar和template的结合使用方法
目的：为了完成表格操作列能够自适应表格行数据的某些条件而做出的变化（比如：表格单双行数据展示不同的操作栏等）在操作栏定义一个toolbar （后面的为我们要编写的模板ID），js 就完成...
2020-05-27
