JavaScript - 教程之家

63浏览

0评论

JS给按钮添加跳转功能类似a标签

方法window.location.href = "要跳转的URL";或window.location = "要跳转的URL";或location = "要跳转的URL";示例<!DOCTYPE html><html> <head> <meta charset="utf-8"...

2020-05-27

67浏览

0评论

Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)

在开发过程中，为了效果好看，往往需要自己开发一个下拉列表，而不是使用 HTML 自身的 select 下拉列表。然而当编写自定义下拉列表的时候，就会碰到一个问题：如果用户在下拉列表的范...

2020-05-27

70浏览

0评论

jQuery实现动态删除LI的方法

本文实例讲述了jQuery实现动态删除LI的方法。分享给大家供大家参考，具体如下：我们有时候知道UL的id，但是苦不堪言的找不到LI进行清除，这边有一些办法可以参考，设置Li的id是不错的...

2020-05-27

70浏览

0评论

Vue2.x中的Render函数详解

Render函数是Vue2.x版本新增的一个函数；使用虚拟dom来渲染节点提升性能，因为它是基于JavaScript计算。通过使用createElement(h)来创建dom节点。createElement是render的核心...

2020-05-27

57浏览

0评论

Javascript继承机制详解

学完了Javascript类和对象的创建之后，现在总结一下Javascript继承机制的实现。Javascript并不像Java那样对继承机制有严格明确的定义，它的实现方式正如它的变量的使用方式那样...

2020-05-27

61浏览

0评论

Javascript创建类和对象详解

现总结一下Javascript创建类和对象的几种方法：1、原始的创建方法：<script type="text/javascript"> var person = new Object(); person.name="Amy"; person.sex="Woman";...

2020-05-27

37浏览

0评论

使用原生js写ajax实例(推荐)

实例如下：// 使用原生js 封装ajax// 兼容xhr对象function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ // 非IE6浏览器 return new XMLHttpRequest(); }el...

2020-05-27

40浏览

0评论

NodeJS实现微信公众号关注后自动回复功能

一实先自动回复功能的逻辑步骤　　1 处理POST类型的控制逻辑，接收XML的数据包；　　2 解析XML数据包（获得数据包的消息类型或者是事件类型）；　　3 拼装我们定义好的消息；　　4 包...

2020-05-27

52浏览

0评论

详解nodeJS之路径PATH模块

前面的话path模块包含一系列处理和转换文件路径的工具集，通过 require('path') 可用来访问这个模块。本文将详细介绍path模块路径组成
【path.dirname(p)】返回路径p所在的目...

2020-05-27

49浏览

0评论

Angular 通过注入 $location 获取与修改当前页面URL的实例

