JavaScript - 教程之家

56浏览

0评论

Javascript实现时间倒计时效果

本文实例为大家分享了js实现时间倒计时展示的具体代码，供大家参考，具体内容如下这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <titl...

2020-05-27

57浏览

0评论

基于AngularJS的拖拽文件上传的实例代码

随着HTML5的普及，现在大部分浏览器都支持拖拽功能，今天我们要说的就是实现一套拖拽上传的功能(Angularjs+nodejs)。
一、首先前端这款插件是基于AngularJS的，下面我们来看主要...

2020-05-27

81浏览

0评论

Javascript实现基本运算器

用Javascript实现一个基本的运算器，具体内容如下使用表格布局，JS添加事件<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>计算器</title></head><styl...

2020-05-27

49浏览

0评论

JavaScript实现跟随滚动缓冲运动广告框

当我们浏览一些网页时我们会发现页面的的边上会有广告图片，当滚动滚动条的时候这些广告图片会跟随性的随页面一起运动（这里我叫它为广告框）。一些网页的广告框是固定在浏览器上...

2020-05-27

49浏览

0评论

vue增删改查的简单操作

本文为大家分享了vue增删改查的简单操作，供大家参考，具体内容如下我们把这些用户信息保存到list的数组中，然后增删改查就在这个数组上进行：list: [ { username: 'aaaaa',...

2020-05-27

85浏览

0评论

详解ES6之用let声明变量以及let loop机制

在上一篇对js闭包的理解那篇文章中，我提到过ES6之前，JavaScript这门语言没有块级作用域，但是在ES6中，加入了let命令,用let声明的变量仅仅可以在其所在的块级作用域中使用。相比...

2020-05-27

64浏览

0评论

js+html5实现页面可刷新的倒计时效果

写了一个5分钟倒计时的代码，有的时候代码需要刷新，然后倒计时又从4：59开始了，我想到的一个解决办法，就是使用缓存，将开始倒计时的时间加上要倒计时的5分钟设为缓存，然后直接用这个...

2020-05-27

66浏览

0评论

js+html5实现复制文字按钮

本文实例为大家分享了js+html5实现点击复制文字的按钮，供大家参考，具体内容如下图片展示：注意css中的样式，有些页面复制不成功就是没有添加那一句造成的。代码块<!DOCTYPE html>...

2020-05-27

66浏览

0评论

深入理解angular2启动项目步骤

1. 创建项目文件夹创建一个新的文件夹来保存你的项目，比如一开始有个self就好了2.安装基础库首先确保已经安装了node.js我们使用 npm package manager 来安装需要的开发库和...

2020-05-27

96浏览

0评论

js编写简单的计时器功能

本文实例为大家分享了js计时器功能的编写代码，供大家参考，具体内容如下小白一枚，如有代码不规范或者写错的地方，希望得大神指导代码：
<!DOCTYPE html><html><head><meta charset=...

2020-05-27

62浏览

0评论

Angular2关于@angular/cli默认端口号配置的问题

前言
最近研究Angular2的@Angular/cli，有改端口号的需求。
方法一
1、定位到：..\node_modules\._@angular_cli@1.0.1@@angular\cli\lib\config
2、打开schema.json
3、直接看...

2020-05-27

61浏览

0评论

angular2 ng build部署后base文件路径问题详细解答

最近在学习angular2中遇到了一些问题，问题如下：问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对解决方案：
在package.json文件的scripts中添加...

2020-05-27

82浏览

0评论

js+html5实现侧滑页面效果

本文实例为大家分享了html5实现侧滑页面效果展示的具体代码，供大家参考，具体内容如下before：after：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="view...

2020-05-27

73浏览

0评论

Vue应用部署到服务器的正确方式

本文介绍了Vue应用部署到服务器，分享给大家，希望此文章对各位有所帮助。很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题，但真正放...

2020-05-27

63浏览

0评论

Vue Spa切换页面时更改标题的实例代码

在Vue组件化开发过程中，因为是单页面开发，但是有时候需要页面的title根据情况改变，于是上网查了一下，各种说法花(wo)里(kan)胡(bu)哨(dong)，于是想到一个黑科技 documet.title="...

2020-05-27

111浏览

0评论

js+html5实现半透明遮罩层弹框效果

点击按钮，出现半透明遮罩层弹框，说说自己之前发过的愁吧
1、遮罩层半透明了弹框也跟着半透明了就像这样绝望吧
是哪里错了呢？你的css是这样写的吧：
应该这样：需要注意的是这...

2020-05-27

55浏览

0评论

Node.js中流(stream)的使用方法示例

前言本文主要给大家介绍了关于Node.js 流(stream)的使用方法，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：流是基于事件的API,用于管理和处理数据,而且有不错的...

2020-05-27

64浏览

0评论

node.js express中app.param的用法详解

前言大家应该都知道，express中app.param方法用于验证参数，我个人把它理解成类似对参数过滤的一个中间件。在这里我来结合几个demo,加深大家对app.param方法的理解。下面话不多...

2020-05-27

64浏览

0评论

Vue 2.0在IE11中打开项目页面空白的问题解决

前言因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug：
问题ie11打开vue2.0项目空白,控制台报错...

2020-05-27

69浏览

0评论

js学习总结_轮播图之渐隐渐现版(实例讲解)

具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; font-size:...

2020-05-27

56浏览

0评论

js图片放大镜实例讲解(必看篇)

1、图片放大镜的思路：当打开页面时只有图片首先，说一下基本效果和调理，图片放大镜，也就是当你鼠标移入当前的商品图片时，会出现一个小灰色的观察移动框，有点会出现一个对应部位的...

2020-05-27

84浏览

0评论

Vue.js项目部署到服务器的详细步骤

前言　　最近做完了一个项目，Vue.js 2.0 + vuex + axios，还是有点大的。想着做了这么久，放服务器给朋友们体验一下，帮忙找找BUG，于是就有了研究服务器这一篇文章了。准备工作服务...

2020-05-27

58浏览

0评论

js实现图片懒加载效果

本文实例为大家分享了js图片懒加载的具体代码，供大家参考，具体内容如下图片懒加载，思路:当鼠标滑动到对应图片的高度时，进行图片的加载；<!DOCTYPE html><html> <head> <meta cha...

2020-05-27

333浏览

0评论

Javascript ES6中对象类型Sets的介绍与使用详解

介绍ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。Sets 是ES6(ES2015)中一个新的对象类型，用来创建...

2020-05-27

70浏览

0评论

如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)

Bootstrap是网上最流行的前端开发框架. 除了用它，我不知道还有其他更快的方法去构建一个响应式的网站。但是自从我向网页添加动态功能的工具变成vue.js后。适应bootstrap变得...

2020-05-27

83浏览

0评论

nodejs密码加密中生成随机数的实例代码

之前关于写了一个 nodejs密码加密中生成随机数，最近需要回顾，就顺便发到随笔上了方法一：Math.random().toString(36).substr(2)运行后的结果就是11位数的随机数
方法二:1、定义...

2020-05-27

51浏览

0评论

React Native实现进度条弹框的示例代码

本文介绍了React Native实现进度条弹框，分享给大家
我们在上传或者下载文件时候，希望有一个进度条弹框去提醒用户取当前正在上传或者下载，也允许用去取点击取消上传或者下载。...

2020-05-27

48浏览

0评论

jQuery列表检索功能实现代码

先给大家展示下效果图：这是一个简单的列表右上角有一个检索功能我们要实现的是列表检索功能是用的jquery实现的具体代码如下$(function(){ $("input[type=button]"...

2020-05-27

72浏览

0评论

jQuery Form插件使用详解_动力节点Java学院整理

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()，它们集合了从控制...

2020-05-27

67浏览

0评论

jQuery Pagination分页插件_动力节点Java学院整理

插件简介此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。原插件CSS不太合理，使用浮动，故无...

2020-05-27

59浏览

0评论

jQuery Autocomplete简介_动力节点Java学院整理

jQuery UI Autocomplete是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Functi...

2020-05-27

55浏览

0评论

extjs简介_动力节点Java学院整理

ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件，具有统一的主题，便于快速开发，提高效率。但显然它并不适合互联网站的开发。
主要目录文件介绍 builds：压缩后的ExtJS代...

2020-05-27

76浏览

0评论

原生js实现密码输入框值的显示隐藏

本文实例为大家分享了js显示隐藏密码输入框值的具体代码，供大家参考，具体内容如下直接贴上代码<!DOCTYPE html><html><head> <title>password intput demo</title></head><sty...

2020-05-27

64浏览

0评论

Vue.extend构造器的详解

Vue.extend构造器的详解1.简单介绍Vue.extend(options)参数：对象用法：使用Vue构造器，创建一个“子类”，参数是一个包含组件选项的对象，其中,data选项中必须是函数描述：Vue.extend...

2020-05-27

84浏览

0评论

JS中Safari浏览器中的Date

在js中处理Date时,发现Safari和其他浏览器的支持方式不一致1.例如:2017-01-01 12:00:00在其他浏览器中,使用这个格式的字符串进行new Date操作没有问题,但是在Safari中会提...

2020-05-27

55浏览

0评论

Vue项目webpack打包部署到服务器的实例详解

Vue项目webpack打包部署到服务器这篇博文主要说的就是我今天遇到的问题，而且在经过我的询问，好多人在打包部署的时候都遇到了一些问题，下面就来说下，如何将Vue项目放置在服务器...

2020-05-27

52浏览

0评论

Vue.js 单页面多路由区域操作的实例详解

单页面多路由区域操作在一个页面中有两个及以上的<router-view>区域，需要通过设置路由的index.js，来操作这些区域的内容App.vue 中设置：<router-view></router-view><router-vi...

2020-05-27

121浏览

0评论

Javascript实现找不同色块的游戏

游戏规则：在变化数量的颜色块里找出一个不同颜色的块点击这里使用了JS中的构造函数来创建元素<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>找不同...

2020-05-27

120浏览

0评论

详解利用jsx写vue组件的方法示例

前言
本文主要给大家介绍的是关于利用jsx写vue组件，下面话不多说，来一起看看详细的介绍吧。我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推...

2020-05-27

52浏览

0评论

JS实现仿UC浏览器前进后退效果的实例代码

测试浏览器为谷歌浏览器（谷歌toggle device toolbar）var startx, starty, endx, endy, moveX, moveY, seatX, seatY; var clickState = false; //获取输入框dom元素 var text...

2020-05-27

60浏览

0评论

Vue.js上下滚动加载组件的实例代码

由于工作的需要并鉴于网上的vue.js滚动加载方案不合适，自己写了一个简单实用的。就短短的150行代码。
组件代码// scrollLoader.vue// 滚动加载组件<style scoped> .contain...

2020-05-27

71浏览

0评论

Vue.js中组件中的slot实例详解

Vue组件中的slotslot 可以实现在已经定义的组件中添加内容，组件会接收内容并输出，假如有一个组件person，它的里面包含的是个人信息，如下面这样 <template id="per"> <div>...

2020-05-27

54浏览

0评论

Vue.js中extend选项和delimiters选项的比较

Vue.js中extend选项和delimiters选项的比较extend选项允许声明扩展另一个组件（可以是一个简单的选项对象或构造函数），而无需使用Vue.extend，这主要是为了便于扩展单文件组件，它和...

2020-05-27

67浏览

0评论

js轮播图的插件化封装详解

本文实例为大家分享了js轮播图的插件化封装代码，供大家参考，具体内容如下具体代码如下:~function(){ function AutoBanner(curEleId,ajaxURL,interval){ //把之前存储获取元...

2020-05-27

55浏览

0评论

jQuery常用选择器详解

本文为大家分享了jQuery常用选择器的具体代码，供大家参考，具体内容如下
1、jQuery：（使用jQuery一定标明我们使用的版本号）　它是一个使用原生的JS来封装的常用的方法的类库（解决...

2020-05-27

64浏览

0评论

javascript 数组排序与对象排序的实例

javascript 数组排序与对象排序的实例数组排序在使用JavaScript的时候，我们都发现了sort这个函数其实是按照字典顺序进行排序的，比如下面的这个例子：var ary = [2, 98, 34, 45...

2020-05-27

72浏览

0评论

详解Vue2.x-directive的学习笔记

除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素...

2020-05-27

66浏览

0评论

js学使用setTimeout实现轮循动画

本文实例为大家分享了setTimeout实现轮循动画的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document...

2020-05-27

74浏览

0评论

详解Vue学习笔记进阶篇之列表过渡及其他

本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。列表过渡目前为止，关于过渡我们已经讲到：单个节点同一时间渲染多个节点中的一个那么怎么同时渲染整个列表，比如...

2020-05-27

98浏览

0评论

详解Vue学习笔记入门篇之组件的内容分发(slot)

介绍为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发 (或 “transclusion” 如果你熟悉 Angular)。Vue.js 实现了一个...

2020-05-27

热门文章