JavaScript - 教程之家

66浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

96浏览

0评论

浅谈react-router HashRouter和BrowserRouter的使用

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

2020-05-27

116浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

129浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

157浏览

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

57浏览

0评论

简单谈谈CommonsChunkPlugin抽取公共模块

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

2020-05-27

73浏览

0评论

ReactNative实现Toast的示例

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

155浏览

0评论

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

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

2020-05-27

46浏览

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

48浏览

0评论

jquery实现左右轮播切换效果

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

2020-05-27

58浏览

0评论

jquery实现楼层滚动效果

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

46浏览

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

47浏览

0评论

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

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

2020-05-27

128浏览

0评论

基于wordpress的ajax写法详解

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

68浏览

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

51浏览

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

43浏览

0评论

Node层模拟实现multipart表单的文件上传示例

有时候就是有这样的需求，Nodejs做webserver，从浏览器端上传文件到后端服务器，Node层只是做一个数据中转，如果在这个过程中，Node webserver需要对数据进行适当加工，然后再Post到后...

2020-05-27

45浏览

0评论

React教程之封装一个Portal可复用组件的方法

Portal简介
所以我们需要的一个通用组件，它做如下的事情：可以声明式的写在一个组件中并不真正render在被声明的地方支持过渡动画那么，像modal、tooltip、notification等...

2020-05-27

44浏览

0评论

node作为中间服务层如何发送请求(发送请求的实现方法详解)

GET请求：var http = require('http'); var qs = require('querystring'); var data = { a: 123, time: new Date().getTime()};//这是需要提交的数据 var content = qs.s...

2020-05-27

46浏览

0评论

Node解决简单重复问题系列之Excel内容的获取

始因 -- 懒最近项目中，经常用到多语言翻译，而iOS的多语言适配，设计给出的多语言都是指定的翻译制作成的一系列表格，基本都要一点一点复制到对应的语言文件中，如此反复，尤其是需求...

2020-05-27

41浏览

0评论

jQuery动态添加元素无法触发绑定事件的解决方法分析

本文实例讲述了jQuery动态添加元素无法触发绑定事件的解决方法。分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发...

2020-05-27

58浏览

0评论

Node实战之不同环境下配置文件使用教程

前言在使用 Node.js 编写一个完整的项目时，程序中往往需要用到一些可配置的变量，从而使得程序能在不同的环境中运行，而众所周知，在实际的项目会存在多个不同的环境，不同的环境下，...

2020-05-27

53浏览

0评论

jQuery实现手机号正则验证输入及自动填充空格功能

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考，具体如下：先来看看运行效果（在删除时连删即可）：具体代码：<!DOCTYPE html><html lang="en"...

2020-05-27

57浏览

0评论

AngularJS实现的锚点楼层跳转功能示例

本文实例讲述了AngularJS实现的锚点楼层跳转功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>anch...

2020-05-27

50浏览

0评论

AngularJS实现的简单拖拽功能示例

本文实例讲述了AngularJS实现的简单拖拽功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>www.jb51...

2020-05-27

48浏览

0评论

使用socket.io制做简易WEB聊天室

使用socket.io做一个简单的WEB聊天室，可消息私发，供大家参考，具体内容如下1. 创建一个空的工程目录空的目录命名为chat-web2. 创建package.json使用命令：npm init,会引导你设置p...

2020-05-27

47浏览

0评论

使用socket.io实现简单聊天室案例

本文实例为大家分享了socket.io实现简单聊天室的具体代码，供大家参考，具体内容如下1、客户端【index.html】代码：<body> <h3>socket简例</h3> <hr> <div id = 'app'> <di...

2020-05-27

70浏览

0评论

nodejs操作mongodb的填删改查模块的制作及引入实例

安装相关模块如果使用这个的话，你需要先自己安装一下他需要的模块，在根目录输入npm install mongodb --save进行模块安装，安装成功以后就可以进行以下的步骤。文件的引入以下是...

2020-05-27

41浏览

0评论

JS实现验证码倒计时的注册页面

原型图需求：手机号验证发送验证码之后开始60S倒计时60s以后如果没有填写验证码，可重新发送<!doctype html><html> <head> <meta charset="utf-8"> <title>注册</...

2020-05-27

57浏览

0评论

js原生方法被覆盖,从新赋值原生的方法

实现原理js的原生方法被覆盖掉以后，如果你还没让原生方法又从新指向一个新的变量名，那就gg了。所以，关键就是怎么再获取到原生的方法。实现的原理呢就是创建一个新的window对象...

2020-05-27

67浏览

0评论

js 将canvas生成图片保存,或直接保存一张图片的实现方法

将canvas数组保存function downLoadImage(canvas,name) { var a = document.createElement("a"); a.href = canvas.toDataURL(); a.download = name; a.click();}canvas...

2020-05-27

50浏览

0评论

js最简单的双向绑定实例讲解

把代码复制放到页面里面运行看一下效果就好了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id=...

2020-05-27

42浏览

0评论

webpack实用小功能介绍

上一次分享了vue2-webpack3，大多都是一些基础的内容，本期继续分享一些webpack比较实用的功能1.overlayoverlay属于devServer的属性，配置案例如下：devServer: { overlay: { erro...

2020-05-27

热门文章