JavaScript - 教程之家

78浏览

0评论

利用node.js实现反向代理的方法详解

本文主要给大家介绍的是关于利用node.js实现反向代理的相关内容，分享出供大家参考学习，下面话不多说，来一起看看详细的介绍：跨域问题是前端开发很常见的问题解决方案有很多种 j...

2020-05-27

84浏览

0评论

想用好React的你必须要知道的一些事情

前言React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。实现了一个虚拟 DOM，用 DOM 的方式将需要的组件秒加，用不着的秒删。本文主要给大家介绍了关于想用好React的你...

2020-05-27

45浏览

0评论

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

最近在做项目时，遇到了需要用到多选按钮选中触发事件的功能，因此我查找了一下AngularJS的提供的指令，但是没有发现相应的指令。而一个看起来很像的指令就是ng-checked，但是这个...

2020-05-27

60浏览

0评论

在React中如何优雅的处理事件响应详解

前言本文主要给大家介绍的是关于React处理事件响应的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍吧。React中定义一个组件，可以通过React.createClass或者ES6的...

2020-05-27

51浏览

0评论

Javascript之图片的延迟加载的实例详解

Javascript之图片的延迟加载的实例详解作用：保证页面打开的速度(3s之内打不开页面，就已经算是死亡页面了)原理： 1）对于首屏内容中的图片：首先给对应的区域一张默认图片占着位...

2020-05-27

271浏览

0评论

JavaScript取得gridview中获取checkbox选中的值

