JavaScript - 教程之家

49浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

66浏览

0评论

iscroll.js滚动加载实例详解

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

143浏览

0评论

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

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

2020-05-27

42浏览

0评论

iscroll实现下拉刷新功能

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

81浏览

0评论

vue深入解析之render function code详解

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

45浏览

0评论

Angularjs的启动过程分析

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

40浏览

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

40浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

56浏览

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

68浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

65浏览

0评论

vue引入swiper插件的使用实例

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

2020-05-27

35浏览

0评论

vue loadmore组件上拉加载更多功能示例代码

最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。首先简单写一...

2020-05-27

32浏览

0评论

纯js实现的积木(div层)拖动功能示例

本文实例讲述了纯js实现的积木(div层)拖动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖动</title> <st...

2020-05-27

40浏览

0评论

Angular 1.x个人使用的经验小结

前言angular1.x作为经典的mvc框架，可以创建能够复用的组件,也可进行双向数据绑定。国内的vue.js/avaloon.js都是同类型的框架，之前工作以Angular1.x为主，主要做业务系统，以后工...

2020-05-27

78浏览

0评论

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

【简介】zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组...

2020-05-27

51浏览

0评论

利用require.js与angular搭建spa应用的方法实例

前言AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、...

2020-05-27

46浏览

0评论

jQuery实现导航栏头部菜单项点击后变换颜色的方法

本文实例讲述了jQuery实现导航栏头部菜单项点击后变换颜色的方法。分享给大家供大家参考，具体如下：实现效果如下:话不多说直接上代码:<!DOCTYPE html><html lang="en"><head>...

2020-05-27

58浏览

0评论

jQuery实现可编辑表格并生成json结果(实例代码)

实现效果如下，在编辑表格的同时可以实现字段json内容的自动变化，点击提交可以保存到后台，页面加载的时候自动解析json并加载表格内容。该代码解析和加载功能都用前端js实现，简化...

2020-05-27

68浏览

0评论

Vue学习笔记进阶篇之单元素过度

概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css...

2020-05-27

58浏览

0评论

Vue学习笔记进阶篇之vue-router安装及使用方法

介绍vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。...

2020-05-27

48浏览

0评论

JS+canvas实现的五子棋游戏【人机大战版】

本文实例讲述了JS+canvas实现的五子棋游戏。分享给大家供大家参考，具体如下：运行效果图：html代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>...

2020-05-27

39浏览

0评论

Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

gulp介绍基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。使用gulp能完成以下任务：
压缩html、css和js 编译less或sass等压缩图片...

2020-05-27

56浏览

0评论

Vue之Watcher源码解析（2）

接着上节Vue Watcher源码的话，继续探讨，目前是这么个过程：函数大概是这里：// line-3846 Vue.prototype._render = function() { // 获取参数 try { // 死在这儿...

2020-05-27

51浏览

0评论

vue中的非父子间的通讯问题简单的实例代码

官网上的例子好晦涩，看了一个头两个大，关于非父子间的通讯问题，经过查阅得到了下面的例子，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>兄弟之间的...

2020-05-27

58浏览

0评论

Vue学习笔记进阶篇之多元素及多组件过渡

本文介绍了vue 多元素及多组件过渡，这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。多元素的过渡对于原生标签可以使用 v-if/v-else.但是有一点需要注意：当有相同标...

2020-05-27

63浏览

0评论

angular.js + require.js构建模块化单页面应用的方法步骤

前言本文主要给大家介绍的是关于利用angular.js + require.js构建模块化单页面应用的方法，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍吧。AngularJS描述:a...

2020-05-27

121浏览

0评论

Vue之Watcher源码解析（1）

上一节最后再次调用了mount函数，我发现竟然跳到了7000多行的那个函数，之前我还说因为声明早了被覆盖，看来我错了！就是这个函数：// Line-7531 Vue$3.prototype.$mount = function...

2020-05-27

48浏览

0评论

Vue AST源码解析第一篇

讲完了数据劫持原理和一堆初始化，现在是DOM相关的代码了。上一节是从这个函数开始的：// Line-3924 Vue.prototype._init = function(options) { // 大量初始化 // ... // G...

2020-05-27

热门文章