JavaScript - 教程之家

77浏览

0评论

基于Swiper实现移动端页面图片轮播效果

使用Swiper开发移动端页面，轻松实现图片的轮播。swiper1.主要包含模块：
swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过渡））
container：指...

2020-05-27

77浏览

0评论

Vue组件通信之Bus的具体使用

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。
在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是：因为...

2020-05-27

80浏览

0评论

swiper移动端轮播插件（触碰图片之后停止轮播）

本文实例为大家分享了swiper移动端轮播插件，供大家参考，具体内容如下下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了...

2020-05-27

97浏览

0评论

swiper插件自定义切换箭头按钮

不知道大家在使用swiper时有没有遇到这样一种需求，swiper插件自定义切换箭头按钮，话不多说，直接上gif。也就是需要把左右切换的箭头移到容器的外面，自定义箭头的样式。
给swipe...

2020-05-27

61浏览

0评论

vue+swiper实现侧滑菜单效果

本文实例为大家分享了vue swiper实现侧滑菜单效果的具体代码，供大家参考，具体内容如下先上效果图：这个左右滑动以及上下滑动主要使用了Swiper的轮播功能，首先是该自定义组件的代...

2020-05-27

67浏览

0评论

Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

本文实例讲述了Angular实现的自定义模糊查询、排序及三角箭头标注功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head>...

2020-05-27

96浏览

0评论

Angular实现的简单定时器功能示例

本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn Angula...

2020-05-27

107浏览

0评论

JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)

JS实现延迟隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>延迟隐藏</title> <style> #div1{ width:100px; height:100px; background:yello...

QQ

2020-05-27

51浏览

0评论

JavaScript判断变量名是否存在数组中的实例

