JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

58浏览

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

40浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

45浏览

0评论

js实现图片懒加载效果

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

2020-05-27

309浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

36浏览

0评论

jQuery列表检索功能实现代码

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

47浏览

0评论

Vue.extend构造器的详解

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

2020-05-27

73浏览

0评论

JS中Safari浏览器中的Date

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

107浏览

0评论

Javascript实现找不同色块的游戏

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

44浏览

0评论

jQuery常用选择器详解

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

52浏览

0评论

js学使用setTimeout实现轮循动画

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

89浏览

0评论

vue2.x 父组件监听子组件事件并传回信息的方法

本文介绍了vue2.x 父组件监听子组件事件并传回信息，分享给大家，希望此文章对各位有所帮助利用vm.$emit1、在父组件中引用子组件<child @from-child-msg="listenChildMsg"></ch...

2020-05-27

47浏览

0评论

javascript 跨域问题以及解决办法

javascript 跨域问题以及解决办法什么是跨域问题？跨域这个问题是由于浏览器的同源策略引起的，请求的URL地址，必须与浏览器的URL是相同协议、相同域名、相同端口的，否则是不允许...

2020-05-27

76浏览

0评论

webpack构建vue项目的详细教程（配置篇）

最近公司要求用vue重构项目，还涉及到模块化开发，于是乎，我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具，发现上手并不是很容易，现将总结的一些...

2020-05-27

66浏览

0评论

js指定步长实现单方向匀速运动

本文实例为大家分享了js实现单方向匀速运动的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...

2020-05-27

42浏览

0评论

js实现多张图片延迟加载效果

本文实例为大家分享了js实现多张图片延迟加载效果的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--做...

2020-05-27

130浏览

0评论

node.js中grunt和gulp的区别详解

node.js中grunt和gulp的区别详解自nodeJS登上前端舞台，自动化构建变得越来越流行。目前最流行的当属grunt和gulp,这两个光看名字挺像，功能也差不多，不过gulp能在grunt这位大哥...

2020-05-27

60浏览

0评论

js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果

本文为大家分享了js实现延迟加载思想和首屏延迟加载的具体代码，供大家参考，具体内容如下作用:保证页面打开的速度（3s之内如果首页打不开就已经算是死亡页面了）原理:　　1）、对于...

2020-05-27

48浏览

0评论

详解jQuery中关于Ajax的几个常用的函数

一：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台...

2020-05-27

56浏览

0评论

angular使用bootstrap方法手动启动的实例代码

要启动一个angular应用，可以使用ng-app指令，也可以调用bootstrap方法手动启动。先看一下angular的bootstrap方法。angular.bootstrap(element, [modules], [config]);element(...

2020-05-27

46浏览

0评论

IScroll那些事_当内容不足时下拉刷新的解决方法

之前项目中的列表是采用的IScroll，但是在使用IScroll有一个问题就是：当内容不足全屏的时候，是木有办法往下拉的，这样就达不到刷新的目的了。【这是本人工作中遇到的，具体例子具体...

2020-05-27

58浏览

0评论

js判断用户是输入的地址请求的路径(实例讲解)

如下所示：/** * 如果是直接输入url访问的则刷新页面(防止缓存页面)针对Chrome,其他浏览器刷新referrer始终会为空，所以给个随机路径访问就加载不到缓存了。 */ var userAgen...

2020-05-27

59浏览

0评论

nodejs 搭建简易服务器的图文教程(推荐)

www文件夹下template文件夹下server.js代码：const express=require('express');const static=require('express-static'); //托管静态文件const cookieParser=require('cooki...

2020-05-27

53浏览

0评论

jQuery之动画ajax事件(实例讲解)

废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //ajax $.ajax({ url:'json/tes...

2020-05-27

65浏览

0评论

详解使用nvm安装node.js

我最近在研究node.js的路上，那么今天也算个学习笔记吧！
一、Windows系统1、node.js下载应用程序，压缩，安装
https://www.freexyz.cn/softs/504128.html2、nvm的安装路径下，找到set...

2020-05-27

42浏览

0评论

Angular4学习笔记之新建项目的方法

Angular4我自己还在摸索学习中，这个系列中的笔记会不定期修改和更新……一、安装nodejs（下面方式二选一，个人推荐第二种）
1、nodejs官网下载安装
2、使用nvm安装管理（具体方...

2020-05-27

30浏览

0评论

iscroll动态加载数据完美解决方法

本文实例为大家分享了iscroll动态加载数据的具体代码，供大家参考，具体内容如下<div id="wrapper" class="margin-b90"> <div id="scroller"> <div id="pullDown">...

2020-05-27

56浏览

0评论

H5基于iScroll实现下拉刷新和上拉加载更多

前言前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教...

2020-05-27

热门文章