JavaScript - 教程之家

86浏览

0评论

layuiAdmin循环遍历展示商品图片列表的方法

主页面内容<div class="layui-fluid layadmin-cmdlist-fluid"> <script id="demo2" type="text/html"> <div class="layui-col-md2 layui-col-sm4"> <div class="cmdl...

2020-05-27

134浏览

0评论

Layui点击图片弹框预览的实现方法

我就废话不多说了，直接上代码吧！如下所示： <img src="123.png" width="20px" height="20px" class="layui-upload-img" onclick="previewImg(this)"> function previewImg(obj)...

2020-05-27

108浏览

0评论

详解NodeJs项目 CentOs linux服务器线上部署

1.安装nodejs官网仓库下载好NodeJs的Linux包(我用的 node-v9.9.0-linux-x64.tar.gz)到本地然后通过FTP（filezilla）上传到服务器;或者可以直接在服务器终端使用 wget 命令下载...

2020-05-27

257浏览

0评论

图解NodeJS实现登录注册功能

该Demo根据菜鸟教程的练手项目，请提前到菜鸟教程的官网查看nodejs的相关教程，根据教程实际操作一遍，然后自己动手去实现登录、注册功能，此Demo只作参考，不符合前端相关规范。使...

2020-05-27

253浏览

0评论

基于layui框架响应式布局的一些使用详解

写在前面的因为公司的需要，这几天学习了layui框架，稍微有一些心得。介绍就不多说，贴上官网的说明文档，目前是2.0版本，上面有很详细的介绍。官网地址：https://www.layui.com/doc/el...

2020-05-27

322浏览

0评论

JS多个异步请求按顺序执行next实现解析

在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一...

2020-05-27

261浏览

0评论

layer弹出层自适应高度,垂直水平居中的实现

1、高度自适应：success: function(layero, index) { layer.iframeAuto(index); },2、layer垂直居中进入layer.js，增加几行代码。具体如图：以上这篇layer弹出层自适应高...

2020-05-27

64浏览

0评论

手把手15分钟搭一个企业级脚手架

1 写在前面的话
搭一个脚手架，考验了你的 nodejs 水平、工程化能力、以及工具服务的设计能力，是前端进阶不可或缺的过程
笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实...

2020-05-27

411浏览

0评论

解决layer弹出层自适应页面大小的问题

前两天在Vue中引入了Vue-layer插件，实现了弹出层效果。不过由于是在22寸屏下开发的，没多想，弹出层的area的长宽就设定的都是800px，效果还很好。结果那给用户看，他们是12寸的笔记...

2020-05-27

368浏览

0评论

Layui弹出层加载做编辑页面的方法

layui是一款优秀的模块化前端框架。利用layui弹出层做编辑页面先上效果图基本准备，引入layui的layui.css,layui.js文件<link rel="stylesheet" href="../../../Publics/other...

2020-05-27

195浏览

0评论

基于Vue.js与WordPress Rest API构建单页应用详解

前言
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
axios 是一个基于Promise 用于浏览器和 nodejs 的 H...

2020-05-27

139浏览

0评论

layui监听单元格编辑前后交互的例子

我就废话不多说啦，大家直接看代码就行了！如下所示：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1,...

2020-05-27

336浏览

0评论

layui使用templet格式化表格数据的方法

增加js/*---------------------格式化时间开始--------------------------*///对Date的扩展，将 Date 转化为指定格式的String//月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q...

2020-05-27

82浏览

0评论

JavaScript中0、空字符串、'0'是true还是false的知识点分享

最近被问到关于js中空字符串是true还是false得问题，一时间没想起来，现在在chrome的console面板上输出代码测试一下。"" == false 结果是true 在js中空字符串与0相等即空字...

2020-05-27

174浏览

0评论

Vue 自定义指令实现一键 Copy功能

先看下效果图：指令是啥？
按照惯例，先请出官方的解释：指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨...

2020-05-27

148浏览

0评论

layui 实现表单和文件上传一起传到后台的例子

HTML代码<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">尾灯名称</label> <div class="layui-input-block"> <in...

