编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

49浏览

0评论

vue中的provide/inject的学习使用

前言
最近在看element-ui的源码，发现了一个这样的属性:inject.遂查看官网provider/injectprovider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通...

2020-05-27 05:31:06

86浏览

0评论

vue中父子组件注意事项,传值及slot应用技巧

一.父子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title> <style> </style> <script src="./vue.js"></script><...

2020-05-27 05:31:05

89浏览

0评论

vue实现2048小游戏功能思路详解

试玩地址项目地址使用方法：git clonenpm inpm run dev实现思路如下：用vue-cli搭建项目，对这个项目可能有点笨重，但是也懒的再搭一个 4X4的方格用一个二维数组存放，绑定好后只...

2020-05-27 05:31:03

75浏览

0评论

VeeValidate在vue项目里表单校验应用案例

VeeValidate是什么：VeeValidate是Vue.js的验证库，它有很多验证规则，并支持自定义规则。它基于模板，因此它与HTML5验证API相似并且很熟悉。您可以验证HTML5输入以及自定义Vue组件...

2020-05-27 05:31:02

71浏览

0评论

Vue中使用vee-validate表单验证的方法

Vue项目遇到要表单验证了吧，对我来说表单验证是个很纠(dan)结(teng)的内容，各种判断凌乱到飞起。往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里引入jquery的v...

2020-05-27 05:31:01

56浏览

0评论

JavaScript DOM元素常见操作详解【添加、删除、修改等】

本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考，具体如下：DOM概念DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看通过开...

2020-05-27 05:30:59

67浏览

0评论

webstorm中vue语法的支持详解

俗话说，要想攻其玉，必先利其器。工作中老是在用angular开发，但慢慢会有vue的业务，所以需要学习学习vue。今天开始折腾vue，我是用webstorm开发前端的，当使用vue-cli创建好一个项目...

2020-05-27 05:30:58

43浏览

0评论

Vue引入jquery实现平滑滚动到指定位置

在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发现并没有真正...

2020-05-27 05:30:57

51浏览

0评论

JS关于刷新页面的相关总结

很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容，在本文中我们整理了总结的关于JS页面刷新的相关重要知识点文章，一起来跟着学习下。JS刷新当前页面的...

2020-05-27 05:30:56

51浏览

0评论

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

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

2020-05-27 05:30:55

82浏览

0评论

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

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

2020-05-27 05:30:54

102浏览

0评论

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

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

2020-05-27 05:30:53

58浏览

0评论

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

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

2020-05-27 05:30:52

68浏览

0评论

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

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

2020-05-27 05:30:51

89浏览

0评论

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

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

2020-05-27 05:30:50

46浏览

0评论

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

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

2020-05-27 05:30:49

66浏览

0评论

详解Puppeteer 入门教程

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

2020-05-27 05:30:48

86浏览

0评论

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

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

2020-05-27 05:30:47

75浏览

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 05:30:46

87浏览

0评论

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

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

2020-05-27 05:30:45

84浏览

0评论

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

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

2020-05-27 05:30:44

98浏览

0评论

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

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

2020-05-27 05:30:43

78浏览

0评论

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

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

2020-05-27 05:30:42

74浏览

0评论

Javascript Promise用法详解

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

2020-05-27 05:30:41

59浏览

0评论

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

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

2020-05-27 05:30:40

91浏览

0评论

js正则相关知识点专题

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

2020-05-27 05:30:39

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 05:30:37

117浏览

0评论

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

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

2020-05-27 05:30:37

78浏览

0评论

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

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

2020-05-27 05:30:36

148浏览

0评论

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

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

2020-05-27 05:30:35

87浏览

0评论

vuex与组件联合使用的方法

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

2020-05-27 05:30:33

86浏览

0评论

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

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

2020-05-27 05:30:32

59浏览

0评论

Js经典案例的实例代码

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

2020-05-27 05:30:31

57浏览

0评论

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

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

2020-05-27 05:30:30

77浏览

0评论

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

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

2020-05-27 05:30:28

62浏览

0评论

详解Angular路由之路由守卫

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

2020-05-27 05:30:27

73浏览

0评论

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

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

2020-05-27 05:30:26

73浏览

0评论

React路由管理之React Router总结

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

2020-05-27 05:30:25

72浏览

0评论

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

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

2020-05-27 05:30:24

55浏览

0评论

基于ionic实现下拉刷新功能

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

2020-05-27 05:30:23

82浏览

0评论

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

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

2020-05-27 05:30:22

58浏览

0评论

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

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

2020-05-27 05:30:21

40浏览

0评论

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

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

2020-05-27 05:30:20

88浏览

0评论

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

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

2020-05-27 05:30:19

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 05:30:18

43浏览

0评论

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

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

2020-05-27 05:30:17

44浏览

0评论

Node.js 使用AngularJS的方法示例

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

2020-05-27 05:30:16

48浏览

0评论

Node.js使用Angular简单示例

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

2020-05-27 05:30:15

73浏览

0评论

Node.js引入UIBootstrap的方法示例

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

2020-05-27 05:30:14

53浏览

0评论

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

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

2020-05-27 05:30:12

首页 «1309 131013111312 1313 »尾页

热门文章