JavaScript - 教程之家

55浏览

0评论

bootstrap fileinput插件实现预览上传照片功能

效果图如下所示：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="http://cdn.static.runoob.com/lib...

2020-05-27

57浏览

0评论

浅谈vue项目重构技术要点和总结

前言最近太忙了，博客好久没有更新了。今天忙里偷闲，简单总结一下最近vue项目重构的一些技术要点。vue数据更新，视图未更新这个问题我们经常会遇到，一般是vue数据赋值的时候，vue...

2020-05-27

55浏览

0评论

从parcel.js打包出错到选择nvm的全部过程

遇到问题我在使用parcel.js打包项目的时候出现了下面的错误：我在仔细检查完代码并且核实项目配置没有问题后，没办法只能求助万能的Google，结果在GitHub上找到了错误的原因，parce...

2020-05-27

63浏览

0评论

实时监控input框,实现输入框与下拉框联动的实例

如图：html代码<tr> <th scope="row">奖励类型：</th> <td><input value="" type="text" name="item" id="reward" style="width: 60px;height: 20px;" placeholder="输入关键字...

2020-05-27

44浏览

0评论

JS实现点击下拉菜单把选择的内容同步到input输入框内的实例

最近博主在边学flask边写测试平台，碰到一个比较常用的场景如下图所示这里有一个输入框组，下拉菜单里面有3个选项，还有一个输入框，代码是用 bootstrap写的，代码也给大家贴出来<div...

2020-05-27

60浏览

0评论

基于vue cli重构多页面脚手架过程详解

官方提供的项目生成工具vue-cli没有对多页面webApp的支持，但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的方法，这里提供了一种我的单页面脚手架转换为多页面脚手架...

2020-05-27

43浏览

0评论

JS实现基于拖拽改变物体大小的方法

本文实例讲述了JS实现基于拖拽改变物体大小的方法。分享给大家供大家参考，具体如下：拖拽改变物体大小功能：拖拽黄色小div来改变绿色大div的宽和高主要实现由三大步:1. 通过id获...

2020-05-27

45浏览

0评论

JS运动改变单物体透明度的方法分析

本文实例讲述了JS运动改变单物体透明度的方法。分享给大家供大家参考，具体如下：除了通过改变物体的宽，高，letf,top位置或者是运动方向来实现物体运动效果之外，改变物体的透明度，...

2020-05-27

55浏览

0评论

JS实现多物体运动的方法详解

本文实例分析了JS实现多物体运动的方法。分享给大家供大家参考，具体如下：基本步骤1.通过getElementsByTagName获取到要做多物体运动的元素
2.然后for循环遍历元素，添加事件
3....

2020-05-27

41浏览

0评论

简述vue中的config配置

