简单实现js放大镜效果
本文实例为大家分享了js放大镜效果展示的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<...
2020-05-27
关于react-router的几种配置方式详解
本文介绍关于react-router的几种配置方式详解，分享给大家，具体如下：路由的概念
路由的作用就是将url和函数进行映射，在单页面应用中路由是必不可少的部分，路由配置就是一组指令，用...
2020-05-27
react-router4 嵌套路由的使用方法
react我自己还在摸索学习中，今天正好学习一下react-router4 嵌套路由的使用方法，顺便留着笔记先直接贴代码import React from 'react';import ReactDOM from 'react-dom';impo...
2020-05-27
JavaScript中的FileReader图片预览上传功能实现代码
关于filereader图片预览上传功能的实现代码如下所示：html:<div style="width:200px;height:200px;"> <label for="ceshi" style="display:block;"> <img style="width:200px...
2020-05-27
NodeJS使用七牛云存储上传文件的方法
1-准备工作确认安装node和npm安装 qiniu,formidable,express模块npm install --save qiniu formidable[x] 导入模块
let qiniu = require('qiniu'), formidable = require(...
2020-05-27
关于vue-resource报错450的解决方案
本文介绍了关于vue-resource报错450的解决方案，分享给大家，具体如下：一、基本使用：1.页面引入 import vueResource from 'vue-resource' Vue.use(vueResource)2. 调取接口Vue.ht...
2020-05-27
vue2.0的contextmenu右键弹出菜单的实例代码
整理文档，搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码，稍微整理精简一下做下分享。
1.事情对象<!DOCTYPE html><html><head> <title></title> <meta charset="ut...
2020-05-27
JS按条件 serialize() 对应标签的使用方法
erialize()定义和用法：serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input...
2020-05-27
深入理解基于vue-cli的vuex配置
本文介绍了基于vue-cli的vuex配置，分享给大家，希望对大家有帮助
首先成功运行vue-cli项目
安装vuexcnpm i vuex --save修改配置文件store新建文件夹store（与router同级）然后在st...
2020-05-27
基于JavaScript实现百度搜索框效果
本文实例为大家分享了js实现百度搜索框展示效果的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...
2020-05-27
Vue项目中引入外部文件的方法（css、js、less）
这两天学习了Vue.js ，正好了解了如何引入外部文件的方法，而且很重要，所以，今天添加一点小笔记。
例子中css文件采用bootstrap.css，js文件采用jQuery，less文件用less.less(自定义文...
2020-05-27
浅谈Vue.js 1.x 和 2.x 实例的生命周期
在Vue.js中，在实例化Vue之前，它们都是以HTML的文本形式存在文本编辑器中。当实例化后将经历创建、编译、销毁三个主要阶段。以下是Vue.js 1.x 实例的生命周期图示：Vue.js 1.x...
2020-05-27
教你5分钟学会用requirejs(必看篇)
requirejs是干啥的啊？曾经，我们将一些js组件放到不同的文件，然后通过script标签引入，如果几个组件有依赖，那么要小心了，你必须将被依赖的放到前面，否则的话会出现啥啥啥is undefine...
2020-05-27
老生常谈js中的MVC
MVC是什么？MVC是一种架构模式，它将应用抽象为3个部分：模型（数据）、视图、控制器（分发器）。本文将用一个经典的例子todoList来展开（代码在最后）。一个事件发生的过程（通信单向流动）：1、用...
2020-05-27
简单谈谈React中的路由系统
React中的路由系统提起路由，首先想到的就是 ASPNET MVC 里面的路由系统--通过事先定义一组路由规则，程序运行时就能自动根据我们输入的URL来返回相对应的页面。前端中的路由与...
2020-05-27
基于JavaScript实现多级菜单效果
本文实例为大家分享了js实现多级菜单效果展示的具体代码，供大家参考，具体内容如下具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu...
2020-05-27
js事件委托和事件代理案例分享
什么是事件委托/事件代理 利用事件的冒泡传播机制（触发当前元素的某一个行为，它父级所有元素的相关行为都会被触发），如果一个容器中有很多元素都要绑定点击事件，我们没有必要...
2020-05-27
基于Bootstrap的标签页组件及bootstrap-tab使用说明
bootstrap-tabbootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能：tab页初始化
关闭tab页
新增tab
显示tab页
获取tab页ID使用Step...
2020-05-27
以BootStrap Tab为例写一个前端组件
介绍本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，以下是实现效果：原生的Bootstrap-tab组件主要有html,css组成，开发者使用时，需要写很多代码，不易于使用，对bo...
2020-05-27
详解angularjs获取元素以及angular.element()用法
本文介绍了详解angularjs获取元素以及angular.element()用法 ，分享给大家，具体如下：
addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素...
2020-05-27
利用node.js爬取指定排名网站的JS引用库详解
前言
本文给大家介绍的爬虫将从网站爬取排名前几的网站，具体前几名可以具体设置，并分别爬取他们的主页，检查是否引用特定库。下面话不多说了，来一起看看详细的介绍：所用到的node...
2020-05-27
微信JSSDK调用微信扫一扫功能的方法
如何利用微信JSSDK调用微信扫一扫功能？具体内容如下1. 确保有 调起微信扫一扫接口 权限，测试号可能不行；2. 导入相关JS<script type="text/javascript" http://test.com/zepto_...
2020-05-27
关于TypeScript中import JSON的正确姿势详解
前言Typescript是微软内部出品的，用actionscript的语法在写js的一门新语言，最近 TypeScript 中毒，想想我一个弱类型出身的人，怎么就喜欢上了类型约束……当然这不是重点，重点可能...
2020-05-27
基于jquery实现多级菜单效果
本文实例为大家分享了jquery实现多级菜单效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...
2020-05-27
深入解析nodejs HTTP服务
我最近在研究nodejs的路上，正好这两天了解了nodejs HTTP服务，那么今天也算个学习笔记吧！
nodejs最重要的方面之一是具有非常迅速的实现HTTP和HTTPS服务器和服务的能力。http服...
2020-05-27
Vue实现一个返回顶部backToTop组件
最近在学习VUE。自己就在研究怎么用VUE实现一个组件的封装，今日就算留个笔记
前言返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了今天我们来试试vue...
2020-05-27
简单实现js拖拽效果
本文实例为大家分享了js拖拽效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style...
2020-05-27
ES6正则表达式扩展笔记
前面的话 正则表达式是javascript操作字符串的一个重要组成部分，但在以往的版本中并未有太多改变。然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。...
2020-05-27
Vue.js学习笔记之修饰符详解
本篇将简单介绍常用的修饰符。在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点...
2020-05-27
vue事件修饰符和按键修饰符用法总结
之前关于vue事件修饰符和按键修饰符的一点分析，最近需要回顾，就顺便发到随笔上了在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求...
2020-05-27
BootStrap的双日历时间控件使用
这段时间看了下bootstrap的时间控件，发现使用起来还是很简单的，趁着有时间的时候整理了一下，方便自己以后忘记的时候查阅。。。废话不多说先上效果图 接...
2020-05-27
简单实现js鼠标跟随效果
本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...
2020-05-27
jQuery实现键盘回车搜索功能
本来我一直认为一个搜索没有什么太难做的，直到我接到了上一个项目，让不使用按钮实现搜索这才让我开始在网上寻找这一技术，那么废话少说，将我的源码放上来给大家参考。前台代码<d...
2020-05-27
Vue.js学习笔记之常用模板语法详解
本文介绍了Vue.js 常用模板语法，分享给大家，具体如下：一、文本渲染Vue支持动态渲染文本，即在修改属性的同时，实时渲染文本内容。同时为了提高渲染效率，也支持只渲染一次，即第一次渲...
2020-05-27
你有必要知道的10个JavaScript难点
能够读懂这篇博客的JavaScript开发者，运气不会太差…1. 立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执...
2020-05-27
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
JS 60秒后重新发送验证码的实例讲解
废话不多说，直接上代码//settime($("#getPhoneCode"),60);function settime($obj, time) { if (time == 0) { $obj.attr("disabled", false); $obj.css("background",...
2020-05-27
nodejs body-parser 解析post数据实例
安装$ npm install body-parserAPIvar bodyPaeser =require('body-parser')可以通过body-parser 对象创建中间件，当接收到客户端请求时所有的中间件都会给req.body 添加属性，...
2020-05-27
关于Stream和Buffer的相互转换详解
前言最近在工作的时候突然就有了这样一个需求，这一次正好也对本来不太熟的 Stream 有了一点更加深刻的理解……（好吧本来是根本没搞清楚状况）。本文将给大家详细介绍关于Stream...
2020-05-27
WdatePicker.js时间日期插件的使用方法
本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：
在项目中引用“plugin-clander”文件夹。
在html中引用”WdatePicker.js”即可。<script src="js/plugin-c...
2020-05-27
深入探究angular2 UI组件之primeNG用法
前言：众所周知，primeNG是ng2的一个ui组件库，很强大，个人感觉比ng2-bootstrap还强大，下面就告诉大家怎么安装使用，官网：http://www.primefaces.org/primeng/#/本人使用angular cli...
2020-05-27
nodejs前端自动化构建环境的搭建
为了UED前端团队更好的协作开发同时提高项目编码质量，我们需要将Web前端使用工程化方式构建；目前需要一些简单的功能：
1. 版本控制
2. 检查JS
3. 图片合并
4....
2020-05-27
JavaScript利用fetch实现异步请求的方法实例
前言相信大家应该都有所了解，在这个AJAX时代，如果想进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。 现在产生的 fetch 框架简直就是为了提供更...
2020-05-27
Angular中自定义Debounce Click指令防止重复点击
在这篇文章中，我们将介绍使用 Angular Directive API 来创建自定义 debounce click 指令。该指令将处理在指定时间内多次点击事件，这有助于防止重复的操作。对于我们的示例，我...
2020-05-27
nodejs之get/post请求的几种方式小结
最近一段时间在学习前端向服务器发送数据和请求数据,下面总结了一下向服务器发送请求用get和post的几种不同请求方式：1.用form表单的方法：(1)get方法前端代码:<form action =...
2020-05-27
基于ExtJs在页面上window再调用Window的事件处理方法
今天在开发Ext的过程中遇到了一个恶心的问题，就是在ext.window页面，点击再次弹出window时，gridpanel中的store数据加载异常，不能正常被加载，会出现缓存，出现该问题，是因为window窗...
2020-05-27
深入讲解xhr（XMLHttpRequest）/jsonp请求之abort
前言相信大家在工作中经常需要使用AJAX，所以当大家看到文章标题的时候可能会觉得这是一个老生常谈的话题。前端开发中向后端发起xhr（XMLHttpRequest）请求（代表性的就是熟悉的aja...
2020-05-27
vue上传图片组件编写代码
本文实例教大家如何编写一个vue上传图片组件，具体如下1.首先得有一个[type=file]文件标签并且隐藏，changge事件来获取图片：<input @change="fileChange($event)" type="file" i...
2020-05-27
浅谈nodejs中的类定义和继承的套路
javascript是一门极其灵活的语言。
灵活到你无法忍受！
我个人喜欢强类型的语言，例如c/c++，c#等。但是js代表着未来，所以需要学习。
js中类定义以及继承有n多种方式,现在来学习一...
2020-05-27
Angular4如何自定义首屏的加载动画详解
前言相信大家都知道，在默认情况下，Angular应用程序在首次加载根组件时，会在浏览器的显示一个loading... 我们可以轻松地将loading修改成我们自己定义的动画。下面话不多说，来一...
2020-05-27
