编程开发 - 教程之家

编程开发

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

55浏览

0评论

使用nodejs+express实现简单的文件上传功能

1.建立express项目express -e nodejs-uploadfile2.下载multer中间件npm i multer or yarn multer3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并...

2020-05-27 08:28:26

63浏览

0评论

Angular实现的日程表功能【可添加及隐藏显示内容】

本文实例讲述了Angular实现的日程表功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2020-05-27 08:28:25

45浏览

0评论

Angular实现点击按钮后在上方显示输入内容的方法

本文实例讲述了Angular实现点击按钮后在上方显示输入内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <met...

2020-05-27 08:28:24

60浏览

0评论

Angular实现的简单查询天气预报功能示例

本文实例讲述了Angular实现的简单查询天气预报功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <s...

2020-05-27 08:28:22

96浏览

0评论

Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解

一、Vue的实例 1.1、创建一个 Vue 的实例每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模型，Vue 的设计无...

2020-05-27 08:28:21

69浏览

0评论

js判断节假日实例代码

效果展示：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery.min.js" type="t...

2020-05-27 08:28:17

40浏览

0评论

JS实现留言板功能[楼层效果展示]

功能实现：
1.发布人和发布内容非空校验
2.编辑删除功能
3.楼层效果展示
4.发布时间展示效果图目录 tools.js时间工具包function getTime(){ var weeks = ["星期日","星...

2020-05-27 08:28:16

316浏览

0评论

nodejs实现OAuth2.0授权服务认证

OAuth是一种开发授权的网络标准，全拼为open authorization，即开放式授权，最新的协议版本是2.0。举个栗子：有一个"云冲印"的网站，可以将用户储存在Google的照片，冲印出来。用户为了...

2020-05-27 08:28:15

70浏览

0评论

webpack搭建vue 项目的步骤

前期准备 webpack vue.js npm nodejs ES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：创建项目mkdir vue-demo cd vue...

2020-05-27 08:28:12

40浏览

0评论

vue实现文章内容过长点击阅读全文功能的实例

直接上代码：html:<div class="bodyFont clearfloat" id="bodyFont" ref="bodyFont" :class="{bodyHeight:contentStatus}"> <div v-html="content"></div></div><div class=...

2020-05-27 08:28:10

57浏览

0评论

vue获取dom元素注意事项

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) },methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } }vue...

2020-05-27 08:28:09

60浏览

0评论

js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)