以下获取与修改的 URL 以 ( http://172.16.0.88:8100/#/homePage?id=10&a=100 ) 为例【一】获取 (不修改URL)//1.获取当前完整的url路径 var absurl = $location.absUrl...

2020-05-27

53浏览

0评论

基于react框架使用的一些细节要点的思考

这篇文章主要是写关于学习react中的一些自己的思考：
1.setState到底是同步的还是异步的？2.如何在子组件中改变父组件的state3.context的运用，避免“props传递地狱”4.组件类里...

2020-05-27

41浏览

0评论

页面间固定参数,通过cookie传值的实现方法

最后在做的页面，比如用户数据（用户头像，名称，年龄）这些信息，因为大部分页面都要用，之前是通过url地址传，另一页面接收。考虑到这样做会让url过长，因此，尝试使用cookie，把固定的值保存在...

2020-05-27

37浏览

0评论

基于nodejs 的多页面爬虫实例代码

前言前端时间再回顾了一下node.js，于是顺势做了一个爬虫来加深自己对node的理解。
主要用的到是request，cheerio，async三个模块request
用于请求地址和快速下载图片流。 http...

2020-05-27

49浏览

0评论

JS简单实现自定义右键菜单实例

RT，一个简单的例子，仅仅讲述原理复制代码代码如下:
<div id="menu" style="width: 0;height: 0;background: cadetblue;position: absolute"></menu>
假设我要把上面这个div...

2020-05-27

47浏览

0评论

NodeJs使用Mysql模块实现事务处理实例

依赖模块：1. mysql：https://github.com/felixge/node-mysqlnpm install mysql --save2. async：https://github.com/caolan/asyncnpm install async --save(ps: async模块可换成...

2020-05-27

64浏览

0评论

详解angularjs中的隔离作用域理解以及绑定策略

我们首先看下面的例子：<!doctype html> <html ng-app="MyModule"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/bootstrap-3.0.0/css/bootstrap.c...

2020-05-27

45浏览

0评论

详解angularjs中如何实现控制器和指令之间交互

如果我们具有下面的DOM结构： <div ng-controller="MyCtrl"> <loader>滑动加载</loader> </div> 同时我们的控制器具有如下的签名：var myModule = angular.module("MyModul...

2020-05-27

46浏览

0评论

node.js中express-session配置项详解

官方地址：阅读
作用：用指定的参数创建一个session中间件，sesison数据不是保存在cookie中，仅仅sessionID保存到cookie中，session的数据仅仅保存在服务器端
警告：默认的服务器端的se...

2020-05-27

54浏览

0评论

Express框架之connect-flash详解

第一步：我们首先来看看这个插件的使用var flash = require('connect-flash'); app.use(flash());//Express使用这个插件第二步：我们看看其内部是如何实现的var format = requ...

2020-05-27

46浏览

0评论

Node学习记录之cluster模块

在如今机器的CPU都是多核的背景下，Node的单线程设计已经没法更充分的"压榨"机器性能了。所以从v0.8开始，Node新增了一个内置模块——“cluster”，故名思议，它可以通过一个父进程...

2020-05-27

56浏览

0评论

详解angular中的作用域及继承

在一些使用angular框架的大型项目中，似乎有很多个controller，而每个controller都有自己的$scope.1、$rootscope $rootScope顶级作用域，也叫根作用域，类似于window，window的属性在...

2020-05-27

47浏览

0评论

深入理解vue中的$set

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句话：如果在实...

2020-05-27

69浏览

0评论

JS实现简单抖动效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>#div1 {width: 100px;height:...

2020-05-27

51浏览

0评论

js随机生成一个验证码

之前接触过的验证码都是图片，今天碰到了一个用js生成随机验证码的demo，拿来敲一敲和大家分享。效果：html代码：<p>验证码：</p> <div id="login" onclick="change()"> <a href="#"...

2020-05-27

46浏览

0评论

angularJs使用$watch和$filter过滤器制作搜索筛选实例

整理文档，搜刮出一个angularJs使用$watch和$filter过滤器制作搜索筛选，稍微整理精简一下做下分享。
<div ng-app="module" ng-controller="ctrl"> 搜索: <input type="text"...

2020-05-27

42浏览

0评论

详解vue过滤器在v2.0版本用法

1.x写法<body><div id="app"> {{html|uppercase}}</div><script> new Vue({ el:'#app', data:{ msg:"123", html:"abc" } })</script></body>但是2.0...

2020-05-27

36浏览

0评论

详解VUE 定义全局变量的几种实现方式

最近在学习VUE.js 中间涉及到JS全局变量，与其说是VUE的全局变量，不如说是模块化JS开发的全局变量。1、全局变量专用模块就是以一个特定模块来组织管理这些全局量，需要...

2020-05-27

67浏览

0评论

vue 如何添加全局函数或全局变量以及单页面的title设置总结

传统的设置title的方法是：document.title = ‘title'
但是这种写法在iOS的微信上是不兼容的
这里设置title的方法是通过在百度搜索的所谓黑科技，避免了安卓和iOS的不兼容写...

2020-05-27

56浏览

0评论

node.js中fs.stat与fs.fstat的区别详解

前言fs.stat和fs.fstat他们的方法功能是一样的，都是获取文件的状态信息，本文主要介绍的是关于node.js中fs.stat与fs.fstat区别的相关内容，分享出来供大家参考学习，下面来看看详...

2020-05-27

57浏览

0评论

Javascript实现一个简单的输入关键字添加标签效果实例

本文主要给大家介绍的是关于js输入关键字添加标签效果的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：实现功能：输入关键字加空格键添加tag标签按Backspace键删除...

2020-05-27

52浏览

0评论

jQuery+Ajax实现用户名重名实时检测

利用jQuery框架，封装了底层的Ajax异步技术，通过简单的方法调用即可实现。这篇博客是针对用户注册时出现的用户名重名问题的自动检测，利用的技术是Ajax异步传输。register.jsp...

2020-05-27

60浏览

0评论

详解基于webpack搭建react运行环境

最近由于项目需要，所以尝试使用webpack搭建react运行环境，在克服了一系列困难后，终于能在页面输出"Hello World"，特地把整个过程记录下来，利人利己。首先我创建了一个文件夹webpa...

2020-05-27

47浏览

0评论

Node.js+ES6+dropload.js实现移动端下拉加载实例

最近要涉及微信移动端项目，所以尝试学习一些移动端的实用技能，这个demo服务由Node搭建服务、下拉加载使用插件dropload,数据渲染应用了ES6中的模板字符串。有兴趣的小伙伴可以...

2020-05-27

57浏览

0评论

javascript 数据存储的常用函数总结

数据存储的常用函数存入数组不重复值
function pushtoArray(myarr,mydata){ if(myarr.length==0){ myarr.push(mydata); }else{ var oktopush=true; for(v...

2020-05-27

44浏览

0评论

react-router中<Link/>的属性详解

本文主要给大家介绍了关于react-router中的属性的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：使用Link标签// 字符串定位描述符 String location descriptor.<...

2020-05-27

39浏览

0评论

关于javascript获取内联样式与嵌入式样式的实例

通过style属性设置背景图案<div id="change">change color</div>/*css*/#change { border: 1px solid black; width: 200px; height: 200px;...

2020-05-27

68浏览

0评论

Require.JS中的几种define定义方式示例

本文主要给大家介绍的是关于Require.JS中define定义方式的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：定义简单的键值对define({ color: "black", size: "unisiz...

2020-05-27

58浏览

0评论

JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变

说在前面:必须是基于支持H5的浏览器才可以这个 API 本身非常简单，由以下三部分组成。document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签页中或者浏览...

2020-05-27

56浏览

0评论

BootStrap selectpicker后台动态绑定数据

项目使用BootStrap设置select时，不能动态加载，使用以下方法可以解决。//获得全部订单信息(订单ID,订单名称)function GetAllOrders(obj) { $.ajax({ type: 'Get', url: '/Or...

2020-05-27

71浏览

0评论

jquery网页加载进度条的实现

本次主要介绍一下网页加载进度的实现。如下图，在页面加载的时候，上方红色的进度条网页加载进度的好处是能够更好的反应当前网页的加载进度情况，loading进度条可用动画的形式从...

2020-05-27

60浏览

0评论

jQuery实现web页面樱花坠落的特效

源码地址https://github.com/jingegebuguai/Cherry_Blossoms（求star）开发原因上课看到一位女生桌面背景是一课樱花树，顿时产生了一个让樱花可以在web页面飞舞的想法，借此把这...

2020-05-27

41浏览

0评论

Angularjs验证用户输入的字符串是否为日期时间

在angularjs中，想在文本框中，验证用户输入的字符串是否为日期时间。刚开始时，Insus.NET想到的是正则，这只是验证到日期与时间的格式是否正确而已，而对于2月最后一天或是30或是31...

2020-05-27

68浏览

0评论

详解Vue2.0里过滤器容易踩到的坑

vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下：
注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。Vue.filter('filtername',function(value,...

2020-05-27

46浏览

0评论

解决BootStrap Fileinput手机图片上传显示旋转问题

最近因为项目需要用到了bootstrap fileinput的插件，在使用苹果手机上传图片预览时，发现图片方向和手机本地存储方向不一致问题。后来通过查询资料了解图片具有EXIF(Exchangeab...

2020-05-27

41浏览

0评论

深入理解JavaScript创建对象的多种方式以及优缺点

写在前面这篇文章讲解创建对象的各种方式，以及优缺点。但是注意：这篇文章更像是笔记，因为《JavaScript高级程序设计》写得真是太好了！1. 工厂模式function createPerson(name) {...

2020-05-27

41浏览

0评论

vue.js加载新的内容(实例代码)

vue是一种轻巧便捷的框架，那么如何进行对于数据加载的刷新呢？以下就是我对于vue.js数据加载的一点想法源码：<div @scroll="onScroll($event)" style="height: 100%;overflow: a...

2020-05-27

159浏览

0评论

JS请求servlet功能示例

本文实例讲述了JS请求servlet的方法。分享给大家供大家参考，具体如下：前端js代码://创建ajax请求对象var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObjec...

2020-05-27

63浏览

0评论

Vue.Draggable实现拖拽效果

快速实现Vue.Draggable的拖拽效果，供大家参考，具体内容如下1.下载包：npm install vuedraggable配置：package.json"dependencies": { "element-ui": "^1.3.4", "less": "^2.7.2...

2020-05-27

93浏览

0评论

Vue.js中兄弟组件之间互相传值实例

兄弟组件之间互相传值，需要建立一个“中转站”（新的vue实例），并且需要主动触发。实例上的$on方法来接受监听。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-05-27

60浏览

0评论

详解vuejs几种不同组件（页面）间传值的方式

在应用复杂时，推荐使用vue官网推荐的vuex，以下讨论简单SPA中的组件间传值。一、路由传值路由对象如下图所示：在跳转页面的时候，在js代码中的操作如下，在标签中使用<router-link>...

2020-05-27

热门文章