JavaScript - 教程之家

59浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

47浏览

0评论

JS+HTML+CSS实现轮播效果

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

52浏览

0评论

9种改善AngularJS性能的方法

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

32浏览

0评论

解析Vue 2.5的Diff算法

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

2020-05-27

50浏览

0评论

JavaScript的setter与getter方法

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

2020-05-27

54浏览

0评论

bootstrap响应式工具使用详解

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

90浏览

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

50浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

39浏览

0评论

ReactNative之FlatList的具体使用方法

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

2020-05-27

65浏览

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

52浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

54浏览

0评论

node.js中axios使用心得总结

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

56浏览

0评论

纯js实现隔行变色效果

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

110浏览

0评论

3种vue组件的书写形式

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

2020-05-27

47浏览

0评论

写给小白看的JavaScript异步

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

119浏览

0评论

html中通过JS获取JSON数据并加载的方法

在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。HTML如下（只展示重点部分，需要...

2020-05-27

132浏览

0评论

微信小程序实现添加手机联系人功能示例

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考，具体如下：1、效果展示 2、关键代码1）WXML文件<view bindlongtap="phoneNumTap">{{phoneNum}}</view>2...

2020-05-27

65浏览

0评论

完美解决手机浏览器顶部下拉出现网页源或刷新的问题

问题如下图所示：一般处理此类问题都会有一个属性：”event.preventDefault()”，但是如果直接使用会导致页面的内部滚动也失效导致不能滚动，我所处理的方式也与其类似。因为滑动区...

2020-05-27

50浏览

0评论

vue的状态管理模式vuex

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。备注：本文的示例等代码将会采用es6的语法。
链接 vuex官方中文网站使用vue和vuex实现的简易...

2020-05-27

82浏览

0评论

VueJs使用Amaze ui调整列表和内容页面

制作左侧菜单一个后台管理系统，大致的样式都是分为南北东西的，而西（也就是左侧）一般是我们的菜单。如图：我们今天就来把我们的项目完成到如上图的样式，首先我们来制作左侧的菜单，在...

2020-05-27

65浏览

0评论

微信小程序简单实现form表单获取输入数据功能示例

本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml<form bindsubmit="formBindsubmit" bindrese...

2020-05-27

106浏览

0评论

实例教学如何写vue插件

在学习之前，先问问自己，为什么要编写vue的插件。在一个项目中，尤其是大型项目，有很多部分需要复用，比如加载的loading动画，弹出框。如果一个一个的引用也稍显麻烦，而且在一个vue文...

2020-05-27

69浏览

0评论

windows下更新npm和node的方法

公司的新项目要启动了，需要使用 Angular 4.0，并且使用 webpack 工具进行打包。所以就需要安装 node。node 的安装很简单，在 node 的官网 nodejs.org 去下载 msi 安装包，目前 nod...

2020-05-27

92浏览

0评论

微信小程序支付及退款流程详解

首先说明一下，微信小程序支付的主要逻辑集中在后端，前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在后端使用的是php，当然在这篇博客里...

2020-05-27

73浏览

0评论

微信小程序实战篇之购物车的实现代码示例

哈喽，大家好，快半个月没写了，现在提笔都有点生硬了，一直没更新的原因，一个是代码君也要上班，加上最近工作比较忙，还有就是写文章一直未被认可，所以没什么动力再创作了，那时真的坚持不...

2020-05-27

43浏览

0评论

微信小程序实现获取自己所处位置的经纬度坐标功能示例

本文实例讲述了微信小程序实现获取自己所处位置的经纬度坐标功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml布局文件代码<view>纬度：{{latitude}}</vi...

2020-05-27

137浏览

0评论

微信小程序实现简单input正则表达式验证功能示例

本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml文件<input placeholder="输入内容" bindinput...

2020-05-27

83浏览

0评论

Bootstrap Table 搜索框和查询功能

1..知识点bootstrapTable 刷新和查询配置2.提升js代码性能1.减少全局变量声明2.缓存dom节点查找结果3.局部变量缓存全局变量 /** * @param col bootstrapTable列表生成配置...

2020-05-27

60浏览

0评论

Vue+Vux项目实践完整代码

提供完整的路由，services`````````````
-------------------------------------------------------------------------------------------------------------------------...

2020-05-27

97浏览

0评论

vue2.x+webpack快速搭建前端项目框架详解

一、本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖...

2020-05-27

64浏览

0评论

vue 添加vux的代码讲解

简介Vux（读音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeU...

2020-05-27

77浏览

0评论

JS和JQuery实现雪花飘落效果

很多朋友在做特效网页的时候需要用到雪花飘落的效果，我们这里给大家整理了分别用JS还有JQuery两种代码实现这个效果的方式。
我们先来看一下需要实现的雪花效果：这次实现的雪...

2020-05-27

热门文章