测试好半天，才出来，checkbox在第一列， for( i=1;i<document.all.GVmain.rows.length;i++) { var cb=document.all.GVmain.rows(i).cells(0).children(0);...

2020-05-27

79浏览

0评论

javascript cookie的基本操作（添加和删除）

javascript cookie的基本操作（添加和删除）1.添加一个cookie：response.addCookie(Cookie c);2.获取cookie集合： request.getCookies();3.新建一个cookie：new Cookie(String name,S...

2020-05-27

42浏览

0评论

Vue列表页渲染优化详解

vue列表页渲染优化，具体内容如下
想法初始化时，vue会对data做getter、setter改造，在现代浏览器里，虽然JS已经足够快，但仍然有优化空间。列表页的数据结构为：list: [ // 每一项...

2020-05-27

85浏览

0评论

简单实现js放大镜效果

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

2020-05-27

71浏览

0评论

关于react-router的几种配置方式详解

本文介绍关于react-router的几种配置方式详解，分享给大家，具体如下：路由的概念
路由的作用就是将url和函数进行映射，在单页面应用中路由是必不可少的部分，路由配置就是一组指令，用...

2020-05-27

55浏览

0评论

react-router4 嵌套路由的使用方法

react我自己还在摸索学习中，今天正好学习一下react-router4 嵌套路由的使用方法，顺便留着笔记先直接贴代码import React from 'react';import ReactDOM from 'react-dom';impo...

2020-05-27

70浏览

0评论

JavaScript中的FileReader图片预览上传功能实现代码

关于filereader图片预览上传功能的实现代码如下所示：html:<div style="width:200px;height:200px;"> <label for="ceshi" style="display:block;"> <img style="width:200px...

2020-05-27

55浏览

0评论

NodeJS使用七牛云存储上传文件的方法

1-准备工作确认安装node和npm安装 qiniu,formidable,express模块npm install --save qiniu formidable[x] 导入模块
let qiniu = require('qiniu'), formidable = require(...

2020-05-27

62浏览

0评论

关于vue-resource报错450的解决方案

本文介绍了关于vue-resource报错450的解决方案，分享给大家，具体如下：一、基本使用：1.页面引入 import vueResource from 'vue-resource' Vue.use(vueResource)2. 调取接口Vue.ht...

2020-05-27

68浏览

0评论

vue2.0的contextmenu右键弹出菜单的实例代码

整理文档，搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码，稍微整理精简一下做下分享。
1.事情对象<!DOCTYPE html><html><head> <title></title> <meta charset="ut...

2020-05-27

54浏览

0评论

JS按条件 serialize() 对应标签的使用方法

erialize()定义和用法：serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input...

2020-05-27

57浏览

0评论

深入理解基于vue-cli的vuex配置

本文介绍了基于vue-cli的vuex配置，分享给大家，希望对大家有帮助
首先成功运行vue-cli项目
安装vuexcnpm i vuex --save修改配置文件store新建文件夹store（与router同级）然后在st...

2020-05-27

78浏览

0评论

基于JavaScript实现百度搜索框效果

本文实例为大家分享了js实现百度搜索框展示效果的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...

2020-05-27

57浏览

0评论

Vue项目中引入外部文件的方法（css、js、less）

这两天学习了Vue.js ，正好了解了如何引入外部文件的方法，而且很重要，所以，今天添加一点小笔记。
例子中css文件采用bootstrap.css，js文件采用jQuery，less文件用less.less(自定义文...

2020-05-27

48浏览

0评论

浅谈Vue.js 1.x 和 2.x 实例的生命周期

在Vue.js中，在实例化Vue之前，它们都是以HTML的文本形式存在文本编辑器中。当实例化后将经历创建、编译、销毁三个主要阶段。以下是Vue.js 1.x 实例的生命周期图示：Vue.js 1.x...

2020-05-27

73浏览

0评论

教你5分钟学会用requirejs(必看篇)

requirejs是干啥的啊？曾经，我们将一些js组件放到不同的文件，然后通过script标签引入，如果几个组件有依赖，那么要小心了，你必须将被依赖的放到前面，否则的话会出现啥啥啥is undefine...

2020-05-27

50浏览

0评论

老生常谈js中的MVC

MVC是什么？MVC是一种架构模式，它将应用抽象为3个部分：模型（数据）、视图、控制器（分发器）。本文将用一个经典的例子todoList来展开（代码在最后）。一个事件发生的过程（通信单向流动）：1、用...

2020-05-27

91浏览

0评论

简单谈谈React中的路由系统

React中的路由系统提起路由，首先想到的就是 ASPNET MVC 里面的路由系统--通过事先定义一组路由规则，程序运行时就能自动根据我们输入的URL来返回相对应的页面。前端中的路由与...

2020-05-27

50浏览

0评论

基于JavaScript实现多级菜单效果

本文实例为大家分享了js实现多级菜单效果展示的具体代码，供大家参考，具体内容如下具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu...

2020-05-27

40浏览

0评论

js事件委托和事件代理案例分享

什么是事件委托/事件代理　　利用事件的冒泡传播机制（触发当前元素的某一个行为，它父级所有元素的相关行为都会被触发），如果一个容器中有很多元素都要绑定点击事件，我们没有必要...

2020-05-27

56浏览

0评论

基于Bootstrap的标签页组件及bootstrap-tab使用说明

bootstrap-tabbootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能：tab页初始化
关闭tab页
新增tab
显示tab页
获取tab页ID使用Step...

2020-05-27

73浏览

0评论

以BootStrap Tab为例写一个前端组件

介绍本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，以下是实现效果：原生的Bootstrap-tab组件主要有html,css组成，开发者使用时，需要写很多代码，不易于使用，对bo...

2020-05-27

50浏览

0评论

详解angularjs获取元素以及angular.element()用法

本文介绍了详解angularjs获取元素以及angular.element()用法，分享给大家，具体如下：
addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素...

2020-05-27

58浏览

0评论

利用node.js爬取指定排名网站的JS引用库详解

前言
本文给大家介绍的爬虫将从网站爬取排名前几的网站，具体前几名可以具体设置，并分别爬取他们的主页，检查是否引用特定库。下面话不多说了，来一起看看详细的介绍：所用到的node...

2020-05-27

57浏览

0评论

微信JSSDK调用微信扫一扫功能的方法

如何利用微信JSSDK调用微信扫一扫功能？具体内容如下1. 确保有调起微信扫一扫接口权限，测试号可能不行；2. 导入相关JS<script type="text/javascript" http://test.com/zepto_...

2020-05-27

44浏览

0评论

关于TypeScript中import JSON的正确姿势详解

前言Typescript是微软内部出品的，用actionscript的语法在写js的一门新语言，最近 TypeScript 中毒，想想我一个弱类型出身的人，怎么就喜欢上了类型约束……当然这不是重点，重点可能...

2020-05-27

75浏览

0评论

基于jquery实现多级菜单效果

本文实例为大家分享了jquery实现多级菜单效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...

2020-05-27

78浏览

0评论

深入解析nodejs HTTP服务

我最近在研究nodejs的路上，正好这两天了解了nodejs HTTP服务，那么今天也算个学习笔记吧！
nodejs最重要的方面之一是具有非常迅速的实现HTTP和HTTPS服务器和服务的能力。http服...

2020-05-27

58浏览

0评论

Vue实现一个返回顶部backToTop组件

最近在学习VUE。自己就在研究怎么用VUE实现一个组件的封装，今日就算留个笔记
前言返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了今天我们来试试vue...

2020-05-27

62浏览

0评论

简单实现js拖拽效果

本文实例为大家分享了js拖拽效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style...

2020-05-27

66浏览

0评论

ES6正则表达式扩展笔记

前面的话　　正则表达式是javascript操作字符串的一个重要组成部分，但在以往的版本中并未有太多改变。然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。...

2020-05-27

43浏览

0评论

Vue.js学习笔记之修饰符详解

本篇将简单介绍常用的修饰符。在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点...

2020-05-27

39浏览

0评论

vue事件修饰符和按键修饰符用法总结

之前关于vue事件修饰符和按键修饰符的一点分析，最近需要回顾，就顺便发到随笔上了在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求...

2020-05-27

118浏览

0评论

BootStrap的双日历时间控件使用

这段时间看了下bootstrap的时间控件，发现使用起来还是很简单的，趁着有时间的时候整理了一下，方便自己以后忘记的时候查阅。。。废话不多说先上效果图　　　　　　　　　　　接...

2020-05-27

53浏览

0评论

简单实现js鼠标跟随效果

本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...

2020-05-27

71浏览

0评论

jQuery实现键盘回车搜索功能

本来我一直认为一个搜索没有什么太难做的，直到我接到了上一个项目，让不使用按钮实现搜索这才让我开始在网上寻找这一技术，那么废话少说，将我的源码放上来给大家参考。前台代码<d...

2020-05-27

65浏览

0评论

Vue.js学习笔记之常用模板语法详解

本文介绍了Vue.js 常用模板语法，分享给大家，具体如下：一、文本渲染Vue支持动态渲染文本，即在修改属性的同时，实时渲染文本内容。同时为了提高渲染效率，也支持只渲染一次，即第一次渲...

2020-05-27

63浏览

0评论

你有必要知道的10个JavaScript难点

能够读懂这篇博客的JavaScript开发者，运气不会太差…1. 立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执...

2020-05-27

57浏览

0评论

JS数组操作中的经典算法实例讲解

冒泡排序<script type="text/javascript">var arr = [3,7,6,2,1,5];定义一个交换使用的中间变量var temp = 0;for(i=0;i<arr.length;i++){ for(j=0;j<arr.length;j++){如果...

2020-05-27

44浏览

0评论

JS 60秒后重新发送验证码的实例讲解

废话不多说，直接上代码//settime($("#getPhoneCode"),60);function settime($obj, time) { if (time == 0) { $obj.attr("disabled", false); $obj.css("background",...

2020-05-27

46浏览

0评论

nodejs body-parser 解析post数据实例

安装$ npm install body-parserAPIvar bodyPaeser =require('body-parser')可以通过body-parser 对象创建中间件，当接收到客户端请求时所有的中间件都会给req.body 添加属性，...

2020-05-27

68浏览

0评论

关于Stream和Buffer的相互转换详解

前言最近在工作的时候突然就有了这样一个需求，这一次正好也对本来不太熟的 Stream 有了一点更加深刻的理解……（好吧本来是根本没搞清楚状况）。本文将给大家详细介绍关于Stream...

2020-05-27

77浏览

0评论

WdatePicker.js时间日期插件的使用方法

本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：
在项目中引用“plugin-clander”文件夹。
在html中引用”WdatePicker.js”即可。<script src="js/plugin-c...

2020-05-27

95浏览

0评论

深入探究angular2 UI组件之primeNG用法

前言：众所周知，primeNG是ng2的一个ui组件库，很强大，个人感觉比ng2-bootstrap还强大，下面就告诉大家怎么安装使用，官网：http://www.primefaces.org/primeng/#/本人使用angular cli...

2020-05-27

63浏览

0评论

nodejs前端自动化构建环境的搭建

为了UED前端团队更好的协作开发同时提高项目编码质量，我们需要将Web前端使用工程化方式构建；目前需要一些简单的功能：
1. 版本控制
2. 检查JS
3. 图片合并
4....

2020-05-27

热门文章