在webpack.base.conf文件中配置别名以及扩展名resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(...

2020-05-27

36浏览

0评论

AngularJS基于http请求实现下载php生成的excel文件功能示例

本文实例讲述了AngularJS基于http请求实现下载php生成的excel文件功能。分享给大家供大家参考，具体如下：使用PHPExcel插件的同学们都知道，导出excel是直接将生成内容修改conten...

2020-05-27

46浏览

0评论

基于vue.js 2.x的虚拟滚动条的示例代码

前言记得以前偶然有一次浏览过一个开源的cms项目，发现这个项目的左边的菜单已经超出了windows的宽度，我就好奇为什么没出滚动条呢？然后我仔细一看，发现它左侧有一个小的div，然后...

2020-05-27

56浏览

0评论

使用classList来实现两个按钮样式的切换方法

classList属性的方法：add();remove();toggle();描述，在一些页面我们需要使用两个按钮来回切换，如图：我们要使用到add()和remove()方法html部分:<div class="login-title"><a hre...

2020-05-27

62浏览

0评论

Angular整合zTree的示例代码

1 前提准备1.1 新建一个angular4项目参考博文：点击前往1.2 去zTree官网下载zTreezTree官网：点击前往2 编程步骤从打印出zTree对象可以看出，zTree对象利用init方法来实现zTree...

2020-05-27

97浏览

0评论

基于node打包可执行文件工具_Pkg使用心得分享

项目地址这个项目很神奇，直接将node.js项目打包成windows可以直接执行的exe文件（也支持FreeBSD、linux、macos、arm系统），甚至不需要安装Node.js，且无须修改你项目中的任何代码！首...

2020-05-27

88浏览

0评论

微信、QQ、微博、Safari中使用js唤起App

背景最近在做微信、QQ、微博中使用js唤起App，之前也做过类似的功能，不过比较粗糙，考虑的情况不太全，而且那已经是很久之前的事情了，很多技术都已过时，现在有体验更好，功能更加完善...

QQ

2020-05-27

87浏览

0评论

深入理解node.js http模块

http模块主要用于搭建HTTP服务端和客户端，使用HTTP服务器或客户端功能都必须调用http模块。创建服务器var http = require(“http”);var url = require(“url”);//创建服务...

2020-05-27

74浏览

0评论

除Console.log()外更多的Javascript调试命令

Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。
Console对象可以在任何全局...

2020-05-27

69浏览

0评论

详解nodeJs文件系统（fs）与流（stream）

一、简介本文将介绍node.js文件系统（fs）和流（stream）的一些API已经参数使用情况。二、目录文件系统将介绍以下方法：1.fs.readFile2.fs.writeFile3.fs.open4.fs.read5.fs.stat6.fs...

2020-05-27

61浏览

0评论

浅谈Node.js 子进程与应用场景

背景
由于ons（阿里云 RocketMQ 包）基于 C艹封装而来，不支持单一进程内实例化多个生产者与消费者，为了解决这一问题，使用了 Node.js 子进程。在使用的过程中碰到的坑发布：进程管理...

2020-05-27

97浏览

0评论

详解node child_process模块学习笔记

NodeJs是一个单进程的语言，不能像Java那样可以创建多线程来并发执行。当然在大部分情况下，NodeJs是不需要并发执行的，因为它是事件驱动性永不阻塞。但单进程也有个问题就是不能...

2020-05-27

74浏览

0评论

bootstrap 点击空白处popover弹出框隐藏实例

代码：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部的 Pop...

2020-05-27

90浏览

0评论

JS运动特效之任意值添加运动的方法分析

本文实例讲述了JS运动特效之任意值添加运动的方法。分享给大家供大家参考，具体如下：回顾一下上个例子JS实现多物体运动的方法：<script> window.onload = function(){ v...

2020-05-27

83浏览

0评论

Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

该段js代码可实现 popover 下鼠标移入移除时显示、隐藏 popover 提示信息功能var strContent = '<div class="media"><div class="position-left media-left"><img class="i...

2020-05-27

51浏览

0评论

JS运动特效之链式运动分析

本文实例讲述了JS运动特效之链式运动。分享给大家供大家参考，具体如下：接着前面一篇《JS运动特效之任意值添加运动的方法》继续折腾链式运动：一个运动接着一个运动。比如：鼠标移...

2020-05-27

80浏览

0评论

JS运动特效之同时运动实现方法分析

本文实例讲述了JS运动特效之同时运动实现方法。分享给大家供大家参考，具体如下：接着上一篇《JS运动特效之链式运动》继续折腾上一篇中我们的运动框架，可以完美的实现让一个物...

2020-05-27

87浏览

0评论

JS运动特效之完美运动框架实例分析

本文实例讲述了JS运动特效之运动框架。分享给大家供大家参考，具体如下：在前面一篇的《js运动特效之同时运动》中说过，我们的运动框架还存在一个问题，那究竟是什么问题那？把上一篇...

2020-05-27

73浏览

0评论

前端MVVM框架解析之双向绑定

MVVM 框架近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体...

2020-05-27

68浏览

0评论

Vue框架之goods组件开发详解

一、布局 FlexFlex 布局，可以简便、完整、响应式地实现各种页面布局，Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为...

2020-05-27

42浏览

0评论

在vue项目创建的后初始化首次使用stylus安装方法分享

项目创建报错：This dependency was not found:* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compi...

2020-05-27

95浏览

0评论

关于express与koa的使用对比详解

前言提到Node.js开发，不得不提目前炙手可热的2大框架express和koa。Express诞生已有时日，是一个简洁而灵活的web开发框架，使用简单而功能强大。Koa相对更为年轻，是Express框架原...

2020-05-27

69浏览

0评论

基于vue 开发中出现警告问题去除方法

出现这个警告问题的时候我们可以去main.js中在头部添加这句话：Vue.config.productionTip = false 这样即可去除警告！以上这篇基于vue 开发中出现警告问题去除方法就是小编分...

2020-05-27

59浏览

0评论

基于vue开发的在线付费课程应用过程

使用 vux UI组件库使用 vue-navigation 缓存页面，此库实现了前进刷新后退读缓存的功能，像原生APP导航一样。用子路由的方式实现tabbar有bug，用vuex解决了。使用 lib-flexib...

2020-05-27

80浏览

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

76浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

67浏览

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

93浏览

0评论

vue better-scroll插件使用详解

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

42浏览

0评论

JavaScript实现职责链模式概述

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

83浏览

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

56浏览

0评论

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

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

2020-05-27

热门文章