直接上代码：JavaScript代码：var array=[{name:"张珊",sex:"男"}]; console.log(array); if(array[0].name){ console.log('name');//返回name } if(array[0].size){ console...

2020-05-27

56浏览

0评论

基于substring()和substr()的使用以及区别(实例讲解)

在JavaScript中，通常会用到截取，那所谓截取呢，其实就是要获得被截取元素的某个位置到某个位置的内容，那么JS给我提供了substring和substr这两种方法：这两种截取的方式有什么区别...

2020-05-27

80浏览

0评论

bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求那）的蛋疼需求，硬...

2020-05-27

54浏览

0评论

JS实现简单的浮动碰撞效果示例

本文实例讲述了JS实现简单的浮动碰撞效果。分享给大家供大家参考，具体如下：<html><head><meta charset="UTF-8"><title>www.freexyz.cn JS碰撞效果</title><script language="ja...

2020-05-27

68浏览

0评论

JS控制鼠标拒绝点击某一按钮的实例

JS控制按钮禁止被选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ document.getElemen...

2020-05-27

91浏览

0评论

JS计算距当前时间的时间差实例

如下所示：/** * JS获取距当前时间差 * * @param int time 时间戳格式 * */function get_time_diff(time) { var diff = ''; var time_diff = new Date().getTime() - time;...

2020-05-27

74浏览

0评论

js中url对象化管理分析

1.问题描述url是web编写过程中一种不可或缺的需要打交道的值,不论是在页面跳转中,还是ajax请求数据或是其他框架插件的url提供.
对于很多程序猿来说,js中经常遇到需要变更ur...

2020-05-27

78浏览

0评论

JavaScript 中使用 Generator的方法

Generator 是一种非常强力的语法，但它的使用并不广泛（参见下图 twitter 上的调查！）。为什么这样呢？相比于 async/await，它的使用更复杂，调试起来也不太容易（大多数情况又回到了从前），...

2020-05-27

82浏览

0评论

node简单实现一个更改头像功能的示例

前言一直想写这篇文章，无奈由于要考试的原因，一直在复习，拖延到现在才写🤣，之前用 node 的 express 框架写了个小项目，里面有个上传图片的功能，这里记录一下如何实现（我使用...

2020-05-27

69浏览

0评论

react-router browserHistory刷新页面404问题解决方法

使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。
背景
使用webpack-dev-server...

2020-05-27

87浏览

0评论

详解Vue 事件修饰符capture 的使用

.capture事件修饰符的作用添加事件侦听器时使用事件捕获模式即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。就是谁...

2020-05-27

54浏览

0评论

深入浅析vue组件间事件传递

由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同...

2020-05-27

51浏览

0评论

javaScript 连接打印机,打印小票的实例

如下所示：<%@ page contentType="text/html;charset=UTF-8"%><%@ include file="/webpage/include/taglib.jsp"%><html><head><meta name="decorato...

2020-05-27

100浏览

0评论

浅谈react-router HashRouter和BrowserRouter的使用

官网推荐的是BrowserRouter，但是此方式需要服务器配合，而且有点不好的是重定向只能到首页，无法停留在当前页，具体用法很简单，举例说明。HashRouter//react-router要求只只有一个...

2020-05-27

118浏览

0评论

详解react-router 4.0 下服务器如何配合BrowserRouter

react-router作为react框架路由解决方案在react项目中举足轻重。在react-router 4.0版本中，API与先前版本相比有了很大的修改，在2.0、3.0中常用的<Router>组件作为路由底层配...

2020-05-27

57浏览

0评论

js实现手机web图片左右滑动效果

最近在做一个手机端web站点，里面有一个图片展示效果：1、点击任意图片时图片全屏展示，左右滑动能展示其他的图片。
2、滑动超过一定范围自动滑到下一张图片，不超过则回退到当前照...

2020-05-27

134浏览

0评论

Angular实现点击按钮控制隐藏和显示功能示例

本文实例讲述了Angular实现点击按钮控制隐藏和显示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...

2020-05-27

46浏览

0评论

Angular实现的敏感文字自动过滤与提示功能示例

本文实例讲述了Angular实现的敏感文字自动过滤与提示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

64浏览

0评论

Angular实现的内置过滤器orderBy排序与模糊查询功能示例

本文实例讲述了Angular实现的内置过滤器orderBy排序与模糊查询功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <...

2020-05-27

59浏览

0评论

vue vuex vue-rouert后台项目——权限路由（适合初学）

项目地址： vue-simple-template共三个角色：adan barbara carrie 密码全是：123456adan 拥有最高权限A 他可以看到 red , yellow 和 blue 页面（共三个页面）barbara 拥有权限B 他...

2020-05-27

42浏览

0评论

javascript 通过键名获取键盘的keyCode方法

不废话，直接看代码，需要的根据需求完善。var getKeyCode = function (key) { var key_code; switch (key) { case 'BackSpace' && 'BackSpace': key_code = 8; break;...

2020-05-27

74浏览

0评论

React数据传递之组件内部通信的方法

1. 概述脱离初级前端一段时间后会发现，写样式的时间越来越少，处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程，这在项目中无疑是最重要的。所以学习前端框架，...

2020-05-27

82浏览

0评论

jQuery实现页码跳转式动态数据分页

我们这次给大家带来的是用jQuery实现页码跳转式动态数据分页这个效果，这个效果最明显的就是没有数据加载和刷新页面这个过程，再做小型数据的加载也多级网页加载的时候很有效。...

2020-05-27

161浏览

0评论

AngularJS基于MVC的复杂操作实例讲解

实例如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>AngularJS基于MVC的复杂操作案例</title> <script type="text/javascript" src="../js/angular.m...

2020-05-27

66浏览

0评论

简单谈谈CommonsChunkPlugin抽取公共模块

引言webpack插件CommonsChunkPlugin的主要作用是抽取webpack项目入口chunk的公共部分，具体的用法就不做过多介绍，不太了解可以参考webpack官网介绍；该插件是webpack项目常用的...

2020-05-27

83浏览

0评论

ReactNative实现Toast的示例

对于Android开发工程师来说，Toast在熟悉不过了，用它来显示一个提示信息，并自动隐藏。在我们开发RN应用的时候，我门也要实现这样的效果，就一点困难了，倒也不是困难，只是需要我们去适...

2020-05-27

79浏览

0评论

Angular 开发学习之Angular CLI的安装使用

前面我们已经准备好开发环境，现在可以正式开发了。正如前面提到的，Angular 提供了一个命令行工具，可以简化我们的程序开发。我们今后的开发也会使用这一工具，因此我们需要首先安...

2020-05-27

88浏览

0评论

浅谈Vuejs中nextTick()异步更新队列源码解析

vue官网关于此解释说明如下：vue2.0里面的深入响应式原理的异步更新队列
官网说明如下：
只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。...

2020-05-27

173浏览

0评论

three.js实现3D模型展示的示例代码

由于项目需要展示3d模型,所以对three做了点研究,分享出来希望能帮到大家
先看看效果: three.js整体来说不是很难只要你静下心来研究研究很快就会上手的
首先我们在页面...

2020-05-27

50浏览

0评论

jQuery中ajax获取数据赋值给页面的实例

实例如下所示：//html代码 <pre name="code" class="html"><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="cityname" id="{$rr[code...

2020-05-27

52浏览

0评论

jquery实现左右轮播切换效果

本文实例为大家分享了jquery实现左右轮播切换效果展示的具体代码，供大家参考，具体内容如下
html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...

2020-05-27

62浏览

0评论

jquery实现楼层滚动效果

本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码，供大家参考，具体内容如下html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Do...

2020-05-27

61浏览

0评论

jquery实现企业定位式导航效果

本文实例为大家分享了jquery实现企业定位式导航的具体代码，供大家参考，具体内容如下
完整代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text...

2020-05-27

54浏览

0评论

基于jquery.page.js实现分页效果

基于jquery.page.js的一款简单的分页效果，供大家参考，具体内容如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简单的jQuery分页插件</title> <style>...

2020-05-27

78浏览

0评论

图片懒加载imgLazyLoading.js使用详解

本文主要介绍web前端使用图片懒加载imgLazyLoading ，供大家参考，具体内容如下
1、html代码
//懒加载对象目标代码<img originalSrc="__PUBLIC__/images/home/icon_pingtuan.pn...

2020-05-27

89浏览

0评论

使用async、enterproxy控制并发数量的方法详解

聊聊并发与并行
并发，在操作系统中，是指一个时间段中有几个程序都处于已启动运行到运行完毕之间，且这几个程序都是在同一个处理机上运行，但任一个时刻点上只有一个程序在处理机...

2020-05-27

52浏览

0评论

jq.ajax+php+mysql实现关键字模糊查询(示例讲解)

对于这个功能企业上还算比较实用，推荐给大家；index.html<!DOCTYPE html><html><head><meta charset="utf-8"></head><style>*{margin:0;padding:0;}.text{width:200px;height:...

2020-05-27

52浏览

0评论

基于Vue的SPA动态修改页面title的方法(推荐)

最近基于VUE做个SPA手机端web发现动态修改页面标题通过document.title=xxxx 来修改着实蛋疼，而且在IOS的微信端据说没效果。百度发现要针对IOS的微信做点额外的操作，即：创建一...

2020-05-27

139浏览

0评论

基于wordpress的ajax写法详解

想针对一个wordpress的模板程序进行更改，想到ajax的方便，就研究了一下。以下是使用方法和代码：js页面如下<script> var ajaxurl = '<?php echo admin_url('admin-ajax.php...

2020-05-27

61浏览

0评论

vue父组件向子组件(props)传递数据的方法

vue页面结构在做项目的时候常常有这样的一个情况，这个页面的数据（比如：id号）要带到另一个页面去查询某个数据的详情等，传统的作法不是在url上加参数，cookie或者是现在H5的“sessi...

2020-05-27

77浏览

0评论

js原生实现移动端手指滑动轮播图效果的示例

如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m...

2020-05-27

61浏览

0评论

10行原生JS实现文字无缝滚动(超简单)

废话不多说，直接上代码<section class="pro_quota_tip"> <div class="tip_box"> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="externa...

2020-05-27

热门文章