JavaScript - 教程之家

42浏览

0评论

无限循环轮播图之运动框架(原生JS实现)

封装运动框架function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }}function move(o...

2020-05-27

55浏览

0评论

vuejs使用$emit和$on进行组件之间的传值的示例

$emit和$on可以实现组件之间的传值，我们知道父组件传值给子组件使用props，但是不允许子组件传值给父组件，这时候使用这个就可以实现了。注意：$emit和$on的事件必须在一个公共的...

2020-05-27

97浏览

0评论

React-Native之定时器Timer的实现代码

在web开发中，我们通常需要使用定时器功能，使用setTimeout和setInterval函数。
那么在ReactNative中，是否也提供了定时器的功能呢？答案是肯定的。我们还是先看看官网怎么说的。...

2020-05-27

43浏览

0评论

浅谈Angular路由复用策略

一、引言
路由在执行过程中对组件无状态操作，即路由离退时组件状态也一并被删除；当然在绝大多数场景下这是合理的。但有时一些特殊需求会让人半死亡状态，当然这一切都是为了用...

2020-05-27

59浏览

0评论

浅谈angular2路由预加载策略

1.问题描述
在没有使路由懒加载的时候，第一次使用的时候加载特别慢，影响用户体验，angular2可以使用loadChildren进行懒加载，第一次使用的时候只会加载需要的模块，其它模块在真正...

2020-05-27

45浏览

0评论

浅谈Angular2 模块懒加载的方法

当项目变得复杂庞大以后，如果所有页面都在一个模块里，就会出现首页加载慢的问题，因为首页就已经把整个项目加载进来了。所以，很有必要根据业务将不同的功能分模块，以便Angular2按...

2020-05-27

62浏览

0评论

vue-cli构建项目使用 less的方法

在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。
第一步：安装npm install less less-loader --save-dev 即...

2020-05-27

73浏览

0评论

你应该知道的几类npm依赖包管理详解

前言大家都知道在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。下面话不多说了，来一起...

2020-05-27

64浏览

0评论

node.js中http模块和url模块的简单介绍

前言本文主要给大家介绍了关于node.js中http模块与url模块的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、http模块的简单介绍node.js当中的h...

2020-05-27

68浏览

0评论

node.js利用mongoose获取mongodb数据的格式化问题详解

说明
大家都知道在mongodb 中获取数据，不管使用回调函数还是Promise又或者generate 语法最后得到都是mongoose.Query对象，不能直接操作如同普通对象一样得到单行数据。还有就...

2020-05-27

44浏览

0评论

javascript数组定义的几种方法

1、什么是数组数组就是一组数据的集合
其表现形式就是内存中的一段连续的内存地址
数组名称其实就是连续内存地址的首地址2、关于js中的数组特点数组定义时无需指定数据类型...

2020-05-27

40浏览

0评论

JS实现简单表格排序操作示例

本文实例讲述了JS实现简单表格排序操作。分享给大家供大家参考，具体如下：<!DOCTYPE><html><head> <meta http-equiv="Content-type" content="text/html" charset="utf-8">...

2020-05-27

63浏览

0评论

JS动态修改网页body的背景色实例代码

大部分网页默认的背景色为白色，个人感觉比较刺眼，于是写了个JS的脚本去改变body部分的背景色，代码如下：// ==UserScript==// @name ChangeBackgroundColor// @namespace tin...

2020-05-27

66浏览

0评论

MUI顶部选项卡的用法(tab-top-webview-main)详解

前言
　MUI是一款最接近原生APP体验的高性能前端框架，它的比较重要的功能是：下拉刷新、侧滑导航、滑动触发操作菜单和顶部(底部)选项卡等最近用MUI做手机app应用的时候，遇...

2020-05-27

49浏览

0评论

利用js编写网页进度条效果

一、基本思路为了让我们编写的网页进度条满足现有需求，又足够轻便，所以使用原生js写一个构造函数，为了见名知义，可以把该函数命名为”Loading”。该函数接收2个参数，分别为arr、c...

2020-05-27

44浏览

0评论

js用类封装pop弹窗组件

下面的弹出框组件使用的是类来封装的。一个弹窗组件通过new一个实例来生成。下面直接上代码：html结构：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <tit...

2020-05-27

54浏览

0评论

jQuery ajax调用webservice注意事项

jquery ajax调用webservice(C#)要注意的几个事项：1、web.config里需要配置2个地方<httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" valid...

2020-05-27

37浏览

0评论

js + css实现标签内容切换功能(实例讲解)

先附上效果图和代码： html 文档：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/tabs_fun...

2020-05-27

65浏览

0评论

JS实现的全排列组合算法示例

本文实例讲述了JS实现的全排列组合算法。分享给大家供大家参考，具体如下：全排列组合算法，例如a,b,c,d进行全排列组合，则组合结果为：a,b,ab,c,ac,bc,abc,d,ad,bd,abd,cd,acd,bcd,a...

2020-05-27

36浏览

0评论

React Native中的RefreshContorl下拉刷新使用

我们知道App中都有下拉加载，在React Native中也有类似的控件一、属性方法（1） onRefresh function 在视图开始刷新的时候调用（2） refreshing bool 视图是否在刷新时显示指示器，也表...

2020-05-27

62浏览

0评论

React如何利用相对于根目录进行引用组件详解

前言本文主要给大家介绍了关于React利用相对于根目录进行引用组件的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。在对自己开发的组件中经常会做...

2020-05-27

44浏览

0评论

AngularJS中的路由使用及实现代码

前言本章节将为大家介绍 AngularJS 路由。AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web applicat...

2020-05-27

44浏览

0评论

ES6学习教程之对象字面量详解

前言本文主要给大家介绍了关于ES6对象字面量的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。ECMAScript6使得声明对象字面量更加简单，提供了属性简...

2020-05-27

46浏览

0评论

JavaScript实现短信倒计时60s

废话不多说了，直接给大家贴代码了，具体代码如下所示；$(function(){ //获取验证码 var getCode = document.getElementById('getCode'); var wait = 60; function tim...

2020-05-27

54浏览

0评论

ES6学习教程之块级作用域详解

前言众所周知ES5之前javascript语言只有函数作用域和全局作用域，使用var来声明变量，var声明的变量还存在变量提升使人困惑不已。我们先来复习一下ES5的var声明，再对比学习let和...

2020-05-27

55浏览

0评论

ES6学习教程之模板字符串详解

模板字符串(template strings)
ES6 中引进的一种新型的字符串字面量语法 - 模板字符串。书面上来解释，模板字符串是一种能在字符串文本中内嵌表示式的字符串字面量。简单来讲...

2020-05-27

51浏览

0评论

jqueryUI tab标签页代码分享

本文实例为大家分享了jqueryUI tab标签页的具体代码，供大家参考，具体内容如下var temp=1; var arr=["我的首页"]; //×号点击关闭li $("#tabs").delegate( ".ui-icon-close",...

2020-05-27

48浏览

0评论

jQuery实现html双向绑定功能示例

本文实例讲述了jQuery实现html双向绑定功能。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script t...

2020-05-27

80浏览

0评论

浅谈在koa2中实现页面渲染的全局数据

最近用koa2做一个项目的web端，遇到一个场景。该项目主要用的是传统的服务端渲染的方式，所以会用 koa-views 去做页面的渲染工作。实现方式就是 ctx.render('path',data)，那么，有...

2020-05-27

34浏览

0评论

基于zepto.js实现登录界面

最近使用Zepto.js写的登陆界面，纯js界面，留下来，以后再写登陆可以直接使用了。
下面是效果图直接再html中先引入zepto.js的库，再插入下面的代码就可以实现了createLoginArea();...

2020-05-27

42浏览

0评论

Node.JS使用Sequelize操作MySQL的示例代码

Node.JS提供了操作数据库的基础接口，我们可以通过mysql模块的query方法进行操作，但是需要编写SQL语句，对于SQL语句并不精通的人来说有一定的难度，而且在代码中保留SQL语句也有一...

2020-05-27

60浏览

0评论

jQuery插件artDialog.js使用与关闭方法示例

本文实例讲述了jQuery插件artDialog.js使用与关闭方法。分享给大家供大家参考，具体如下：子窗口关闭artdialog终极解决方案：window.parent.window.art.dialog({ id: 'qin123' })...

2020-05-27

47浏览

0评论

详解如何让Express支持async/await

随着 Node.js v8 的发布，Node.js 已原生支持 async/await 函数，Web 框架 Koa 也随之发布了 Koa 2 正式版，支持 async/await 中间件，为处理异步回调带来了极大的方便。既然 Koa 2...

2020-05-27

43浏览

0评论

jQuery实现获取table中鼠标click点击位置行号与列号的方法

本文实例讲述了jQuery实现获取table中鼠标click点击位置行号与列号的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head lang="e...

2020-05-27

37浏览

0评论

js+html5生成自动排列对话框实例

最近用js和html5写出的弹出多个对话框，并且可以自动排列，占满屏幕时会自动从新开始，话不多说直接上图：
用起来还是十分方便的，如果你感兴趣，代码在后面首先是Html页面
<!DOCTYPE h...

2020-05-27

52浏览

0评论

NodeJs通过async/await处理异步的方法

场景远古时代我们在编写express后台，经常要有许多异步IO的处理。在远古时代，我们都是用chunk函数处理，也就是我们最熟悉的那种默认第一个参数是error的函数。我们来模拟一个Mon...

2020-05-27

59浏览

0评论

ES6中的Promise代码详解

废话不多说了，直接给大家贴代码了，具体如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script>var a=0var test=fun...

2020-05-27

35浏览

0评论

JS实现中文汉字按拼音排序的方法

本文实例讲述了JS实现中文汉字按拼音排序的方法。分享给大家供大家参考，具体如下：代码1，拼音排序：var array = ['武汉', '北京', '上海', '天津'];var resultArray = array.sort...

2020-05-27

64浏览

0评论

浅谈node的事件机制

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
在nodejs的官方文档中，明确写出了node的一个特性是event-driven（事件驱动...

2020-05-27

52浏览

0评论

移动端效果之Swiper详解

写在前面
最近在做移动端方面运用到了饿了么的vue前端组件库，因为不想单纯用组件而使用它，故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理，有兴趣的可以关...

2020-05-27

60浏览

0评论

JS中Attr的用法详解

具体代码如下所示：<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#btn")...

2020-05-27

56浏览

0评论

详解使用Typescript开发node.js项目（简单的环境配置）

最近在学习typescript的过程中，想到也许可以使用ts来开发node.js项目。在网上搜了一下，其实已经有很多开发者实践了这方面的内容。这里，我记录一下自己搭建开发环境的简单过程...

2020-05-27

52浏览

0评论

input 标签实现输入框带提示文字效果(两种方法)

方法一：html5配合css3实现带提示文字的输入框(摆脱js)；webkit特有的一个css，可以控制里面的文字样式，配合css3的动画效果和伪类，我们就可以很容易做出一个带动画的输入框，在系统登...

2020-05-27

61浏览

0评论

JS实现预加载视频音频/视频获取截图（返回canvas截图）

#load-media.js/** * Create by Capricorncd 2017 */// 同域资源实现视频截图，可上传的图片数据格式// 非同域资源实现canvas截图预览// 提示码const CODES = { 0: 'success...

2020-05-27

47浏览

0评论

Angular2监听页面大小变化的解决方法

一、现象全屏页面中的图表，在很多的时候需要 resize 一把，以适应页面的大小变化二、解决1、引入：import { Observable } from 'rxjs';2、使用(在ngOnInit方法中)：ngOnInit() {...

2020-05-27

40浏览

0评论

Vue组件之全局组件与局部组件的使用详解

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组...

2020-05-27

53浏览

0评论

聊聊Vue.js的template编译的问题

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：https://github.com/answershuto...

2020-05-27

53浏览

0评论

基于对象合并功能的实现示例

前言jQuery 中的 $.extend() 是经常使用到工具函数，多用于合并参数（对象），具体用法在这里不过多赘述，可通过传参控制合并过程中是否使用深度拷贝；而ES2015中新增的 Object.assign(...

2020-05-27

68浏览

0评论

详解Nodejs 通过 fs.createWriteStream 保存文件

工作中难免会遇到处理大文件的时候，有这种stream的处理方式，就不需要一次处理太大的文件，从而导致内存不够用，或者内存占用太多。fs.createWriteStream 似乎不会自己创建不存在...

2020-05-27

49浏览

0评论

React中上传图片到七牛的示例代码

之前有写过类似的一篇文章，有位同学突然找来解惑，发现自己采用了另外的一个方法，这里也分享下，希望对使用reactjs的同学有帮助。逻辑思路是这样子的，在componentDidMount中实现更...

2020-05-27

热门文章