如下所示：function formatDate(date,fmt) { if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(4-RegExp.$1.length)); } let o = { 'M+':...

2020-05-27 08:28:09

88浏览

0评论

在nginx上部署vue项目(history模式)的方法

vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的histo...

2020-05-27 08:28:08

83浏览

0评论

JavaScript实现元素滚动条到达一定位置循环追加内容

如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body{background-color: #eee;}#contents{margin:3...

2020-05-27 08:28:07

69浏览

0评论

JS实现带动画的回到顶部效果

本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码，供大家参考，具体内容如下
实现功能：滚动到页面某一个高度的时候，回到顶部按钮出现。点击之后回到网页顶部，按钮隐藏...

2020-05-27 08:28:06

54浏览

0评论

ionic3实战教程之随机布局瀑布流的实现方法

前言最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊!ionic项目提供了一套丰富的图标库，在ionic3中也进行了升级。
公司的一个项目中由于要用到一个瀑布流的特效...

2020-05-27 08:28:03

108浏览

0评论

详解如何优雅地在React项目中使用Redux

前言或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处，本文不会安利大家使用Redux概念首先我们会用到哪些框架和工具呢？ReactUI框架Redux状态管理工具，与Reac...

2020-05-27 08:28:02

42浏览

0评论

JavaScript实现数值自动增加动画

JS实现数值自动增加动画，效果图如下：话不多说，直接上代码，注释比较详细。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数字自动增加</title> </head>...

2020-05-27 08:28:00

83浏览

0评论

swiper自定义分页器使用方法详解

本文实例为大家分享了swiper自定义分页器使用的具体代码，供大家参考，具体内容如下解决问题：不想使用swiper的自带的圆钮式的分页器，想使用自定义的分页器。
解决方案：利用swiper...

2020-05-27 08:27:59

49浏览

0评论

Swiper自定义分页器使用详解

Swiper自定义分页，供大家参考，具体内容如下最终实现效果图：HTML DEMO（官网例子）<link rel="stylesheet" href="path/to/swiper.min.css"><div class="swiper-container"> <div cl...

2020-05-27 08:27:58

75浏览

0评论

基于Swiper实现移动端页面图片轮播效果

使用Swiper开发移动端页面，轻松实现图片的轮播。swiper1.主要包含模块：
swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过渡））
container：指...

2020-05-27 08:27:55

74浏览

0评论

Vue组件通信之Bus的具体使用

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。
在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是：因为...

2020-05-27 08:27:54

72浏览

0评论

swiper移动端轮播插件（触碰图片之后停止轮播）

本文实例为大家分享了swiper移动端轮播插件，供大家参考，具体内容如下下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了...

2020-05-27 08:27:52

92浏览

0评论

swiper插件自定义切换箭头按钮

不知道大家在使用swiper时有没有遇到这样一种需求，swiper插件自定义切换箭头按钮，话不多说，直接上gif。也就是需要把左右切换的箭头移到容器的外面，自定义箭头的样式。
给swipe...

2020-05-27 08:27:51

59浏览

0评论

vue+swiper实现侧滑菜单效果

本文实例为大家分享了vue swiper实现侧滑菜单效果的具体代码，供大家参考，具体内容如下先上效果图：这个左右滑动以及上下滑动主要使用了Swiper的轮播功能，首先是该自定义组件的代...

2020-05-27 08:27:50

61浏览

0评论

Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

本文实例讲述了Angular实现的自定义模糊查询、排序及三角箭头标注功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head>...

2020-05-27 08:27:48

90浏览

0评论

Angular实现的简单定时器功能示例

本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn Angula...

2020-05-27 08:27:47

95浏览

0评论

JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)

JS实现延迟隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>延迟隐藏</title> <style> #div1{ width:100px; height:100px; background:yello...

2020-05-27 08:27:46

45浏览

0评论

JavaScript判断变量名是否存在数组中的实例

直接上代码：JavaScript代码：var array=[{name:"张珊",sex:"男"}]; console.log(array); if(array[0].name){ console.log('name');//返回name } if(array[0].size){ console...

2020-05-27 08:27:45

50浏览

0评论

基于substring()和substr()的使用以及区别(实例讲解)

在JavaScript中，通常会用到截取，那所谓截取呢，其实就是要获得被截取元素的某个位置到某个位置的内容，那么JS给我提供了substring和substr这两种方法：这两种截取的方式有什么区别...

2020-05-27 08:27:44

78浏览

0评论

bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求那）的蛋疼需求，硬...

2020-05-27 08:27:43

50浏览

0评论

JS实现简单的浮动碰撞效果示例

本文实例讲述了JS实现简单的浮动碰撞效果。分享给大家供大家参考，具体如下：<html><head><meta charset="UTF-8"><title>www.freexyz.cn JS碰撞效果</title><script language="ja...

2020-05-27 08:27:41

62浏览

0评论

JS控制鼠标拒绝点击某一按钮的实例

JS控制按钮禁止被选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ document.getElemen...

2020-05-27 08:27:40

83浏览

0评论

JS计算距当前时间的时间差实例

如下所示：/** * JS获取距当前时间差 * * @param int time 时间戳格式 * */function get_time_diff(time) { var diff = ''; var time_diff = new Date().getTime() - time;...

2020-05-27 08:27:39

70浏览

0评论

js中url对象化管理分析

1.问题描述url是web编写过程中一种不可或缺的需要打交道的值,不论是在页面跳转中,还是ajax请求数据或是其他框架插件的url提供.
对于很多程序猿来说,js中经常遇到需要变更ur...

2020-05-27 08:27:38

68浏览

0评论

JavaScript 中使用 Generator的方法

Generator 是一种非常强力的语法，但它的使用并不广泛（参见下图 twitter 上的调查！）。为什么这样呢？相比于 async/await，它的使用更复杂，调试起来也不太容易（大多数情况又回到了从前），...

2020-05-27 08:27:37

76浏览

0评论

node简单实现一个更改头像功能的示例

前言一直想写这篇文章，无奈由于要考试的原因，一直在复习，拖延到现在才写🤣，之前用 node 的 express 框架写了个小项目，里面有个上传图片的功能，这里记录一下如何实现（我使用...

2020-05-27 08:27:36

66浏览

0评论

react-router browserHistory刷新页面404问题解决方法

使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。
背景
使用webpack-dev-server...

2020-05-27 08:27:35

80浏览

0评论

详解Vue 事件修饰符capture 的使用

.capture事件修饰符的作用添加事件侦听器时使用事件捕获模式即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。就是谁...

2020-05-27 08:27:34

52浏览

0评论

深入浅析vue组件间事件传递

由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同...

2020-05-27 08:27:33

49浏览

0评论

javaScript 连接打印机,打印小票的实例

如下所示：<%@ page contentType="text/html;charset=UTF-8"%><%@ include file="/webpage/include/taglib.jsp"%><html><head><meta name="decorato...

2020-05-27 08:27:32

98浏览

0评论

浅谈react-router HashRouter和BrowserRouter的使用

官网推荐的是BrowserRouter，但是此方式需要服务器配合，而且有点不好的是重定向只能到首页，无法停留在当前页，具体用法很简单，举例说明。HashRouter//react-router要求只只有一个...

2020-05-27 08:27:31

116浏览

0评论

详解react-router 4.0 下服务器如何配合BrowserRouter

react-router作为react框架路由解决方案在react项目中举足轻重。在react-router 4.0版本中，API与先前版本相比有了很大的修改，在2.0、3.0中常用的<Router>组件作为路由底层配...

2020-05-27 08:27:30

53浏览

0评论

js实现手机web图片左右滑动效果

最近在做一个手机端web站点，里面有一个图片展示效果：1、点击任意图片时图片全屏展示，左右滑动能展示其他的图片。
2、滑动超过一定范围自动滑到下一张图片，不超过则回退到当前照...

2020-05-27 08:27:29

129浏览

0评论

Angular实现点击按钮控制隐藏和显示功能示例

本文实例讲述了Angular实现点击按钮控制隐藏和显示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...

2020-05-27 08:27:28

35浏览

0评论

Angular实现的敏感文字自动过滤与提示功能示例

本文实例讲述了Angular实现的敏感文字自动过滤与提示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27 08:27:26

62浏览

0评论

Angular实现的内置过滤器orderBy排序与模糊查询功能示例

本文实例讲述了Angular实现的内置过滤器orderBy排序与模糊查询功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <...

2020-05-27 08:27:25

57浏览

0评论

vue vuex vue-rouert后台项目——权限路由（适合初学）

项目地址： vue-simple-template共三个角色：adan barbara carrie 密码全是：123456adan 拥有最高权限A 他可以看到 red , yellow 和 blue 页面（共三个页面）barbara 拥有权限B 他...

2020-05-27 08:27:24

40浏览

0评论

javascript 通过键名获取键盘的keyCode方法

不废话，直接看代码，需要的根据需求完善。var getKeyCode = function (key) { var key_code; switch (key) { case 'BackSpace' && 'BackSpace': key_code = 8; break;...

2020-05-27 08:27:23

72浏览

0评论

React数据传递之组件内部通信的方法

1. 概述脱离初级前端一段时间后会发现，写样式的时间越来越少，处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程，这在项目中无疑是最重要的。所以学习前端框架，...

2020-05-27 08:27:21

首页 «1269 127012711272 1273 »尾页

热门文章