JavaScript - 教程之家

60浏览

0评论

vue2实现数据请求显示loading图

一般项目中，有时候会要求，你在数据请求的时候显示一张gif图片，然后数据加载完后，消失。这个，一般只需要在封装的axios中写入js事件即可。当然，我们首先需要在app.vue中，加入此图片...

2020-05-27

46浏览

0评论

元素全屏的设置与监听实例

设置全屏和退出全屏//全屏设置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullSc...

2020-05-27

62浏览

0评论

浅谈vue中慎用style的scoped属性

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为在我们需要修...

2020-05-27

52浏览

0评论

vue2手机APP项目添加开屏广告或者闪屏广告

一般项目里，有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下：
<style media="screen"> #entry { width: 100%; height: 100%; z-index: 2...

2020-05-27

48浏览

0评论

微信小程序用户自定义模版用法实例分析

本文实例讲述了微信小程序用户自定义模版用法。分享给大家供大家参考，具体如下：1、新建一个wxml（为测试方便，这里将wxml文件建立在home目录下）/home/home/botmenu.wxml：<template...

2020-05-27

51浏览

0评论

JavaScript生成简单等差数列

题目很简单，最简单的办法就是使用for循环let arr = []for (let i = 0; i < b - a + 1; i++) { arr.push(i + a)}return arr进阶之后再想起来时感觉之前的方法有点愚蠢，遂又想...

2020-05-27

60浏览

0评论

基于vue2实现左滑删除功能

左滑删除，很多UI框架里有，比如Mint-UI， Muse-UI等，一开始我们就是用的这两个，但是我们需求是要：左滑的时候出现img然后来实现点击删除，如下：因为用UI框架，还得改底层代码= =所以，我们...

2020-05-27

63浏览

0评论

Vue实现web分页组件详解

本文实例为大家分享了Vue实现web分页组件的具体代码，供大家参考，具体内容如下效果演示源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试分页...

2020-05-27

67浏览

0评论

Vue.JS项目中5个经典Vuex插件

使用 Vuex 来管理 Vue 的状态，有很多好的理由。其中之一就是，通过 Vuex 插件可以非常容易的扩展一些很酷的功能。Vuex 社区中的开发人员已经创建了大量的免费插件供你使用，有许...

2020-05-27

49浏览

0评论

vue2.0与bootstrap3实现列表分页效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下直接引入vue的js文件进行页面渲染分页，不是vuex的哦，以下源码可以直接运行哟^_^<!DOCTYPE html>...

2020-05-27

56浏览

0评论

微信小程序自定义toast实现方法详解【附demo源码下载】

本文实例讲述了微信小程序自定义toast实现方法。分享给大家供大家参考，具体如下：一、微信官方默认toasttoast最常见了，几乎每个App都有这样的特效，先看下小程序自带的toast效果，...

2020-05-27

52浏览

0评论

AngularJs 禁止模板缓存的方法

本文介绍了AngularJs 禁止模板缓存的方法，分享给大家，也给自己留个笔记，具有如下：因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次...

2020-05-27

74浏览

0评论

关于angularJs清除浏览器缓存的方法

缓存篇一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存...

2020-05-27

58浏览

0评论

微信小程序tabBar模板用法实例分析【附demo源码下载】

本文实例讲述了微信小程序tabBar模板用法。分享给大家供大家参考，具体如下：众所周知，微信小程序的tabBar都是新开页面的，而微信文档上又表明了最多只能打开5层页面。这样就很容...

2020-05-27

114浏览

0评论

JavaScript数据结构之单链表和循环链表

数据结构系列前言：
数据结构作为程序员的基本知识，需要我们每个人牢牢掌握。近期我也展开了对数据结构的二次学习，来弥补当年挖的坑。。。。。。当时上课的时候也就是跟着听...

2020-05-27

71浏览

0评论

JS实现的找零张数最小问题示例

本文实例讲述了JS实现的找零张数最小问题。分享给大家供大家参考，具体如下：完整代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.freexyz.cn...

2020-05-27

51浏览

0评论

JavaScript数据结构之双向链表和双向循环链表的实现

双向链表和普通链表的区别在于，在链表中，一个节点只有链向下一个节点的链接，而在双向链表中，链接是双向的：一个链向下一个元素，另一个链向前一个元素。
双向链表提供了两种迭代列...

