编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

147浏览

0评论

微信小程序HTTP接口请求封装代码实例

1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）
request.js：var app = getApp();//项目URL相同部分，减轻代码量，同时方便项目迁移//这里因为我...

2020-05-27 02:47:19

128浏览

0评论

layui table设置某一行的字体颜色方法

table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。首先自定义一个div，内部存放table，根据class找到table，然后找到...

2020-05-27 02:47:18

126浏览

0评论

JavaScript获取某一天所在的星期

导语：如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期我们会遇到的需求的是，获取今天或者某一天所在星期的开始和结束日期。我们这里来获取今天...

2020-05-27 02:47:17

113浏览

0评论

vue draggable resizable gorkys与v-chart使用与总结

实现效果:实现图表的二次封装以及表格的自由拖动,缩放功能先贴出两个组件的地址:vue-draggable-resizable-gorkys
v-chart图标的二次封装这里我们先做一个简单的封装比如标...

2020-05-27 02:47:16

184浏览

0评论

关于JS解构的5种有趣用法

前言原文标题：5 Interesting Uses of JavaScript Destructuring原文链接：dmitripavlutin.com/5-interesti…定期回顾我写的JS代码，我发现解构运算无处不在。
获取对象的属性和...

2020-05-27 02:47:15

116浏览

0评论

vue路由守卫及路由守卫无限循环问题详析

先贴一波官方文档的内容
const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是...

2020-05-27 02:47:14

221浏览

0评论

Vue.js如何使用Socket.IO的示例代码

在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。...

2020-05-27 02:47:13

246浏览

0评论

VsCode与Node.js知识点详解

1.下载及安装node.js下载:http://nodejs.cn/download/安装:指定安装目录,安装即可.环境变量会自动配置验证: 2.下载及安装VsCode指定安装目录: 注意 : 环境变量也...

2020-05-27 02:47:11

181浏览

0评论

a标签调用js的方法总结

a标签点击事件方法汇总<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里的href=...

2020-05-27 02:47:10

236浏览

0评论

JavaScript 截取字符串代码实例

这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<script>...

2020-05-27 02:47:09

196浏览

0评论

layui的面包屑或者表单不显示的解决方法

如下所示：页面上显示空白是因为加了hidden；让我们去查查官方文档官方是这样描述的当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。...

2020-05-27 02:47:08

142浏览

0评论

解决layui的使用以及针对select、radio等表单组件不显示的问题

layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：1、下载layui：https:/...

2020-05-27 02:47:07

169浏览

0评论

layui中select，radio设置不生效的解决方法

