JavaScript - 教程之家

103浏览

0评论

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

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

2020-05-27

64浏览

0评论

javascript 跨域问题以及解决办法

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

150浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

62浏览

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

76浏览

0评论

详解使用nvm安装node.js

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

59浏览

0评论

jQuery remove()过滤被删除的元素（推荐）

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。该参数可以是任何 jquery 选择器的语法。下面的例子删除 class="italic" 的所有 <p> 元素：<!DOCTYPE html>...

2020-05-27

65浏览

0评论

基于iScroll实现下拉刷新和上滑加载效果

本文实例为大家分享了iScroll下拉刷新上滑加载展示的具体代码，供大家参考，具体内容如下html代码：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t...

2020-05-27

80浏览

0评论

iscroll.js滚动加载实例详解

滚动加载是个好东西，可以解决一次加载过多的尴尬，其实就是变相的分页，总结下这个轮子的用法，挺简单的。
首先是html结构：
<div class=" saleRecord panelList clear" style="posi...

2020-05-27

61浏览

0评论

vue2.0中vue-cli实现全选、单选计算总价格的实例代码

由于工作的需要并鉴于网上的vue2.0中vue-cli实现全选、单选方案不合适，自己写了一个简单实用的。就短短的126行代码。<template> <div> <table> <tr> <td><i...

2020-05-27

157浏览

0评论

vue.js实现单选框、复选框和下拉框示例

Vue.js可以很方便的实现数据双向绑定，所以在处理表单，人机交互方面具有很大的优势。下边以单选框、复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式。一、单选框...

2020-05-27

48浏览

0评论

iscroll实现下拉刷新功能

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下版本号：iscroll4.2.5.jsiscroll 版本很有关系在线： demo链接有出现白屏的bug,将iscroll版...

2020-05-27

79浏览

0评论

浅谈JS封闭函数、闭包、内置对象

一、变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量1、全局变量：在函数之外定义的变量，为整个页面公用，函数的内部外部都可以访问。2、局部变量：在函...

2020-05-27

78浏览

0评论

jquery插件canvaspercent.js实现百分比圆饼效果

在仪表盘的任务增多同时，列表页的百分比圆环或圆饼也随之增多，于是顺手在仪表盘的基础上，封装了一个小小的jquery插件（jq-canvaspercent.js），暂且版本1.0吧，到以后业务的变化在对其...

2020-05-27

89浏览

0评论

vue深入解析之render function code详解

前言最近在深入的学习研究vue，其实vue在使用上入门并没有什么太高的门槛，但前端同学们也不该仅仅停留在使用上。以 vue 设计、编码之优秀，足当抽丝剥茧，扒开它的外壳，深入其原理...

2020-05-27

41浏览

0评论

js canvas实现适用于移动端的百分比仪表盘dashboard

本文为大家分享了canvas实现适用于移动端的百分比仪表盘，供大家参考，具体内容如下由于最近工作中，经常会遇到一些动态百分比的仪表盘，一开始都是用图片样式方式实现；
但是随着越...

2020-05-27

57浏览

0评论

vue实现表格增删改查效果的实例代码

