JavaScript - 教程之家

64浏览

0评论

vue计算属性和监听器实例解析

基本实例<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el: '#exam...

2020-05-27

116浏览

0评论

vue-router3.0版本中 router.push 不能刷新页面的问题

在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使...

2020-05-27

76浏览

0评论

解决vue 按钮多次点击重复提交数据问题

这个其实是一个很细节的问题。如果我们操作一个按钮，然后在按钮点击的时候绑定事件。事件分为两种情况：•第一种：不操作数据型•第二种：操作数据型<template> <but...

2020-05-27

141浏览

0评论

vue项目中公用footer组件底部位置的适配问题

需求：footer为公用组件，其他页面都需要引入，这是会存在一种情况：有的页面高度很高，footer组件要放在内容的最后；有的页面内容很少，高度很低，footer需要放在浏览器可视窗口的最底部；窗...

2020-05-27

87浏览

0评论

vuex与组件联合使用的方法

官方定义： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。我的理解就是，vuex就是前端的数据库。1、首先核心是store，是个仓库，包含着state，因此第一步需要新建一个store。...

2020-05-27

84浏览

0评论

Vue使用vux-ui自定义表单验证遇到的问题及解决方法

初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。1.使用x-input组件可知，官方只给了三种类型的is-type验...

2020-05-27

59浏览

0评论

Js经典案例的实例代码

本文讲述了JS实现鼠标悬停切换图片，显示天气预报，利用焦点实现选择网站的实例代码，分享给大家供大家参考，具体如下：鼠标悬停切换图片：<html><head><script type="text/javascript"...

2020-05-27

57浏览

0评论

浅谈node.js 命令行工具(cli)