废话不多说，大家来看吧！ <button class="layui-btn layui-btn-radius" layadmin-event="edit"> <i class="layui-icon"></i>编辑</button>点击编辑取消disabled$(...

2020-05-27 02:47:06

110浏览

0评论

layer 刷新某个页面的实现方法

一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index...

2020-05-27 02:47:05

106浏览

0评论

layui表单验证select下拉框实现验证的方法

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证代码如下：<div class="layui-form-item"> <label class="la...

2020-05-27 02:47:04

134浏览

0评论

layui select 禁止点击的实现方法

直接上代码啦注意事项：1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render（）一下以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容...

2020-05-27 02:47:03

124浏览

0评论

在layui中select更改后生效的方法

在layui中重新渲染表单这一步比较重要，部分表单元素需要重新渲染后才能生效，例如select建议在js中放入以下function： //重新渲染表单 function renderForm(){ layui.us...

2020-05-27 02:47:02

125浏览

0评论

vue中 this.$set的用法详解

当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。<template> <div id="app"> <p v-for="...

2020-05-27 02:47:01

122浏览

0评论

layui表格列自动适应大小失效的解决方法

如下所示：从官网复制的表格，修改成自适应宽度后失效，原因如下：以上这篇layui表格列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...

2020-05-27 02:47:00

143浏览

0评论

layui表格内容溢出的解决方法

引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div>然后设置一下样式就可以了。
<table class="layui-tabl...

2020-05-27 02:46:59

116浏览

0评论

layui关闭层级、简单监听的实例

弹出一个小页面input代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay...

2020-05-27 02:46:58

120浏览

0评论

layui关闭弹窗后刷新主页面和当前更改项的例子

如下所示： function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url...

2020-05-27 02:46:57

148浏览

0评论

使用layui的router来进行传参的实现方法

如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { va...

2020-05-27 02:46:56

147浏览

0评论

layui type2 通过url给iframe子页面传值的例子

A页面调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",...

2020-05-27 02:46:55

231浏览

0评论

Nuxt.js实现一个SSR的前端博客的示例代码

为什么要用Nuxt.js公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预...

2020-05-27 02:46:54

130浏览

0评论

在layui下对元素进行事件绑定的实例

要注意的是记得要先引用element操作模块，否则是无法绑定的格式：$(document).on(事件，标识，function(){}); layui.use(['jquery', 'form', 'table', 'element'], function() {...

2020-05-27 02:46:53

161浏览

0评论

对layui中的onevent 和event的使用详解

这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块...

2020-05-27 02:46:52

128浏览

0评论

微信小程序组件的外部样式externalClasses使用详解

启用外部样式：自定义组件：v-tag在html 引入在组件写外部样式的css :.ex-tag { background-color: #fffbdd ;}在组件使用该外部的样式这个时候我们发现没有效果我们应该使用！imp...

2020-05-27 02:46:51

125浏览

0评论

vue-cli3跨域配置的简单方法

vue-cli3跨域配置：
在vue-resource的数据请求中，一般我们会将请求方式GET/POST修改为jsonp的请求方式就可以实现跨域。
但是对于只支持GET/POST两种请求方式的api，修改jsonp，就...

2020-05-27 02:46:50

141浏览

0评论

layui 弹出删除确认界面的实例

列表HTML：data-id="{$ls['sid']}" 和class=" del"<td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini...

2020-05-27 02:46:49

111浏览

0评论

layui button 按钮弹出提示窗口,确定才进行的方法

如下所示：<button lay-id="{$id}" class='layui-btn layui-btn-normal correct_finish' οnclick="return confirm("确定试卷所有题目都批改完吗?一但确定就不能再批改！")...

2020-05-27 02:46:48

303浏览

0评论

vue-cli history模式实现tomcat部署报404的解决方式

vue-cli开发过程中路由#不好看，去掉可使用history模式，开发模式路径访问都没问题，部署到服务器之后访问路径时报404，这种情况需要配置服务器默认访问路径index.html.官网只提供...

2020-05-27 02:46:47

95浏览

0评论

jQuery实现每日秒杀商品倒计时功能

html & js：<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" c...

2020-05-27 02:46:46

116浏览

0评论

详解webpack打包vue项目之后生成的dist文件该怎么启动运行

亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：
1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的s...

2020-05-27 02:46:45

132浏览

0评论

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

使用layui框架的时候，总会重复的写相关代码，感觉很是苦恼，所以进行分装，只需要关注业务方面即可如下图，提供新增，编辑，查看等功能js方法/** * 页面内弹出编辑窗口 //需要引入 layui...

2020-05-27 02:46:43

111浏览

0评论

微信小程序搜索框组件代码实例

这篇文章主要介绍了微信小程序搜索框组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下search.wxml...

2020-05-27 02:46:42

175浏览

0评论

基于Vue和Element-Ui搭建项目的方法

首先要求事先安装node和npm没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-v之间有个空格）和npm -v（同样有个空格）可查看当前的node和npm版本创建vue...

2020-05-27 02:46:41

175浏览

0评论

layui 表格操作列按钮动态显示的实现方法

1、根据表格数据动态显示操作列按钮<script type="text/html" id="barDemo">{{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-even...

2020-05-27 02:46:40

168浏览

0评论

nuxt框架中对vuex进行模块化设置的实现方法

1.Nuxt里怎么使用vuex?Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：
1.1> 引用 vue...

2020-05-27 02:46:39

188浏览

0评论

vue中input的v-model清空操作

问题来源写input组件的时候需求一个清空按钮，但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值，也会带来开发的问题。解决v-model 完成大部分数据双向...

2020-05-27 02:46:38

142浏览

0评论

Nuxt使用Vuex的方法示例

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。基础知识这里不再重...

2020-05-27 02:46:37

117浏览

0评论

nuxt踩坑之Vuex状态树的模块方式使用详解

初次看到这个模块方式，感觉很是新奇，之前的vuex状态树使用方法用的也有些腻了，就想来实践一发新的东西
废话不多说，直接进入正题Vuex状态树-模块方式官方文档解读
状态树还可以...

2020-05-27 02:46:36

149浏览

0评论

详解Nuxt.js中使用Element-UI填坑

Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。Element-UI则是一个机遇Vue2.0+开发的一套UI框架，...

2020-05-27 02:46:35

127浏览

0评论

vue按需加载实例详解

vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件用例：{path: '/promisedemo', name: 'PromiseDemo', component: resolve...

2020-05-27 02:46:34

190浏览

0评论

layer的prompt弹出框,点击回车,触发确定事件的方法

做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。layer.prompt({...

2020-05-27 02:46:33

167浏览

0评论

layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

用layui表单自定义验证，ajax查询后台验证，form.verify和ajax组合时，尝试更改了几次方案，遇到的问题：1.有时点击两次submit才会提示验证结果；2.有时后台返回结果没问题，但不提示验证...

2020-05-27 02:46:32

131浏览

0评论

layui在form表单页面通过Validform加入简单验证的方法

form简单验证<input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input"> datatype="e"验证邮箱 i...

2020-05-27 02:46:32

129浏览

0评论

layui的表单验证支持ajax判断用户名是否重复的实例

如下所示：在一个表单中，在提交前我们想判断该用户名是否存在，在layui中不支持。onblur()失去焦点事件，用按钮来手动触发，表单又不太美观，可以使用form表单的verify来进行验证。htm...

2020-05-27 02:46:31

147浏览

0评论

解决layer.open后laydate失效的问题

如果你的open方式是1（html）的话这样是可以的，如果是2（iframe）方式打开，你把注入的代码写在打开的界面就可以了不用这样写，open的参数type是有区别的，所以请注意：今天在开发项目时候使...

2020-05-27 02:46:30

137浏览

0评论

使用layui日期控件laydate对开始和结束时间进行联动控制的方法

1.在页面先引入laydate.js文件2.html页面控件如下：<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" ty...

2020-05-27 02:46:29

首页 «1487 148814891490 1491 »尾页

热门文章