整理文档，搜刮出一个vue实现表格增删改查效果的实例代码，稍微整理精简一下做下分享。
实现效果
我们把这些用户信息保存到list的数组中，然后增删改查就在这个数组上进行：list: [...

2020-05-27

65浏览

0评论

ES6学习之变量的两种命名方法示例

前言众所周知es6是ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序...

2020-05-27

41浏览

0评论

ES6中的rest参数与扩展运算符详解

前言本文主要给大家介绍了关于ES6中rest参数与扩展运算符的相关内容，rest参数和扩展运算符都是ES6新增的特性。rest参数的形式为：...变量名；扩展运算符是三个点（...）。下面话不多...

2020-05-27

52浏览

0评论

jQuery扇形定时器插件pietimer使用方法详解

Pietimer是一个可以在页面上生成一个扇形变化的定时器插件，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂...

2020-05-27

53浏览

0评论

关于javascript sort()排序你可能忽略的一点理解

前言在Javascript数组排序中有一个sort()方法，sort（）方法可以说分为两种，一种是文字数组排序，一种是数字数组排序。下面这篇文章主要和大家分享了关于最近学习javascript sort()...

2020-05-27

54浏览

0评论

Angularjs的启动过程分析

本文介绍了Angularjs的启动过程分析，分享给大家
启动过程（v1.3.9）步骤一用自执行函数的形式让整个代码在加载完成之后立即执行
in angular.js Line6(function(window, document...

2020-05-27

52浏览

0评论

JS实现点击Radio动态更新table数据

tbody定义一个标签当上面变化的，在js里面做拼接就行了，拼接结束 tbody.html(XXX)<script type="text/javascript"> $(function(){ var quotas = { 1:{name:"工商银行",on...

2020-05-27

75浏览

0评论

js实现移动端导航点击自动滑动效果

本文实例为大家分享了js实现移动端导航点击滑动效果的具体代码，供大家参考，具体内容如下移动端模拟导航可点击自动滑动 0.1.4。导航可左右滑动，可点击边缘的一个，自动滚动下一个...

2020-05-27

80浏览

0评论

详解使用angularjs的ng-options时如何设置默认值(初始值)

这两天我用ng-options过程中遇到的初始值为空白的问题，记得去年就遇到过，怎么解决的忘记了，费了一阵子功夫之后解决了，想记下来，方便遇到同样问题的小伙伴当然还有自己。1.场景：就...

2020-05-27

59浏览

0评论

js实现本地图片文件拖拽效果

如何拖拽文件到指定位置，具体方法如下在从本地上传图片的时候，如果使用拖拽效果，想想应该是更加的高大上，下面直接上代码完整代码：<!DOCTYPE html> <html lang="en"> <head> <me...

2020-05-27

54浏览

0评论

深入解析Vue 组件命名那些事

There are only two things in Computer Sciences: cache invalidation and naming things.
—— Phil Karlton诚如上述所言，编程中变量命名确实令人很头疼。我们模糊地知道，V...

2020-05-27

87浏览

0评论

Vue学习笔记进阶篇之vue-cli安装及介绍

介绍Vue-cli是Vue的脚手架工具主要作用：目录结构、本地调试、代码部署、热加载、单元测试地址：https://github.com/vuejs/vue-cli安装全局安装vue-clinpm install -g vue-cli...

2020-05-27

45浏览

0评论

jQuery Validate格式验证功能实例代码（包括重名验证）

引入jQuery-1.7.1.js和jquery.validate.js两个js文件jquery.validate.js下载地址：http://xiazai.freexyz.cn/201703/yuanma/jquery.validate.rar<!DOCTYPE html> <html xmlns=...

2020-05-27

49浏览

0评论

Angular.js中angular-ui-router的简单实践

开始之前
一些说明 angular-ui-router的使用方法有很多，此文中，我们直接在控制器中使用，并完成一个简单的路由。文中 Angular.js 的版本为 1.5.2下载和安装
直接通过 bower...

2020-05-27

71浏览

0评论

JavaScript实现二维坐标点排序效果

今天给大家分享下最近web项目中出现的一个技术难点问题——坐标排序；如下图所示，要求在前端页面上按顺序将下面5个模块的坐标依次保存至数据库现在已知信息如下：1、每个模块分...

2020-05-27

76浏览

0评论

深入理解vue2.0路由如何配置问题

这两天学习了Vue.js 感觉路由这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。项目基本手脚架搭建完毕后，建一个router文件夹，里面配置一个index.js文件。
文件内容：
n...

2020-05-27

53浏览

0评论

基于bootstrap实现多个下拉框同时搜索功能

本文实例为大家分享了bootstrap实现下拉框搜索展示的具体代码，供大家参考，具体内容如下1.第一个下拉框代码<div class="btn-group col-sm-3 col-xs-6 util-btn-margin-bottom-...

2020-05-27

51浏览

0评论

JavaScript 值类型和引用类型的初次研究(推荐)

值类型：也称为原始数据或原始值（primitive value）。这类值存储在栈（stack）中，栈是内存中一种特殊的数据结构，也称为线性表，栈按照后进先出的原则存储数据，先进入的数据被压入栈底，最后...

2020-05-27

47浏览

0评论

利用jQuery异步上传文件的插件用法详解

现在想实现用ajax来上传文件的功能，但是却发现Jquery自带的ajax方法只能上传文件名，而不能上传文件；用form提交虽然能够上传文件，但是却要刷新页面。。。多方查找下找到了一个可...

2020-05-27

61浏览

0评论

JS设置随机出现2个数字的实例代码

1和2 随机出现 <script type="text/javascript"> $(function(){ if (Math.random()>0.5) { console.log("1"); }else{ console.log("2");...

2020-05-27

75浏览

0评论

JS实现的走迷宫小游戏完整实例

本文实例讲述了JS实现的走迷宫小游戏。分享给大家供大家参考，具体如下：先来看看运行效果截图：完整实例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E...

2020-05-27

49浏览

0评论

vue loadmore 组件滑动加载更多源码解析

上一篇讲到在项目中使用上拉加载更多组件，但是由于实际项目开发中由于需求变更或者说在webview中上拉加载有些机型在上拉时候会把webview也一起上拉导致上拉加载不灵敏等问题...

2020-05-27

75浏览

0评论

vue引入swiper插件的使用实例

本文介绍了vue引入swiper插件，分享给大家，希望对大家有帮助
步骤一：安装vue， $ npm install vue 步骤二：创建vue项目
# 全局安装 vue-cli $ npm install -g vue-cli $ cd my-p...

2020-05-27

热门文章