2020-05-27

73浏览

0评论

vue-music关于Player播放器组件详解

本文实例为大家分享了关于Player播放器组件的具体内容，供大家参考，具体内容如下迷你播放器：1.播放器组件会在各个页面的情况下会打开。首先在vuex state.js 中定义全局的播放...

2020-05-27

78浏览

0评论

解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题

在vue的实际开发中往往会遇到公用一个组件的问题，比如有一个菜单中的两个按钮，点击每个按钮调用的是同一个组件，其内容是根据路由的参数的不同来请求不同的内容。第一步，首先新...

2020-05-27

60浏览

0评论

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。语法就是：scrollTo(xpos,ypos)xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。yp...

2020-05-27

55浏览

0评论

JS+HTML+CSS实现轮播效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下1.lunbo.html代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...

2020-05-27

49浏览

0评论

浅谈vue,angular,react数据双向绑定原理分析

传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。
框架...

2020-05-27

64浏览

0评论

JS异步函数队列功能实例分析

本文实例讲述了JS异步函数队列功能。分享给大家供大家参考，具体如下：场景：做直播，会有入场消息，入场特效，用户如果有坐骑，需要给他展示几秒钟的坐骑特效，如果几个人同时进场，那该怎么...

2020-05-27

63浏览

0评论

9种改善AngularJS性能的方法

AngularJS 是目前使用非常广泛的 web app 应用框架，随着它的受欢迎程度持续上升，期待已久的AngularJS 4.0 诞生了。尽管已经做了很多优化，但几乎每个 Angular 专家仍然在处理...

2020-05-27

61浏览

0评论

javascript+css3开发打气球小游戏完整代码

效果知识点：css3画气球, 自定义属性运用，随机阵列, DOM元素操作，高级回调函数与参数复传，动态布局，鼠标事件，定时器运用，CSS3新增样式等。css代码如下：<style>{margin:0;padding:0;}...

2020-05-27

37浏览

0评论

解析Vue 2.5的Diff算法

DOM“天生就慢”，所以前端各大框架都提供了对DOM操作进行优化的办法，Angular中的是脏值检查，React首先提出了Virtual Dom，Vue2.0也加入了Virtual Dom，与React类似。本文将对于Vue...

2020-05-27

62浏览

0评论

JavaScript的setter与getter方法

以前在写项目过程一直都没有使用过Javascript的setter与getter方法，所以对其是一种要懂不懂的概念；今天看书看到这个知识点，还是模模糊糊的，于是就打算研究研究；Javascript对象的...

2020-05-27

64浏览

0评论

bootstrap响应式工具使用详解

本文实例为大家分享了bootstrap响应式工具的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式工具</title>...

2020-05-27

70浏览

0评论

angularjs实现时间轴效果的示例代码

一引入包引入angular-timeline包。
下载地址：angular-timeline.zip在index.html中引入<link href="lib/angular-timeline/dist/angular-timeline.css" rel="external nofoll...

2020-05-27

98浏览

0评论

jquery animate动画持续运动的实例

