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

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

简述vue中的config配置

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

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

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

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

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

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

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

Angular整合zTree的示例代码

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

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

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

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

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

深入理解node.js http模块

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

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

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

详解nodeJs文件系统(fs)与流(stream)

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

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

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

详解node child_process模块学习笔记

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue框架之goods组件开发详解

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 从...

vue better-scroll插件使用详解

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

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

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

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

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

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

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

JavaScript实现职责链模式概述

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

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

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

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

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

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

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

基于vue.js无缝滚动效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

返回顶部
顶部