JavaScript - 教程之家

59浏览

0评论

layUI实现列表查询功能

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

2020-05-27

43浏览

0评论

layui实现数据分页功能

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

85浏览

0评论

laypage+SpringMVC实现后端分页

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

2020-05-27

53浏览

0评论

pageGroup.js实现分页功能

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

240浏览

0评论

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

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

2020-05-27

37浏览

0评论

jquery.pager.js实现分页效果

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

46浏览

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

45浏览

0评论

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

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

2020-05-27

53浏览

0评论

javascript中this的用法实践分析

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

52浏览

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

52浏览

0评论

JavaScript HTML DOM元素节点操作汇总

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

56浏览

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

68浏览

0评论

详解vue-property-decorator使用手册

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

2020-05-27

57浏览

0评论

vue前后分离调起微信支付

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

2020-05-27

201浏览

0评论

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

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

2020-05-27

53浏览

0评论

微信小程序用户授权弹窗拒绝时引导用户重新授权实现

前言我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权。...

2020-05-27

152浏览

0评论

vue通过video.js解决m3u8视频播放格式的方法

前言今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启...

2020-05-27

38浏览

0评论

微信小程序渲染性能调优小结

网页的性能优化是前端开发老生常谈的热门话题，其中微信小程序因其页面双线程架构设计，所以性能优化的手段跟传统的 H5 应用不太一样。今天主要介绍一下微信小程序页面双线程架...

2020-05-27

71浏览

0评论

JS实现点击发送验证码 xx秒后重新发送功能

用于一些注册类的场景，点击发送验证码，xx秒后重新发送。利用 setTimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。
<!DOCTYPE html><htm...

2020-05-27

91浏览

0评论

js实现的格式化数字和金额功能简单示例

本文实例讲述了js实现的格式化数字和金额功能。分享给大家供大家参考，具体如下：格式化数字，格式化金额：function number_format(number, decimals, dec_point, thousands_sep) {...

2020-05-27

74浏览

0评论

Koa从零搭建到Api实现项目的搭建方法

什么是Koa？
Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造，致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数，K...

2020-05-27

56浏览

0评论

vue2.0项目集成Cesium的实现方法

安装cesium
在已有项目中执行,npm i cesium修改配置
build/webpack.base.conf.js
1、定义 Cesium 源码路径
const cesiumSource = '../node_modules/cesium/Source''use str...

2020-05-27

53浏览

0评论

原生js添加一个或多个类名的方法分析

本文实例讲述了原生js添加一个或多个类名的方法。分享给大家供大家参考，具体如下：好吧今天写个js，不知道怎么添加类名了<!DOCTYPE html><html lang="en"> <head> <meta cha...

2020-05-27

60浏览

0评论

开源一个微信小程序仪表盘组件过程解析

前言最近开发了一个小程序动态仪表盘组件，并以第三方小程序组件的形式发布到npm，任意小程序项目都可以安装这个模块，从而获得仪表盘功能。
组件功能目前还非常简单，先来预览一下...

2020-05-27

108浏览

0评论

8个有意思的JavaScript面试题

JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会...

2020-05-27

45浏览

0评论

JavaScript跳出循环的三种方法(break, return, continue)

前言:
一位前端界的大神让我去思考的一个问题, 给了Big-man一段代码，如下:
function Seriously(options) { // if called without 'new', make a new object and return tha...

2020-05-27

59浏览

0评论

Javascript 对象（object）合并操作实例分析

本文实例讲述了Javascript 对象（object）合并操作。分享给大家供大家参考，具体如下：对象的合并需求：设有对象 o1 ,o2,需要得到对象 o3var o1 = { a:'a' }, o2 = { b:'b' };// 则va...

2020-05-27

84浏览

0评论

js定义类的方法示例【ES5与ES6】

本文实例讲述了js定义类的方法。分享给大家供大家参考，具体如下：以下是es5标准里定义类的方法：<script>function Point(x,y){ this.x=x; this.y=y;}Point.prototype.toString...

2020-05-27

106浏览

0评论

vue实现中部导航栏布局功能

接下来是中部导航栏。我们看到这里的头像动画，和中部导航栏定位都是跟鼠标滚动有关的。我们先将布局实现一下。这里是要求在页面上部分滚动范围内，导航栏一直在div的上部，随着...

2020-05-27

148浏览

0评论

简述vue-cli中chainWebpack的使用方法

前言在项目开发中我们难免碰到需要对webpack配置更改的情况，今天就主要来讲一下在vue.config.js中对一些配置的更改，简单介绍一下loader的使用；用configureWebpack简单的配置；用...

2020-05-27

48浏览

0评论

Vue+Koa2 打包后进行线上部署的教程详解

最近使用Vue和Koa2重构了自己的博客，过程中踩了不少坑，查了很多资料，最后总算成功上线。之后我计划围绕这个过程写一系列文章，讲讲如何用Vue+Koa2写一套网站。而现在，先来讲讲最...

2020-05-27

60浏览

0评论

ES6中定义类和对象的方法示例

本文实例讲述了ES6中定义类和对象的方法。分享给大家供大家参考，具体如下：类的基本定义和生成实例：// 类的基本定义和生成实例class Parent{ //定义一个类 constructor(name...

2020-05-27

热门文章