如下所示：function fingers(){ $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){ $(".box01 .fingers").animate({"width":"6.8...

2020-05-27

59浏览

0评论

jQuery图片加载失败替换默认图片方法汇总

本文主要讨论页面中图片加载失败后替换默认图片的几种方式重点来了：一定要记住error事件不冒泡。相关的知识点：jquery的ready方法、$("img").error()、img的complete属性、插...

2020-05-27

57浏览

0评论

ReactNative 之FlatList使用及踩坑封装总结

在RN中FlatList是一个高性能的列表组件，它是ListView组件的升级版，性能方面有了很大的提升，当然也就建议大家在实现列表功能时使用FlatList,尽量不要使用ListView，更不要使用Scr...

2020-05-27

52浏览

0评论

ReactNative之FlatList的具体使用方法

之前使用的组件是ListView，当时要添加一个下拉刷新，上拉加载的功能，所以对ListView做了一些封装，但是后来看官方文档，不建议再使用ListView，因为效率问题，做过Android的朋友都知道，A...

2020-05-27

77浏览

0评论

关于 angularJS的一些用法

AngularJS
事件指令：ng-click/dblclickng-mousedown/upng-mouseenter/leaveng-mousemove/over/outng-keydown/up/pressng-focus/blurng-submit和ng-click一样，都是给dom绑定事...

2020-05-27

63浏览

0评论

vue.js项目中实用的小技巧汇总

前言Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已...

2020-05-27

69浏览

0评论

Vue2.0用户权限控制解决方案

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安...

2020-05-27

63浏览

0评论

node.js中axios使用心得总结

Axios是一个基于Promise的 HTTP 库，可以用在浏览器和node.js 中，因为尤大大的推荐，axios也变得越来越流行。最近项目中使用axios也遇到了一些问题，就借此机会总结一下，如有错误，还...

2020-05-27

65浏览

0评论

Angular4的输入属性与输出属性实例详解

本文实例讲述了Angular4的输入属性与输出属性。分享给大家供大家参考，具体如下：Angular4输入属性输入属性通常用于父组件向子组件传递信息举个栗子：我们在父组件向子组件传递股...

2020-05-27

80浏览

0评论

node.js支持多用户web终端实现及安全方案

terminal（命令行）作为本地IDE普遍拥有的功能，对项目的git操作以及文件操作有着非常强大的支持。对于WebIDE，在没有web伪终端的情况下，仅仅提供封装的命令行接口是完全不能满足开...

2020-05-27

83浏览

0评论

Angular2管道Pipe及自定义管道格式数据用法实例分析

本文实例讲述了Angular2管道Pipe及自定义管道格式数据用法。分享给大家供大家参考，具体如下：管道(Pipe)可以根据开发者的意愿将数据格式化，还可以多个管道串联。纯管道(Pure Pi...

2020-05-27

77浏览

0评论

JS组件系列之Gojs组件前端图形化插件之利器

前言：之前分享过两篇关于流程画图的前端组件，使用的jsPlumb。这个组件本身还不错，使用方便、入门简单、轻量级，但是使用一段时间下来，发现一些弊病，比如组件不太稳定，初始进入页面...

2020-05-27

66浏览

0评论

详解angularjs实现echart图表效果最简洁教程

本文介绍了详解angularjs实现echart图表效果最简洁教程，分享给大家，具体如下：ehcart是百度做的数据图表，基于原生js。接口和配置都写的很好很易读，还可以用于商用。一 echart包引...

2020-05-27

110浏览

0评论

微信小程序使用modal组件弹出对话框功能示例

本文实例讲述了微信小程序使用modal组件弹出对话框功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码①、index.wxml<view>提示：{{tip}}</view><button type="defau...

2020-05-27

52浏览

0评论

微信小程序实现动态设置页面标题的方法【附源码下载】

本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① WXML文件<button bindtap="setBiaoTi1">标题1</button><but...

2020-05-27

68浏览

0评论

纯js实现隔行变色效果

本文实例为大家分享了js实现隔行变色的具体代码，供大家参考，具体内容如下<script type="text/javascript"> function createTable(){ //创建表格 var table = document.crea...

2020-05-27

69浏览

0评论

easyui下拉框动态级联加载的示例代码

easyui的下拉框动态加载数据，高校中要根据首先查询所有学院，然后根据学院动态加载课程。下面看如何实现。
1.界面效果
2. html + js代码
<span>学院名称：</span> <input class=...

2020-05-27

125浏览

0评论

3种vue组件的书写形式

本文实例为大家分享了vue组件的书写形式，供大家参考，具体内容如下第一种使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component...

2020-05-27

56浏览

0评论

写给小白看的JavaScript异步

某天突然写了个方法要从后台调用数据，显示在前台页面，但是输出结果总是空undefined，得不到数据。多方找资料才发现，原来是入了JS异步的“坑”。我们常常听到单线程、多线程、同...

2020-05-27

94浏览

0评论

jQuery zTree 异步加载添加子节点重复问题

zTree 简介 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如...

2020-05-27

111浏览

0评论

微信小程序中吸底按钮适配iPhone X方案

随着第二三批iPhone X的陆续到货，身边的土豪们纷纷用了起来，因为iPhone X的齐刘海导致的适配问题很多，所以这群土豪更沉浸在各种找bug中，不出所料，豌豆公主小程序在一些地方也出...

2020-05-27

热门文章