JavaScript - 教程之家

99浏览

0评论

jQuery-Citys省市区三级菜单联动插件使用详解

前言这里分享一个博主写的省市区三级菜单联动插件 — jQuery-Citys，此插件中所有省市区数据均为国家行政区划代码，保证数据真实可靠，插件可以根据默认地区代码或地区名称进行值...

2020-05-27

84浏览

0评论

微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题

这两天因为要做一个带背景的小程序头，哭了，小程序导航栏有背景也就算了，还得让导航栏上的背景顺下来，心态小崩。现在可以单独设置一个页面的小程序头了，但是前提是要微信7.0以上...

2020-05-27

106浏览

0评论

layui自定义插件citySelect实现省市区三级联动选择

本文实例为大家分享了layui实现省市区三级联动选择的具体代码，供大家参考，具体内容如下省市区三级菜单联动插件/** * @ name : citySelect 省市区三级选择模块 * @ Author: ag...

2020-05-27

75浏览

0评论

javascript中的闭包概念与用法实践分析

本文实例讲述了javascript中的闭包概念与用法。分享给大家供大家参考，具体如下：闭包的概念：闭包是指有权访问另一个函数作用域中的变量的函数 (引自《javascript高级程序设计第...

2020-05-27

86浏览

0评论

layer设置maxWidth及maxHeight解决方案

layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站...

2020-05-27

85浏览

0评论

layui添加动态菜单与选项卡

本文实例为大家分享了layui添加动态菜单与选项卡的具体代码，供大家参考，具体内容如下HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" conte...

2020-05-27

79浏览

0评论

layui实现下拉框三级联动

项目需要用layui的三级联动，自己整理了一下，做个记录1.表结构设计CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键', `area_name` varchar...

2020-05-27

107浏览

0评论

Bootstrap实现省市区三级联动(亲测可用)

bootstrap三级联动很常用，必备本文实例就为大家分享了Bootstrap实现省市区三级联动的具体代码，供大家参考，具体内容如下html页面 <div class="f...

2020-05-27

66浏览

0评论

vue移动端城市三级联动组件使用详解

本文实例为大家分享了vue移动端城市三级联动组件的具体代码，供大家参考，具体内容如下先看效果图以下组件代码<template> <div class="address"> <div class="addressboxbg" @...

2020-05-27

93浏览

0评论

vue eslint简要配置教程详解

在前端开发过程中，难免习惯了 console.log 。但是刚入门vue时，基于vue-cli 3.x，运行时终端老抛出error。一看信息，发现是不能使用 console.log ，另外import后的但是没有使用的变...

2020-05-27

94浏览

0评论

layui实现数据表格点击搜索功能

本文实例为大家分享了layui实现数据表格点击搜索的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>更正地址</title...

2020-05-27

64浏览

0评论

layui使用数据表格实现购物车功能

本文实例为大家分享了layui使用数据表格实现购物车功能的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <titl...

2020-05-27

95浏览

0评论

微信小程序如何获取网络状态

前言手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使...

2020-05-27

156浏览

0评论

基于layui实现高级搜索（筛选）功能

基于layui写的一个高级搜索（筛选）功能。效果图：是一位萌新，所有写的有点儿乱。（放在上面，供新手们参考，也是自己做一个记录。）代码如下：<html><head><meta http-equiv="X-UA-Compatib...

2020-05-27

101浏览

0评论

layui表格数据重载

本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下html代码 <div class="wrap-container clearfix"> <div class="column-content-detail"> <form class="layui...

2020-05-27

107浏览

0评论

layui数据表格实现重载数据表格功能(搜索功能）

layui数据表格实现重载数据表格功能，以搜索功能为例
加载数据表格实现搜索功能和数据表格重载全部代码
加载数据表格
按照layui官方文档示例
HTML部分<table id="dem...

2020-05-27

58浏览

0评论

Layui实现带查询条件的分页

本文实例为大家分享了Layui实现带查询条件的分页，供大家参考，具体内容如下这个前端UI框架是真的让人又爱又恨呐！想了很久的方案才行的通这是全部源码：{include file="../../../a...

2020-05-27

84浏览

0评论

layUI实现列表查询功能

layUI可以直接使用本地的json文件进行列表数据渲染，但，我们会发现，官网ctr+c ctr+v 过来的代码在做查询时每次看起来都有列表刷新的动作，但实际操作无效，百度了一大圈也没找到具...

2020-05-27

65浏览

0评论

layui实现数据分页功能

本文实例为大家分享了layui实现数据分页功能，供大家参考，具体内容如下官网layui table演示页面示例截图：页面引入layui.css、 layui.js<div id="pTable" style="width: 1200px;...

2020-05-27

70浏览

0评论

layui实现数据表格table分页功能（ajax异步）

layui实现数据表格table分页功能，异步加载，表格渲染，含条件查询。一、引入layUI的相关资源<link rel="stylesheet" href="${ctxPath}/vendor/layui/css/layui.css" ><script sr...

2020-05-27

66浏览

0评论

layui实现数据分页功能（ajax异步）

最近项目要使用layUI的分页，看了官方demo感觉还是不太清晰，摸索了一下，现在记录一下。一、引入layUI的相关资源<link rel="stylesheet" href="${ctxPath}/vendor/layui-v2.4.5/...

2020-05-27

67浏览

0评论

layUI实现前端分页和后端分页

本文实例为大家分享了layUI实现前端分页和后端分页效果，供大家参考，具体内容如下layui后端分页：function pagination(curr,gwayId,mlity,ePart) { $(".manage_ys_list").html('...

2020-05-27

100浏览

0评论

基于layPage插件实现两种分页方式浅析

最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一般基于两种不同的需求，一种是数...

2020-05-27

91浏览

0评论

微信小程序腾讯地图显示偏差问题解决

背景
在小程序中使用map组件，可以调用腾讯地图的API，将一些固定的点标记到地图界面上，点的经纬度获取是通过android端百度地图API获取的，所以此时将这个位置点信息直接设置上去...

2020-05-27

109浏览

0评论

layui2.0使用table+laypage实现真分页

前言：最近项目上使用layui做前端页面，发现layui的table本身的分页不能根据屏幕生成每页行数，所以研究了下文档，更改分页简单解释：1.最开始是根据屏幕计算加载的每页行数
2.frame...

2020-05-27

100浏览

0评论

laypage.js分页插件使用方法详解

本文实例为大家分享了laypage.js分页插件的使用方法，供大家参考，具体内容如下1、引用依赖a.layui.jsb.layui.cssc.laypage.js2、HTML代码部分<div id="page-nav" style="float...

2020-05-27

113浏览

0评论

laypage+SpringMVC实现后端分页

项目中用到了模板引擎thymeleaf和前端框架layUI，算是一路摸索、一个坑一个坑踩过来的。之前边学习边做项目的时候没有记录下学习的过程和遇到问题的解决思路和方法，着实有点可...

2020-05-27

70浏览

0评论

pageGroup.js实现分页功能

本文实例为大家分享了pageGroup.js实现分页功能的具体代码，供大家参考，具体内容如下1.html页面引入<link rel="stylesheet" type="text/css" href="/stylesheets/pageGroup.cs...

2020-05-27

154浏览

0评论

vue router 跳转时打开新页面的示例方法

记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法：1、<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件...

2020-05-27

270浏览

0评论

vue-router跳转时打开新页面的两种方法

最近还是在痛苦的挣扎中
挣扎吧记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法：
1、<vue-link>标签实现新窗口打开
官方文档中说 v-...

2020-05-27

59浏览

0评论

jquery.pager.js实现分页效果

本文实例为大家分享了jquery.pager.js实现分页的具体代码，供大家参考，具体内容如下1.html<link href="/stylesheets/Pager.css" rel="stylesheet" type="text/css"/> <script...

2020-05-27

66浏览

0评论

javascript面向对象创建对象的方式小结

本文实例讲述了javascript面向对象创建对象的方式。分享给大家供大家参考，具体如下：方式一：通过内置Object对象的方式创建然后通过点语法，动态给对象创建属性，方法var o1 = new...

2020-05-27

69浏览

0评论

jquery.pager.js分页实现详解

本文实例为大家分享了jquery.pager.js分页实现代码，供大家参考，具体内容如下jquery.pager.js：
/* * jQuery pager plugin * Version 1.0 (12/22/2008) * @requires jQuery v1.2...

2020-05-27

73浏览

0评论

学习LayUI时自研的表单参数校验框架案例分析

开发背景&痛点：每次写前端的表单的时候需要对表单里用户填写的内容进行校验，减少服务器压力，提前对已知错误对用户提示。每次会要写很多的if else等等对输入框中的内容进行判...

2020-05-27

84浏览

0评论

javascript中this的用法实践分析

本文实例讲述了javascript中this的用法。分享给大家供大家参考，具体如下：实践一：this在点击等事件中的指向html结构：<button id='btn'>click me</button>javascript结构：var btn...

2020-05-27

75浏览

0评论

javascript面向对象程序设计实践常用知识点总结

本文实例讲述了javascript面向对象程序设计实践常用知识点。分享给大家供大家参考，具体如下：实践一：原型中的引用类型的属性是共享的var Person = function(){};Person.prototy...

2020-05-27

95浏览

0评论

js实现多张图片每隔一秒切换一张图片

本文实例为大家分享了js实现多张图片每隔一秒切换图片的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" s...

2020-05-27

81浏览

0评论

JavaScript面向对象程序设计中对象的定义和继承详解

本文实例讲述了JavaScript面向对象程序设计中对象的定义和继承。分享给大家供大家参考，具体如下：在面向对象的Javascript编程中，希望代码优雅有高效是非常重要的。javascript中...

2020-05-27

84浏览

0评论

Vue2.0实现简单分页及跳转效果

用Vue2.0实现一个数据的分页及页数的跳转，代码如下：数据绑定：{{...}} <a v-on:click="btnClick(item)">{{item}}</a> 事件绑定：v-on <a v-on:click="cur--,pag...

2020-05-27

83浏览

0评论

JavaScript 继承封装多态实现及原理详解

面向对象的三大特性
封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之...

2020-05-27

85浏览

0评论

教你搭建按需加载的Vue组件库(小结)

按需加载的原理按需加载，本质上是把一个组件库的不同组件拆分成不同文件，按照需要引用对应的文件，而该文件暴露一个 install方法，供Vue.use使用。比如：我只想引用element库里...

2020-05-27

73浏览

0评论

JavaScript如何获取一个元素的样式信息

跨浏览器方法function getStyle(elem, cssprop, cssprop2){ if(elem.currentStyle){ return elem.currentStyle[cssprop] }else if(document.defaultView && document.def...

2020-05-27

81浏览

0评论

vue.js 2.0实现简单分页效果

本文实例为大家分享了vue.js 2.0实现分页效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>vue.js 2.0 实现的简单分页</t...

2020-05-27

68浏览

0评论

JavaScript HTML DOM元素节点操作汇总

前言在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：1. nodeName : 节点的名称2. nodeValue ：节点的值3. nodeType ：节点的类型节点类型：元素 1 ，属性...

2020-05-27

72浏览

0评论

微信小程序登录对接Django后端实现JWT方式验证登录详解

先上效果图
点击授权按钮后可以显示部分资料和头像，点击修改资料可以修改部分资料。流程1.使用微信小程序登录和获取用户信息Api接口
2.把Api获取的用户资料和code发送给djan...

2020-05-27

82浏览

0评论

微信小程序 WXML节点信息查询详解

1、节点信息查询
const query = wx.createSelectorQuery();//【返回节点查询对象：SelectorQuery】//组件内，则用this.createSelectorQuery()；或者query .in(this);节点查询对象...

2020-05-27

85浏览

0评论

微信小程序new Date()方法失效问题解决方法

iOS系统对js中的new Date()方法有格式要求
let dt = new Date("2019-07-24 19:57")// dt会返回valid Date正确写法应该是
let dt = new Date("2019/07/24 19:57")而实际应该...

2020-05-27

96浏览

0评论

详解vue-property-decorator使用手册

一，安装npm i -s vue-property-decorator
二，用法1，@Component(options:ComponentOptions = {})@Component 装饰器可以接收一个对象作为参数，可以在对象中声明 components ，filte...

2020-05-27

81浏览

0评论

vue前后分离调起微信支付

本文实例为大家分享了vue前后分离调起微信支付的具体代码，供大家参考，具体内容如下@ VUE调起微信支付VUE前后分离调起微信支付支付很简单,但每次都是在网上直接扒下来使用,老...

2020-05-27

246浏览

0评论

vue使用混入定义全局变量、函数、筛选器的实例代码

说一种没人发的，利用混入mixins来实现全局变量和函数。mixins里面的方法、变量、筛选器会和组件里面的方法、变量、筛选器合并。这种方法优点是ide会有方法、变量、筛选器提...

2020-05-27

热门文章