JavaScript - 教程之家

60浏览

0评论

JS中移除非数字最多保留一位小数

js中移除非数字最多保留一位小数的实现代码如下所示：//去除非数字 var clearNoNum = function (item) { if (item!=null && item!=undefined) { //先把非数字的都替...

2020-05-27

97浏览

0评论

node puppeteer(headless chrome)实现网站登录

puppeteer简介puppeteer是Chrome团队开发的一个node库，可以通过api来控制浏览器的行为，比如点击，跳转，刷新，在控制台执行js脚本等等。有了这个神器，写个爬虫，自动签到，网页截图，生成p...

2020-05-27

113浏览

0评论

javaScript强制保留两位小数的输入数校验和小数保留问题

输入input 的格式校验:$(function(){var data = $.trim($("#inputId").val());//此正则表达式验证小数位是否超过两位，小数可为1位 || 2位 || 整数if(!(/^\d+(\.\d{1,2})&#63...

2020-05-27

65浏览

0评论

JS验证输入的是否是数字及保留几位小数问题

1、验证方法 validationNumber(e, num) e代表标签对象，num代表保留小数位数function validationNumber(e, num) { var regu = /^[0-9]+\.?[0-9]*$/; if (e.va...

2020-05-27

73浏览

0评论

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下：项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相应的解决办法，对...

2020-05-27

95浏览

0评论

nuxt框架中路由鉴权之Koa和Session的用法

引子博客的后台管理页面需要有登录系统，所以考虑做一下路由鉴权，实现方式也是 Nuxt 官网给出栗子来改写，顺便也将前后端路由给统一了。路由拦截前端方面主要通过利用 Nuxt 的中...

2020-05-27

52浏览

0评论

node基于puppeteer模拟登录抓取页面的实现

关于热图在网站分析行业中，网站热图能够很好的反应用户在网站的操作行为，具体分析用户的喜好，对网站进行针对性的优化，一个热图的例子（来源于ptengine）上图中能很清晰的看到用户关...

2020-05-27

74浏览

0评论

详解Puppeteer 入门教程

1、Puppeteer 简介
Puppeteer 是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器 (当然你也可以配置成有UI的，默认是没有的)。既然是浏...

2020-05-27

94浏览

0评论

js合并两个数组生成合并后的key：value数组

核心代码// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for...

2020-05-27

84浏览

0评论

js循环map 获取所有的key和value的实现代码(json)

下面的方法一语方法二都是经过小编测试并运行的方法一： json格式定义<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...

2020-05-27

98浏览

0评论

JS中的JSON对象的定义和取值实现代码

1.JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则...

2020-05-27

95浏览

0评论

Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)

需求：
最近在做一个网上商城的项目，技术用的是Angular4.x。有一个很常见的需求是：用户在点击“我的”按钮时读取cookie，如果有数据，则跳转到个人信息页面，否则跳转到注册或登录页...

2020-05-27

107浏览

0评论

async/await地狱该如何避免详解

前言async/await是什么async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道，co模块是TJ大神写的一个使用生成器函...

2020-05-27

85浏览

0评论

jQuery实现模糊查询的方法分析

本文实例讲述了jQuery实现模糊查询的方法。分享给大家供大家参考，具体如下：需求：list列表内容很多，用户需要找出列表内容中的某些条目，只有当与用户输入值匹配的条目才显示出来。...

2020-05-27

81浏览

0评论

Javascript Promise用法详解

1、约定
本文的 demo 代码有些是伪代码，不可以直接执行。没有特殊说明，本文所有 demo 都是基于 ES6 规范。 Object.method 代表是静态方法， Object#method 代表的是实例方...

2020-05-27

70浏览

0评论

详解node Async/Await 更好的异步编程解决方案

一、异步编程的终极解决方案
前几天写过关于 javascript 异步操作的文章《Javascript Promise 详解》. 最近在学习 Puppeteer 的时候又发现另一种异步编程解决方案：Async/Awa...

2020-05-27

98浏览

0评论

js正则相关知识点专题

1、JS正则表达式一条龙讲解(从原理和语法到JS正则) https://www.freexyz.cn/article/110516.htm2、教你轻松记住JS正则表达式https://www.freexyz.cn/article/88838.htm有没有人...

2020-05-27

67浏览

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

124浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

161浏览

0评论

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

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

2020-05-27

93浏览

0评论

vuex与组件联合使用的方法

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

68浏览

0评论

Js经典案例的实例代码

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

71浏览

0评论

详解Angular路由之路由守卫

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

77浏览

0评论

React路由管理之React Router总结

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

60浏览

0评论

基于ionic实现下拉刷新功能

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

88浏览

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

53浏览

0评论

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

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

2020-05-27

50浏览

0评论

Node.js 使用AngularJS的方法示例

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

2020-05-27

54浏览

0评论

Node.js使用Angular简单示例

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

2020-05-27

78浏览

0评论

Node.js引入UIBootstrap的方法示例

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

65浏览

0评论

Node.js Express安装与使用教程

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

70浏览

0评论

Vue拖拽组件开发实例详解

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

热门文章