JavaScript - 教程之家

74浏览

0评论

js获取文件里面的所有文件名(实例)

如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...

2020-05-27

53浏览

0评论

Vue中封装input组件的实例详解

Vue中封装input组件最近有点忙不过来脱了很久，没有更新抱歉。今天要将的时如何自定义封装input组件，博主知识发个简单的模板码友们可以更具自己的实际项目添加需要的参数...

2020-05-27

57浏览

0评论

封装运动框架实战左右与上下滑动的焦点轮播图(实例)

在这篇文章打造通用的匀速运动框架(实例讲解)中，封装了一个匀速运动框架，我们在这个框架的基础之上，加上缓冲运动效果，然后用运动框架来做幻灯片（上下，左右）。缓冲运动通常有两种常...

2020-05-27

80浏览

0评论

打造通用的匀速运动框架(实例讲解)

本文，是接着上基于匀速运动的实例讲解(侧边栏,淡入淡出) 继续的，在这篇文章的最后，我们做了2个小实例：侧边栏与改变透明度的淡入淡出效果，本文我们把上文的animate函数，继续改造，...

2020-05-27

59浏览

0评论

实现图片首尾平滑轮播(JS原生方法—节流)

首先给出HTML代码，要注意轮播图片表(#list)末尾加上第一个图片1.jpg，在首部加上最后一个图片5.jpg。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2020-05-27

90浏览

0评论

react中的ajax封装实例详解

react中的ajax封装实例详解代码块**opts: {'可选参数'}**method: 请求方式:GET/POST,默认值:'GET';**url: 发送请求的地址, 默认值: 当前页地址;**data: string,json;**asy...

2020-05-27

81浏览

0评论

vue滚动轴插件better-scroll使用详解

跟做慕课网的vue高仿外卖项目中用到了一个很好用的插件BScroll，用来计算左侧menu栏对应右侧foods栏相应显示的食物区，如果不用插件就比较费事了，因此这里分享一下这个插件的简...

2020-05-27

76浏览

0评论

javascript 中模板方法单例的实现方法

javascript 中模板方法单例的实现方法模板方法单例模板方法的定义：父类中定义一组操作算法骨架，将一些实现步骤延伸到子类中，使得子类可以不改变父类的算法结构的同时可重新定...

2020-05-27

71浏览

0评论

基于匀速运动的实例讲解(侧边栏,淡入淡出)

javascript中，如何让一个元素(比如div)运动起来呢？设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 );<style> div { width: 100px;...

2020-05-27

87浏览

0评论

vue与TypeScript集成配置最简教程(推荐)

前言Vue的官方文档没有给出与TypeScript集成的具体步骤，网上其他的教程不是存在问题就是与vue-cli建立的项目存在差异，让人无从下手。下面我就给出vue-cli建立的项目与TypeScr...

2020-05-27

76浏览

0评论

教你用Cordova打包Vue项目的方法

现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
据我现在的了解打包Vue项目目前流行的就是使用weex和cordova...

2020-05-27

92浏览

0评论

vue-cli之router基本使用方法详解

本文实例为大家分享了vue-cli之router基本使用的具体代码，供大家参考，具体内容如下1、在src目录下新建router目录，再建立index.jsimport Vue from 'vue';import VueRouter from...

2020-05-27

67浏览

0评论

JS实现按钮添加背景音乐示例代码

1-代码<html><head> <meta charset="utf-8"> <title>js实现按键声</title></head><body> <ul> <li> <a href="menu-list" rel="external nofollow" rel="externa...

2020-05-27

81浏览

0评论

vue组件之Alert的实现代码

前言
本文主要Alert 组件的大致框架，提供少量可配置选项。旨在大致提供思路Alert用于页面中展示重要的提示信息。templat模板结构
<template> <div v-show="visible" class...

2020-05-27

83浏览

0评论

Bootstrap图片轮播效果详解

导言Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。...

2020-05-27

52浏览

0评论

node.js 用socket实现聊天的示例代码

本文介绍了node.js 用socket实现聊天的示例代码，分享给大家，也给自己留个笔记，具体如下：
服务器搭建
app.jsconst http = require("http");const express = require("./express"...

2020-05-27

72浏览

0评论

vue获取input输入值的问题解决办法

vue获取input输入值的问题解决办法v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值...

2020-05-27

67浏览

0评论

jquery实现图片跟随鼠标的实例

jquery实现图片跟随鼠标的实例开发后台写页面困难的一比啊，想写个鼠标移动某连接右侧显示二维码，并跟随鼠标移动的功能，各种查资料，花了一小天终于搞出来了，代码的记下来，浪费了...

2020-05-27

80浏览

0评论

利用JS实现scroll自定义滚动效果详解

前言最近在公司开发项目的时候，原生滚动条中有些东西没办法自定义去精细的控制，于是开发一个类似于better-scroll一样的浏览器滚动监听的JS实现，下面我们就来探究一下自定义滚...

2020-05-27

110浏览

0评论

Node 自动化部署的方法

当我们在更新迭代 Node 项目的时候，我们需要做以下几步： git push 将代码提交至代码仓库在服务器中执行 git pull 拉取最新代码 pm2 start 运行你的代码这样做固然没错，但...

2020-05-27

59浏览

0评论

node使用Koa2搭建web项目的方法

随着Node.js的日益火热，各种框架开始层出不穷的涌现出来，Node.js也开始逐渐的被应用到处理服务端请求的场景中。搭建Web项目的框架也随之开始出现——express、koa、koa2、egg...

2020-05-27

58浏览

0评论

什么是Vue.js框架为什么选择它？(第一课)

“大白话，讲编程”系列又回来了，这个系列我们一起学习的是Vue.js基础知识。你没看错，是基础知识。所以，哪怕你入行不久，相信你在的大白话风格下，也能学会。但还是希望你有开发过ht...

2020-05-27

57浏览

0评论

Vue.js简易安装和快速入门（第二课）

上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。1 简易安装
要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，...

2020-05-27

66浏览

0评论

基于Vue实现图书管理功能

本文实例为大家分享了vue简单的图书管理具体代码，供大家参考，具体内容如下<table class="table table-bg table-border table-bordered"> <tr> <th>ID</th> <th>书名</th>...

2020-05-27

67浏览

0评论

vue实现图书管理demo详解

年后公司的项目要求用到vue.js知识，我angular没有学，node.js和react也只是了解了一点点，所以学起来比较困难。如果你想学vue.js的知识，推荐网址：http://vuejs.org/详细内容如下：一...

2020-05-27

60浏览

0评论

如何抽象一个Vue公共组件

之前一直想写一篇关于抽象 Vue 组件的随笔，无奈一直没想到好的例子。恰巧最近为公司项目做了一个数字键盘的组件，于是就以这个为例聊聊如何抽象 Vue 的组件。先上 Demo 与源...

2020-05-27

68浏览

0评论

vue-router 路由基础的详解

vue-router 路由基础的详解今天我总结了一下vue-route基础，vue官方推荐的路由。一、起步HTML<div id="myDiv"> <h1>简单路由</h1> <router-link to="/foo">Go to foo</router...

2020-05-27

68浏览

0评论

javascript 判断用户有没有操作页面

javascript 判断用户有没有操作页面用js判断用户有没有操作页面，我们所要做的就是整理我们的思路。一、思路用户有没有操作界面，我们可以从页面在规定时间内有没有触发事件去...

2020-05-27

75浏览

0评论

VUE前端cookie简单操作

如下是简单cookie操作，当前仅限前端实例，具体内容如下
要注意的有两点：
1、cookie内容存贮的名称
2、删除cookie是通过设置过期为过去时间实现的
<body><div id="app"> <button...

2020-05-27

91浏览

0评论

AngularJS 控制器 controller的详解

AngularJS 控制器 controller的详解一、控制器概念
控制器在Angualrjs 中的作用是增强视图，并且是一个函数，用来向视图的作用域中添加额外的功能。我们用它来给作用域...

2020-05-27

116浏览

0评论

bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码

模态框嵌套在开发中，遇到需要通过点击事件触发第一个模态框，触发后通过事件唤起第二个模态框，并且通过事件触发第三个模态框；即模态框嵌套。模态框嵌套需要用一个模态框包裹所涉...

2020-05-27

74浏览

0评论

JS实现div模块的截图并下载功能

当需要实现html页面部分模块截图并具有保存图片功能时，前台直接生成截图并下载会方便的多。多的不说，直接看代码首先我们需要引入2个js文件： <script type="text/javascript" s...

2020-05-27

105浏览

0评论

JS解决position:sticky的兼容性问题的方法

在项目中有用到sticky的布局，可是由于兼容性问题，在安卓端没有很好的兼容，所以为了彻底解决这个问题只能写一个组件来解决这个麻烦的问题，这里为什么是组件而不是指令是因为，是有...

2020-05-27

59浏览

0评论

JS获取一个表单字段中多条数据并转化为json格式

如图需要获取下面两个li标签里面的数据，然后传给后台；而后台接收的数据格式是json的，所以需要把两个li里面的信息转化为以下格式的。{recieverName:小红,recieverPhone:1234123...

2020-05-27

80浏览

0评论

BACKBONE.JS 简单入门范例

11年刚开始用前端MVC框架时写过一篇文章，当时Knockout和Backbone都在用，但之后的项目全是在用Backbone，主要因为它简单、灵活，无论是富JS应用还是企业网站都用得上。相比React针...

2020-05-27

76浏览

0评论

vue-router实现tab标签页（单页面）详解

vue-router 是 Vue.js 官方的路由插件，适合用于构建标签页应用。Vue 的标签页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来，vue-router 会把各个组件渲...

2020-05-27

55浏览

0评论

VUE饿了么树形控件添加增删改功能的示例代码

本文介绍了VUE饿了么树形控件添加增删改功能的示例代码，分享给大家，具体如下：
element-ui树形控件：地址在原文档中有个案例是有新增和删除功能，但是后来发现其修改的数据并不能直...

2020-05-27

67浏览

0评论

基于JavaScript表单脚本(详解)

什么是表单？一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框...

2020-05-27

57浏览

0评论

Angularjs 手写日历的实现代码（不用插件）

本文介绍了Angularjs 手写日历的实现代码（不用插件），分享给大家，具体如下：
效果：
Html:<div class="plan_content_box" data-ng-init="showTime()"> <div class="field" style=...

2020-05-27

75浏览

0评论

打字效果动画的4种实现方法(超简单)

方法一(纯css实现)：html代码：<h1 class="typing typing-item">打字动画打字动画打字动画</h1>css样式：.typing{ font-size: 1rem; padding-top: 6%; margin-bottom: 5%; font-w...

2020-05-27

60浏览

0评论

js实现会跳动的日历效果(完整实例)

一、简介
编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下：年月日，周几，时分秒都会随着系统时间的走动而改变二、代码<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27

83浏览

0评论

详解http访问解析流程原理

详解http访问解析流程原理http访问网址域名解析流程：1、在浏览器中输入www.qq.com域名，操作系统会先检查自己本地的hosts文件是否有这个网址映射关系，如果有，就先调用这个IP地址...

2020-05-27

48浏览

0评论

从源码看angular/material2 中 dialog模块的实现方法

本文将探讨material2中popup弹窗即其Dialog模块的实现。使用方法引入弹窗模块自己准备作为模板的弹窗内容组件在需要使用的组件内注入 MatDialog 服务调用 open 方...

2020-05-27

49浏览

0评论

详谈commonjs模块与es6模块的区别

到目前为止，已经实习了3个月的时间了。最近在面试，在面试题里面有题目涉及到模块循环加载的知识。趁着这个机会，将commonjs模块与es6模块之间一些重要的的区别做个总结。语法上...

2020-05-27

59浏览

0评论

原生JS获取元素的位置与尺寸实现方法

1、内高度、内宽度：内边距 + 内容框clientWidth
clientHeight2、外高度，外宽度：边框 + 内边距 + 内容框offsetWidth
offsetHeight3、上边框、左边框clientTop
clientLeft4、...

2020-05-27

60浏览

0评论

js实现随机点名系统(实例讲解)

废话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>随机点名</title><style type="text/css">td{text-align: center;}</style></he...

2020-05-27

49浏览

0评论

浅谈Node异步编程的机制

本文介绍了Node异步编程，分享给大家，具体如下：目前的异步编程主要解决方案有：事件发布/订阅模式 Promise/Deferred模式流程控制库事件发布/订阅模式Node自身提供了events模...

2020-05-27

62浏览

0评论

Angular.js实现获取验证码倒计时60秒按钮的简单方法

前言本文主要介绍了关于Angular.js实现获取验证码倒计时60秒按钮的相关内容，关于这个功能相信不用多介绍，大家都不陌生，所以下面话不多说了，来一起看看实现的方法吧。一、contro...

2020-05-27

70浏览

0评论

vue实现手机号码抽奖上下滚动动画示例

本文介绍了vue实现手机号码抽奖上下滚动动画示例，分享给大家。具体如下：
<!DOCTYPE><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />...

2020-05-27

53浏览

0评论

JS跳转手机站url的若干注意事项

引子：去年年底公司开发手机站平台，经历了前期的用户群、市场调查，产品需求分析，产品原型设计，ui前端到程序开发上线测试等等工作，终于上线。。。此处略去本人作为前端开发的心情。...

2020-05-27

热门文章