JavaScript - 教程之家

85浏览

0评论

Vue cli+mui 区域滚动的实例代码

vue cli+mui配合使用达到区域滚到的效果，方法如下第一步引入mui css js@import url("/static/mui.min.css"); JSimport mui from '../../../static/mui.min.js'; 第二步写...

2020-05-27

84浏览

0评论

vue使用 better-scroll的参数和方法详解

格式：var obj = new BScroll(object,{[option1,],.,.});
注意：
1、要确保object元素的高度比其父元素高
2、使用时，一定要确保object所在的dom渲染后，再用上面的语句，或者obj.ref...

2020-05-27

84浏览

0评论

mui框架页面无法滚动的解决方法(推荐)

只需要初始化一下就可以了 mui.init();加下面这段代码即可：(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicator...

2020-05-27

90浏览

0评论

vue2.0 better-scroll 实现移动端滑动的示例代码

写在前面的话：上一篇文章实现了滑动效果，这部分来试试左右联动效果的实现方法吧效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。如下图所示界面...

2020-05-27

91浏览

0评论

完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题

mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条，因为它主要用途是设置类似于qq界面的那种格局，所以才无法滚动。那么如何解决这个问题呢？解决方法：一、在内容容器加上id，...

2020-05-27

115浏览

0评论

MUI 实现侧滑菜单及其主体部分上下滑动的方法

在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。1、首先在 class="mui-scroll-wrapper" 的元素上添加ID：<!-- 侧滑导航根容...

2020-05-27

74浏览

0评论

jquery 获取索引值在一定范围的列表方法

如下所示：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li></ul>jquery选择器：eq(index) 匹配列表中的第index个元素（index 从...

2020-05-27

96浏览

0评论

vue better-scroll插件使用详解

什么是 better-scroll
better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动...

2020-05-27

66浏览

0评论

vue引入新版 vue-awesome-swiper插件填坑问题

本文介绍了关于新版 vue-awesome-swiper，分享给大家，具体如下：问题为什么我的vue-awesome-swiper组件pagination小圆点不显示问题? 为什么我的vue-awesome-swiper不会自...

2020-05-27

66浏览

0评论

解决Jquery下拉框数据动态获取的问题

废话不多说，直接上源码：select.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = req...

2020-05-27

77浏览

0评论

使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例

首先我们需要先建立好数据库，将一些数据插入进去需要两张表：province：省份表city：城市表如图：然后再在java中建立相关的实体类与之对应再然后，我们就能开始做jdbc的操作了public...

2020-05-27

44浏览

0评论

JavaScript实现职责链模式概述

什么是职责链模式职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处...

2020-05-27

88浏览

0评论

jQuery zTree搜索-关键字查询递归无限层功能实现代码

唠叨一哈　　前两天朋友跟我说要一个ztree的搜索功能，我劈头就是一巴掌：这种方法难道无数前辈还做少了？自己去找，我很忙~然后我默默地蹲着写zTree的搜索方法去了。为什么呢？因为...

2020-05-27

67浏览

0评论

vue通过路由实现页面刷新的方法

vue 开发微信商城项目，
需求如下：购物车页面跳转到详情页，购物车页面包含了多个组件，点击结算跳转到订单页面，从订单返回时，购物车页面没有刷新，由于购物车组件之间通过bus实现事件...

2020-05-27

91浏览

0评论

vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法

解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题，具体内容如下
一. 异常描述本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅...

2020-05-27

87浏览

0评论

基于vue.js无缝滚动效果

一个简单的基于vue.js的无缝滚动 :feet:在线文档demo :ear_of_rice:小demo :blue_book:English Document安装NPMnpm install vue-seamless-scroll --save使用ES6详情的demo...

2020-05-27

60浏览

0评论

nodejs实现的连接MySQL数据库功能示例

本文实例讲述了nodejs实现的连接MySQL数据库功能。分享给大家供大家参考，具体如下：1、在工程目录下运行npm install mysql安装用于nodejs的mysql模块；2、创建db.js模块用于连接...

2020-05-27

60浏览

0评论

利用js给datalist或select动态添加option选项的方法

有时需要从配置文件中读取信息，然后添加到用户的选择项中，比如select的option选项，下面针对此类情况做了一个实例内容如下：<!DOCTYPE html><html><head><title>鼠标点击时加载</...

2020-05-27

81浏览

0评论

用jquery获取select标签中选中的option值及文本的示例

1.要想使用jquery首先html或者jsp中得引入jquery文件。2.话不多说，上代码。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOC...

2020-05-27

61浏览

0评论

jquery根据name取得select选中的值实例(超简单)

实例如下所示：<select name="region[province]" id="" class="region valid"><option value="0" selected="selected" tier="1">省、直辖市</option><option tier="1" value=...

2020-05-27

60浏览

0评论

Laravel整合Bootstrap 4的完整方案(推荐)

如果你是想在laravel5.5上直接使用bootstrap 4，这应该是相对明智的，因为bootstrap 4最终版本已经发布了，那么这里有一个好消息，就是你不需要一步步执行下面的步骤了，你可以通过安...

2020-05-27

120浏览

0评论

js动态添加表格逐行添加、删除、遍历取值的实例代码

关于js对表格进行逐行添加，今天抽空整理了一下：新建一个html文件（没有编辑器的可以新建一个demo.txt文件，然后改后缀名为demo.html），把下面代码全部贴进去即可。功能包括：表格添加...

2020-05-27

57浏览

0评论

微信小程序实现图片压缩功能

小龙大哥的微信小程序在初始阶段相当于IE界的6，在这里给大家说一个刚趟过去的坑。拍照的API。wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'],...

2020-05-27

77浏览

0评论

Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能

2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从 Vue1.0 持续跟踪到 Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。由于现在公司管理平台主...

2020-05-27

67浏览

0评论

vue实现前进刷新后退不刷新效果

最近在用vue尝试着做移动端的项目。希望实现前进刷新、后退不刷新的效果。即加载过的界面能缓存起来（返回不用重新加载），关闭的界面能被销毁掉（再进入时重新加载）。例如对a->b->c...

2020-05-27

72浏览

0评论

微信小程序如何获取用户信息

最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。...

2020-05-27

75浏览

0评论

微信小程序模版渲染详解

微信小程序的界面程序支持html语法，多加了一部分标签，如view、block、templete等。
模版渲染
index.wxml<view> <p>{{helloWord}}</p></view>其中{{}}里面包含的内容你可以...

2020-05-27

74浏览

0评论

从零开始最小实现react服务器渲染详解

前言
最近在写 koa 的时候想到，如果我部分代码提供api，部分代码支持ssr，那我应该如何写呢？（不想拆成 2个服务的情况下）
而且最近写的项目里面也用过一些服务端渲染，如nuxt，自己也搭...

2020-05-27

67浏览

0评论

深入理解vue中slot与slot-scope的具体使用

写在前面
vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生...

2020-05-27

74浏览

0评论

jquery写出PC端轮播图实例

最近其他项目不是很忙，被安排给公司的官网项目做一个新的页面（之前没接触公司官网项目），其中有一个用到轮播图的地方，最开始想直接用swiper.js插件实现就好了，可是发现官网项目里...

2020-05-27

58浏览

0评论

Vue shopCart 组件开发详解

一、shopCart组件(1) goods 父组件和子组件 shopCart 传参deliveryPrice:{ // 单价从json seller 对象数据中获取 type:Number, default:0},minPrice:{ // 最低起送价从j...

2020-05-27

124浏览

0评论

Vue header组件开发详解

一、 header 组件开发之数据的传递1. App.vue 引入组件import header from './components/header/header'2. App.vue 中注册组件 export default { components:{ v-h...

2020-05-27

70浏览

0评论

微信小程序如何获取用户手机号

最近在做一款微信小程序，需要获取用户手机号，具体步骤如下：流程图：
1、首先，客户端调用wx.login，回调数据了包含jscode，用于获取openid（用户唯一标识）和sessionkey（会话密钥）。2、拿到j...

2020-05-27

66浏览

0评论

微信小程序如何获取openid及用户信息

微信小程序获取openid及用户信息的方法1. 获取openid
1.1 获取code
调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（sessio...

2020-05-27

79浏览

0评论

百度地图去掉marker覆盖物或者去掉maker的label文字方法

如下所示：var marker = new BMap.Marker(...);//方法1map.removeOverlay(marker);//方法2marker.remove(); //如果是Marker设置的setLabel还可以设置其样式来隐藏 mapCompone...

2020-05-27

63浏览

0评论

微信小程序实现animation动画

微信小程序实现animation动画，具体内容如下1. 创建动画实例
wx.createAnimation(OBJECT)
创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export...

2020-05-27

58浏览

0评论

微信小程序wx.getImageInfo()如何获取图片信息

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下一.知识点二.列子
(1).加载时
<view class="zn-uploadimg"> <image src="{{tempFilePaths}...

2020-05-27

51浏览

0评论

基于百度地图api清除指定覆盖物(Overlay)的方法

最近用百度地图api做项目，需要同时在地图显示marker与Polyline，且Polyline需要根据点击来显示或清除，所以遇到了清除指定覆盖物的问题，各种搜索后未能找到完美的解决方法，通过自...

2020-05-27

77浏览

0评论

微信小程序版翻牌小游戏

本文实例为大家分享了微信小程序翻牌游戏的具体代码，供大家参考，具体内容如下一、新建一个quick start项目看看结构
在微信开发工具点击添加项目，选择无appid，勾上"在当前目录...

2020-05-27

41浏览

0评论

Angular利用trackBy提升性能的方法

在Angular的模板中遍历一个集合（collection）的时候你会这样写：<ul> <li *ngFor="let item of collection">{{item.id}}</li></ul>有时你会需要改变这个集合，比如从后端接口返回...

2020-05-27

62浏览

0评论

Vue中render方法的使用详解

先说一下对官网上demo的个人理解:<!DOCTYPE html><html><head> <title>Vue的render方法说明</title> <script src="vue.js"></script></head><body><div id="app"> <chil...

2020-05-27

41浏览

0评论

javascript获取图片的top N主色值方法详解

题目要求找出一个页面中出现次数最多的标签！！！个人解法：var eles = document.getElementsByTagName('*');var rs = [];for(var i=0; i<eles.length; i++) { var tag_name = ele...

2020-05-27

59浏览

0评论

使用D3.js创建物流地图的示例代码

本文介绍了使用D3.js创建物流地图的示例代码，分享给大家，具体如下：
示例图制作思路需要绘制一张中国地图，做为背景。需要主要城市的经纬坐标，以绘制路张起点和终点。接收到...

2020-05-27

71浏览

0评论

ejsExcel模板在Vue.js项目中的实际运用

什么是ejsExcel？ejsExcel是一款国人开发的、在Node.js应用程序中使用我们预先设置好的Excel模板导出Excel表格的模板引擎。Excel模板

导出后
Github地址
ejsExcel如果因为众...

2020-05-27

115浏览

0评论

React Native中NavigatorIOS组件的简单使用详解

一、NavigatorIOS组件介绍
1，组件说明
使用 NavigatorIOS 我们可以实现应用的导航（路由）功能，即实现视图之间的切换和前进、后退。并且在页面上方会有个导航栏（可以隐藏）。
Naviga...

2020-05-27

50浏览

0评论

浅谈React中组件间抽象

关于今天要学习的组件间抽象其实我这小白看了几次还没弄明白，这次决定一探究竟。在组件构建中，通常有一类功能需要被不同的组件公用，此时就涉及抽象的概念，在React中我们主要了...

2020-05-27

58浏览

0评论

Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

一、背景
在Vue项目中使用了第三方的datepicker插件，在选择日期后vue无法检测到datepicker输入框的变化 <label class="fl">日期：</label> <div class="input-wrapper fr"> <...

2020-05-27

45浏览

0评论

使用Vue写一个datepicker的示例

前言
写插件是很有意思，也很锻炼人，因为这个过程中能发现许多的细节问题。在前端发展的过程中，jQuery无疑是一个重要的里程碑，围绕着这个优秀项目也出现了很多优秀的插件可以直...

2020-05-27

45浏览

0评论

360doc网站不登录就无法复制内容的解决方法

有时候我们在搜索东西的时候，有时候实在找不到内容，只有360doc有的内容就没办法了，只能凑合看了，看中了内容无法复制，提示要粘贴怎么解决呢，这里就为大家整理一下，需要的朋友可以参...

2020-05-27

57浏览

0评论

浅析Node.js非对称加密方法

前言
刚回答了SegmentFault上一个兄弟提的问题《非对称解密出错》。这个属于Node.js在安全上的应用，遇到同样问题的人应该不少，基于回答的问题，这里简单总结下。非对称加密的理...

2020-05-27

热门文章