一. 先了解一下package.json每个项目的根目录都有一个 package.json 文件，定义了这个项目所需要的各种模块，以及项目的配置信息,下面是一个比较完整的package.json文件{ "name...

2020-05-27

77浏览

0评论

JavaScript实现一个简易的计算器实例代码

自己期末复习的时候就一直想要写一个计算器，闲暇的时候也在想具体怎么实现，觉得应该不难，但就是想写。昨天终于可以开始动工，刚开始还以为实现出来需要一个周左右至少两天的时间...

2020-05-27

62浏览

0评论

详解Angular路由之路由守卫

一、路由守卫当用户满足一定条件才被允许进入或者离开一个路由。路由守卫场景：只有当用户登录并拥有某些权限的时候才能进入某些路由。一个由多个表单组成的向导，例如注册流程...

2020-05-27

70浏览

0评论

React从react-router路由上做登陆验证控制的方法

本文介绍了React从react-router路由上做登陆验证控制的方法，分享给大家，具体如下：
验证代码import React from 'react'import {connect} from 'react-redux';function requireA...

2020-05-27

73浏览

0评论

React路由管理之React Router总结

React项目通常都有很多的URL需要管理，最常使用的解决方案就是React Router了，最近学习了一下，主要是看了一下官方的英文文档，加以总结，以备后查。React Router是做什么的呢，官方的...

2020-05-27

71浏览

0评论

详解各版本React路由的跳转的方法

前言React-Router已经发布了多个版本，利用路由导航的使用方法都不大一样，在这里总结一下。React-Router 2.0.0 版本2.0.0版本需要使用browserHistory进行跳转，具体参考一下代码...

2020-05-27

55浏览

0评论

基于ionic实现下拉刷新功能

本文实例为大家分享了ionic实现下拉刷新功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>ionic</title> <!--记得...

2020-05-27

82浏览

0评论

AngularJS模态框模板ngDialog的使用详解

项目开始的时候我们用的对话框是AngularJS的$modal模态框，但是后来发现$modal打开的对话框是相对页面静止的，如果对话框是一个很长的表单，这样体验度就不是很好了，还有$modal传$...

2020-05-27

58浏览

0评论

实例解析Vue.js下载方式及基本概念

vue.js是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。说明及下载
Vue.js使用文档已经写的很完备和详细了，通过以下地址可以查看： https://cn...

2020-05-27

40浏览

0评论

Node.js使用cookie保持登录的方法

这次来做一个网站登录的小例子，后面会用到。这个示例会用到Cookie、HTML表单、POST数据体(body)解析。第一个版本，我们的用户数据就写死在js文件里。第二个版本会引入MongoDB...

2020-05-27

83浏览

0评论

Node.js使用对话框ngDialog的示例代码

做网站经常会遇到弹出对话框获取用户输入或弹出对话框让用户确认某个操作之类的情景，有一个基于AngularJS的扩展模块可以帮我们优雅地完成这类事情：ngDialog。ngDialog在githu...

2020-05-27

80浏览

0评论

详解JavaScript中的数组合并方法和对象合并方法

1 数组合并1.1 concat 方法 var a=[1,2,3],b=[4,5,6];var c=a.concat(b);console.log(c);// 1,2,3,4,5,6console.log(a);// 1,2,3 不改变本身 1.2 循环遍历var arr1=['a','b...

2020-05-27

43浏览

0评论

Angular使用动态加载组件方法实现Dialog的示例

网上的文章和教程基本上写到组件加载完成就没了！没了？！而且都是只能存在一个dialog，想要打开另一个dialog必须先销毁当前打开的dialog，之后看过 material 的实现方式，怪自己太蠢看...

2020-05-27

44浏览

0评论

Node.js 使用AngularJS的方法示例

做一个Web应用，一般都有前台和后台，Node.js可以实现后台，利用jade模板引擎也可以生成一些简单的前台页面，但要想开发出具有实际意义的现代Web应用，还得搭配一个Web前端框架。Angu...

2020-05-27

48浏览

0评论

Node.js使用Angular简单示例

在“使用AngularJS”中，我们提到了如何在Node.js项目中引入AngularJS，这次提供一个非常简单的示例，演示AngularJS里的指令、数据绑定、服务等内容。我准备做Web后台管理系统，不...

2020-05-27

73浏览

0评论

Node.js引入UIBootstrap的方法示例

很多Web管理系统的侧边菜单是可折叠的（手风琴样式），我们在前面两篇文章里的HTML模板，自己用div、css做了一些处理，可效果不好。所以我请来了一个前端UI框架，UI Bootstrap，来帮忙。...

2020-05-27

53浏览

0评论

Node.js创建HTTP文件服务器的使用示例

HelloWorld示例只有演示意义，这次我们来搞一个实际的例子：文件服务器。我们使用Node.js创建一个HTTP协议的文件服务器，你可以使用浏览器或其它下载工具到文件服务器上下载文件...

2020-05-27

52浏览

0评论

Node.js Express安装与使用教程

之前我们在安装完Node.js后直接写了个HelloWorld网站，这次呢，我们使用Node.js的Web框架Express来重写一下HelloWorld，看看有什么不同。同时我们还会重写之前的文件服务器，功能更...

2020-05-27

63浏览

0评论

Node.js 使用jade模板引擎的示例

在“Node.js开发入门——Express安装与使用”里，我们曾经使用express generator创建了一个HelloExpress网站，express工具为我们生成了基本的目录结构、模板、stylesheet、rout...

2020-05-27

50浏览

0评论

node前端开发模板引擎Jade的入门

随着 web 发展，前端应用变得越来越复杂，基于后端的 javascript(Node.js) 也开始崭露头角，此时 javascript 被寄予了更大的期望，与此同时 javascript MVC 思想也开始流行起来。...

2020-05-27

73浏览

0评论

JS实现table表格内针对某列内容进行即时搜索筛选功能

本文实例讲述了JS实现table表格内针对某列内容进行即时搜索筛选功能。分享给大家供大家参考，具体如下：往往有些时候，我们把数据从数据库读取出来，显示到table里面，而此时来了个新...

2020-05-27

65浏览

0评论

JS实现的简单下拉框联动功能示例

本文实例讲述了JS实现的简单下拉框联动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml...

2020-05-27

44浏览

0评论

node前端模板引擎Jade之标签的基本写法

1、文档声明我们在开始写一个 html 页面的时候，首先要写上 DOCTYPE 文档声明的，现在通常情况下我们都是采用 HTML5 的文档声明方式，那么在 jade 里面我们应该怎么写呢？在 jade...

2020-05-27

59浏览

0评论

Vue拖拽组件开发实例详解

为什么选择Vue?主要原因：对于前端开发来说，兼容性是我们必须要考虑的问题之一。我们的项目不需要兼容低版本浏览器。项目本身也是一个数据驱动型的。加之，Vue本身具有以下...

2020-05-27

62浏览

0评论

Node.js中,在cmd界面,进入退出Node.js运行环境的方法

在cmd中：1、输入node回车即可进入Node.js运行环境。2、退出只需要连续按两次Ctrl+C或者输入“.exit”回车即可。以上这篇Node.js中,在cmd界面,进入退出Node.js运行环境的方法...

2020-05-27

73浏览

0评论

nodeJS服务器的创建和重新启动的实现方法

一：首先在nodejs项目里创建一个server.js文件，输入下面代码var http = require("http"); http.createServer(function(request, response) { response.writeHead(200, {"Con...

2020-05-27

86浏览

0评论

nodejs 简单实现动态html的方法

动态替换html内容1.实现的功能及原理实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。原理：通过正则表达式，替换html中的模板数据如用户名{name},...

2020-05-27

63浏览

0评论

安装Node.js并启动本地服务的操作教程

1、下载安装包:下载地址：https://nodejs.org/en/download/，根据自己电脑的配置下载相应的windows64位安装包，下载完成后，进行安装。2、检查是否安装成功安装完成后，打开命令行窗...

2020-05-27

67浏览

0评论

NodeJs搭建本地服务器之使用手机访问的实例讲解

作为一名不懂后台的前端工程师来说，利用node.js搭建服务器，是一个非常好的选择。下面搭建一个简单的服务器：var app=require("express")();//接收来自用户的任何请求app.use(fu...

2020-05-27

48浏览

0评论

利用nodeJs anywhere搭建本地服务器环境的方法

公司有个微信端项目，需要前端在手机上随时查看网页，于是乎用Node搭建了一个本地服务器环境，把网页地址发到QQ并用手机打开来查看。首先去nodeJs官网下载最新版nodeJs https://n...

2020-05-27

52浏览

0评论

node 命令方式启动修改端口的方法

如何使用命令行方式启动node程序并修改里面配置的端口？使用说明app.jsvar port = process.env.PORT || 7777app.listen(port)命令行运行PORT=9090 node app.js在前面设置一下...

2020-05-27

83浏览

0评论

vue中的$emit 与$on父子组件与兄弟组件的之间通信方式

本文主要对vue 用$emit 与 $on 来进行组件之间的数据传输.主要的传输方式有三种：1.父组件到子组件通信2.子组件到父组件的通信3.兄弟组件之间的通信一、父组件传值给子组件父...

2020-05-27

56浏览

0评论

在ES5与ES6环境下处理函数默认参数的实现方法

函数默认值是一个很提高鲁棒性的东西（就是让程序更健壮）
MDN关于函数默认参数的描述：函数默认参数允许在没有值或undefined被传入时使用默认形参。ES5使用逻辑或||来实现众所周...

2020-05-27

33浏览

0评论

深入理解JS的事件绑定、事件流模型

一、JS事件（一）JS事件分类1.鼠标事件：
click/dbclick/mouseover/mouseout
2.HTML事件：
onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll
3.键盘事件：
keydown：键...

2020-05-27

44浏览

0评论

在angular 6中使用 less 的实例代码

新项目ng new [appname] --style less已有的项目修改 *.css 文件及引用处后缀名为 less并在 angular.json 文件中设置以下内容{ "$schema": "./node_modules/@angular/cli/l...

2020-05-27

51浏览

0评论

基于jQuery实现无缝轮播与左右点击效果

在网页中我们想要的无缝轮播左右循环有好多好多中，这是我第一个轮播效果，也是最基础的，和大家分享一下，对于初学者希望你们能有所借鉴，对于大神我想让你们尽情的虐我给我宝贵的意...

2020-05-27

42浏览

0评论

如何更好的编写js async函数

2018年已经到了5月份，node的4.x版本也已经停止了维护我司的某个服务也已经切到了8.x，目前正在做koa2.x的迁移将之前的generator全部替换为async但是，在替换的过程中，发现一些滥...

2020-05-27

39浏览

0评论

深入理解js 中async 函数的含义和用法

一、终极解决异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进...

2020-05-27

45浏览

0评论

nodejs更改项目端口号的方法

在项目中加入文件：ServerConfvar ServerConf= { ApiHost: "" //后台链接api ,ServicePort:3003};module.exports=ServerConf;app.js// 设置端口号var ServerConf=require("./...

2020-05-27

55浏览

0评论

基于node搭建服务器,写接口,调接口,跨域的实例

刚开始学node，今天做这个也是累死宝宝了，以后可以自己写接口自己用了，再也不用麻烦人家后台人员了，这些年我们欠他们的太多了，说多了都是泪，不多说，往下看吧。。。服务端项目目录下...

2020-05-27

28浏览

0评论

垃圾回收器的相关知识点总结

垃圾回收器是一把十足的双刃剑。其好处是可以大幅简化程序的内存管理代码，因为内存管理无需程序员来操作，由此也减少了（但没有根除）长时间运转的程序的内存泄漏。对于某些程序员...

2020-05-27

63浏览

0评论

详解Nodejs内存治理

s运行的宿主环境不同，相应的对内存治理的要求也不一样，当宿主环境是浏览器时，由于网页的运行时间短，且只运行在用户的机器上（相当于分布式），即使内存使用过多或者存在一定的内存泄...

2020-05-27

60浏览

0评论

解决node修改后需频繁手动重启的问题

在开发过程中，每次修改代码保存后，我们都需要手动重启程序，才能查看改动的效果。使用 supervisor 可以解决这个繁琐的问题，全局安装 supervisor：npm install -g supervisor运行 s...

2020-05-27

热门文章