2020-05-27

211浏览

0评论

微信小程序左右滚动公告栏效果代码实例

这篇文章主要介绍了微信小程序左右滚动公告栏效果代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<vie...

2020-05-27

97浏览

0评论

微信小程序左滑删除实现代码实例

这篇文章主要介绍了微信小程序左滑删除实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<view class="touch...

2020-05-27

233浏览

0评论

解决微信小程序中的滚动穿透问题

Mask-Scroll> 原码地址 *蒙层防穿透问题> 蒙层穿透就是，当你用fixed 布局让蒙层显示的时候，手指滑动屏幕会出现底部内容也滑动的现象. 如图：当蒙层出现的时候，你滚动屏幕，底部内...

2020-05-27

108浏览

0评论

JavaScript生成一个不重复的ID的方法示例

本文介绍了JavaScript生成一个不重复的ID的方法示例，分享给大家，具体如下：/** * 生成一个用不重复的ID */function GenNonDuplicateID():String{ }先看看下面的几个方法
1.生成...

2020-05-27

115浏览

0评论

Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

Index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格内容溢出省略号显示</title> <style type="text/css"> .contain { font-...

2020-05-27

165浏览

0评论

关于Layui Table隐藏列问题

layui没有提供Table隐藏列的功能（只是写这个文档的时候没有提供）。第一步：获取Layui的TableBox Jquery对象var _table_box = $(this._table_elem).next().find(".layui-table-b...

2020-05-27

60浏览

0评论

基于layui轮播图满屏是高度自适应的解决方法

在做官网时，遇到轮播图的问题，本来自己写了个轮播图，怎奈有个问题（当我打开页面后去浏览其他页面，回来首页后会有图片会来回闪动，没有正确轮播）一直没有解决。后来看到了layui插件...

2020-05-27

103浏览

0评论

解决layui轮播图有数据不显示的情况

最近接触了一个项目，要实现一个轮播图的功能，因为是在原有的项目上进行二次开发，项目前端用的是layui框架，楼主是后台方向，没怎么接触过前端，在用layui实现轮播图时，发现异步从后台...

2020-05-27

103浏览

0评论

解决layer.confirm选择完之后消息框不消失的问题

如下所示：layer.confirm('主题库里已存在相同的表',function(){。。。。。。。。。。//处理结果 });当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要...

2020-05-27

135浏览

0评论

layui 关闭open弹出框刷新table表格页面的方法

如下所示：保存后刷新table表格源码//弹出框layer.open({ type: 2, shadeClose: true, shade: 0.3, maxmin: true, area: ['80%', '95%'], title: '', content: '', end: func...

2020-05-27

101浏览

0评论

uni app仿微信顶部导航条功能

最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...

2020-05-27

52浏览

0评论

JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例

屏蔽f12审查<script>document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {alert("F12被禁用");event.keyCode = 0;event.returnValue =...

2020-05-27

73浏览

0评论

JS扁平化输出数组的2种方法解析

这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.使用数组的flat方...

2020-05-27

55浏览

0评论

Vue 自定义指令功能完整实例

本文实例讲述了Vue 自定义指令功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义指令</title> <script...

2020-05-27

82浏览

0评论

Vue Extends 扩展选项用法完整实例

本文实例讲述了Vue Extends 扩展选项用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue Extends 扩展选项</...

2020-05-27

77浏览

0评论

Vue的生命周期操作示例

本文实例讲述了Vue的生命周期操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue的生命周期</title> <scrip...

2020-05-27

69浏览

0评论

关于vue项目中搜索节流的实现代码

我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是根据防抖节流而实现的，至于用防抖还是节流根据自己需求。<template> <input type="text" v-model.trim=...

2020-05-27

106浏览

0评论

vue.js购物车添加商品组件的方法

现实向购物车添加商品组件代码<template><div class="cartcontrol">  <div class="reduce" v-show="food.count>0"> <i class="icon-remove_circle_out...

2020-05-27

143浏览

0评论

Vue 自定义标签的src属性不能使用相对路径的解决

场景吾辈在使用 Vuetify 时突然遇到的，明明 img 标签就可以使用相对路径获取到图片，而 Veutify 的组件 v-img 却不能使用。如下面 3 种加载图片的方式<v-img...

2020-05-27

81浏览

0评论

三步实现ionic3点击退出app程序

本文实例为大家分享了ionic3点击退出app程序的具体代码，供大家参考，具体内容如下其实也很简单。大概分为三步1.tabs.ts文件需要声明一下@ViewChild('mainTabs') tabs:Tabs;//...

2020-05-27

81浏览

0评论

ionic2.0双击返回键退出应用

最近才把ionic的版本更新到2.0，所以便想感受一下2.0版本带来的新体验。看了官方网站以及网上的各种介绍后，才知道这2.0版本结合了TypeScript和ES6，和1.0+版本有很大的不同，所以...

2020-05-27

1075浏览

0评论

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

82浏览

0评论

微信小程序实现蒙版弹出窗功能

话不多说上代码。
wxml:<view class="page"> <button bindtap="showMask"> 弹出 </button> <view catchtouchmove="preventTouchMove" class="alert-mask" wx:if="{{showMo...

2020-05-27

80浏览

0评论

小程序的上传文件接口的注意要点解析

小程序的上传文件接口的注意需要对接口返回的数据转换为 JavaScript 对象// JSON.parse()将JSON格式的数据转换为 JavaScript 对象<br><br>JSON.parse(res.data)官方文档htt...

2020-05-27

66浏览

0评论

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

93浏览

0评论

ionic+html5+API实现双击返回键退出应用

使用ionic+MUI联合开发app，鉴于ionic单方面实现的双击返回键过于复杂，所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用，单击返回键返回上层的功能。
$scope.lis...

2020-05-27

106浏览

0评论

如何使用proxy实现一个简单完整的MVVM库的示例代码

前言MVVM 是当前时代前端日常业务开发中的必备模式（相关框架如react，vue，angular 等），使用 MVVM 可以将开发者的精力更专注于业务上的逻辑，而不需要关心如何操作 dom。虽然现在都...

2020-05-27

140浏览

0评论

Cordova(ionic)项目实现双击返回键退出应用

Android原生项目实现双击返回键退出应用，是十分简单的，添加如下代码即可实现：//记录按键时间 private long exitTime; @Override public boolean onKeyDown(int keyCode, Ke...

2020-05-27

73浏览

0评论

详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑

还是表单验证的问题，发现如果表单内有使用BootStrap-select的下拉选框，在重置表单内容时，会触发对下拉选框的验证，并且验证的提示不会被清除，仍然会存在。
1.HTML结构
<form id="...

2020-05-27

86浏览

0评论

js全屏事件fullscreenchange 实现全屏、退出全屏操作

本文实例为大家分享了js全屏事件fullscreenchange，实现全屏、退出全屏操作，供大家参考，具体内容如下1.进入全屏function launchFullscreen(element) { if (element.requestFull...

2020-05-27

69浏览

0评论

js模拟F11页面全屏显示

本文实例为大家分享了js模拟F11页面全屏显示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试全屏</title></h...

2020-05-27

83浏览

0评论

js实现简单页面全屏

本文实例为大家分享了js实现简单页面全屏，供大家参考，具体内容如下全屏效果为传入div元素全屏：代码块<html> <meta http-equiv="Content-Type" content="text/html; charset=ut...

2020-05-27

107浏览

0评论

js实现窗口全屏示例详解

前言该 demo 包含全屏事件、退出全屏事件以及屏幕状态改变的钩子函数的封装
以下是一个完整示例，只需整体拷贝下来运行即可(注意引入了 jquery)
请在这里查看示例☞ ful...

2020-05-27

75浏览

0评论

解决layer 动态加载select 失效的问题

问题：现在select的一些插件都是隐藏掉原生select域，然后生成一个div框架来做样式和动态效果，但是这些组件在layer弹出层中都没有反应解决办法：form.render('select');//局部渲染...

2020-05-27

热门文章