JavaScript - 教程之家

91浏览

0评论

详解在Vue中有条件地使用CSS类

很多时候Web在运行时要更改元素的CSS类名。但是在改变类名时，有时最好是有条件地应用样式。例如你有一个翻页的效果。翻页效果通常有一个高亮的效果，用于向用户显示当前页，这对...

2020-05-27

49浏览

0评论

react-native中ListView组件点击跳转的方法示例

前言在上一篇我们实现了NavigatorIOS与ListView结合使用的方法，那么这篇文章介绍一下ListView里点击跳转到新视图的方法，话不多说了，来一起看看详细的介绍吧。先看效果用法
N...

2020-05-27

82浏览

0评论

node通过express搭建自己的服务器

前言为了模拟项目上线，我们就需要一个服务器去提供API给我们调用数据。这次我采用express框架去写API接口。所有请求都是通过ajax请求去请求服务器来返回数据。第一次用node...

2020-05-27

81浏览

0评论

js实现数组和对象的深浅拷贝

前提：原始数据类型和对象类型赋值时的差异JavaScript的数据类型分为原始数据类型和对象类型。二者在内存中存放的方式不同，导致了其赋值时差异。分别举个栗子var x = 1; var y...

2020-05-27

66浏览

0评论

nodejs 图片预览和上传的示例代码

本文介绍了nodejs 图片预览和上传的示例代码，分享给大家，具体如下：效果如下：前言一般在上传图片之前需要暂存在本地预览一下。
前端图片预览用的是 FileReader的readAsDataURL方...

2020-05-27

63浏览

0评论

微信小程序富文本渲染引擎的详解

微信小程序富文本渲染引擎的详解步骤把 wxParser 目录放到小程序项目的根目录下在需要富文本解析的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser....

2020-05-27

67浏览

0评论

jqgrid实现简单的单行编辑功能

本文实例为大家分享了jqgrid实现简单的单行编辑功能的具体代码，供大家参考，具体内容如下1.html代码<table id="tableList" style="text-align:center;"></table><div id=table...

2020-05-27

105浏览

0评论

Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例

access_token微信文档里存在两种access_token：普通 access_token 和网页授权 access_token。具体区别参考：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp142...

2020-05-27

63浏览

0评论

JS动态添加的div点击跳转到另一页面实现代码

div调用函数跳转：var obj = document.getElementById('id');obj.onclick=function(){ window.location.href="跳转的地址" rel="external nofollow" ; }源文件：<!DOC...

2020-05-27

48浏览

0评论

React实践之Tree组件的使用方法

本文介绍了React实践之Tree组件，分享给大家，具体如下：
实现功能渲染数据展开合并使用数据结构：const node = { title: '00000', key: '0' , level:'level1', open: true, c...

2020-05-27

57浏览

0评论

js实现轮播图的两种方式(构造函数、面向对象)

本文实例为大家分享了js实现轮播图的具体代码，供大家参考，具体内容如下1、构造函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type='t...

2020-05-27

64浏览

0评论

Easy UI动态树点击文字实现展开关闭功能

只需要在JSP处，点击树的函数中，添加一段代码即可：整体如下：<span style="white-space:pre"> </span>$("#tt").tree({ onClick: function(node){ if(node.url != null)...

2020-05-27

54浏览

0评论

vuejs使用递归组件实现树形目录的方法

上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！首先实现效果如下，觉得菜单还是比较nice的是吧：这边数据调用...

2020-05-27

55浏览

0评论

基于原生js运动方式关键点的总结(推荐)

主要方法：定时器的运用 setInterval(funnction(){},30);
为了避免最后时刻速度即将停止时的误差，可以采用下面的方法：if（iSpeed<1）//速度足够小的时候，让速度直接为0，避免速度的波...

2020-05-27

55浏览

0评论

JS Testing Properties 判断属性是否在对象里的方法

Testing PropertiesTo check whether an object has a property with a given name. You can do this with the in operator, with the hasOwnProperty() and propertyIsEnu...

2020-05-27

70浏览

0评论

原生js封装运动框架的示例讲解

昨天我们说了一下原生JS中常用的兼容性写法，今天我们来说一下运动框架.正常情况下我们要写一个运动的效果会用到tween.js这么一个插件，这个东西不是一般人写出来的，因为里面涉...

2020-05-27

58浏览

0评论

原生JS实现图片无缝滚动方法(附带封装的运动框架)

话说轮播图效果是前端er学习JS的必经之路啊，很多同学写的第一个JS效果应该就是它了，在各大网站我们都会经常见到，但是无缝滚动运动效果的轮播图，对于小白们来说还是有一定难度的...

2020-05-27

53浏览

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

60浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

51浏览

0评论

浅谈Angular路由复用策略

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

2020-05-27

76浏览

0评论

浅谈angular2路由预加载策略

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

2020-05-27

55浏览

0评论

浅谈Angular2 模块懒加载的方法

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

53浏览

0评论

javascript数组定义的几种方法

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

52浏览

0评论

js用类封装pop弹窗组件

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

2020-05-27

71浏览

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

52浏览

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

74浏览

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

53浏览

0评论

React Native中的RefreshContorl下拉刷新使用

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

54浏览

0评论

JavaScript实现短信倒计时60s

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

62浏览

0评论

jqueryUI tab标签页代码分享

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

55浏览

0评论

基于zepto.js实现登录界面

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

65浏览

0评论

详解如何让Express支持async/await

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

2020-05-27

热门文章