JavaScript - 教程之家

42浏览

0评论

mui框架移动开发初体验详解

前言博主最近在接触移动APP，学习了几个小技巧，和大家分享一下。1. 状态栏设置现在打开绝大多数APP，状态栏都是与APP一体，不仅美观，而且与整体协调。
博主是个中度强迫症患者，顶...

2020-05-27

43浏览

0评论

简单实现vue验证码60秒倒计时功能

本文实例为大家分享了vue验证码倒计时60秒的具体代码，供大家参考，具体内容如下html<span v-show="show" @click="getCode">获取验证码</span><span v-show="!show" class="cou...

2020-05-27

42浏览

0评论

jQuery自动或手动图片切换效果

学习JS的时候本来积攒了很多有趣的小例子，但是苦于没有找到一些好的平台来展示这些JS效果。今天发现了RunJS这个分享代码的平台，迫不及待得想跟大家分享。在浏览各大商城...

2020-05-27

40浏览

0评论

js实现单张图片平移切换效果

本文参考了JQuery实现图片切换（自动切换+手动切换）
由于个人不需要手动切换功能，因此把那部分的内容删了，主要是增加了无缝切换的效果。
原理也很简单，大概是一张图移动到左边...

2020-05-27

46浏览

0评论

ionic3+Angular4实现接口请求及本地json文件读取示例

一准备工作首先，ionic3+Angular4的开发环境你得有，这里就不赘述。环境准备好，创建一个空白项目，模板自选。二实现过程1 新建json文件和serviceservice记得在app.module.ts中引...

2020-05-27

46浏览

0评论

详解使用路由延迟加载 Angular 模块

Angular 非常模块化，模块化的一个非常有用的特性就是模块作为延迟加载点。延迟加载意味着可以在后台加载一个模块和其包含的所有组件等资源。这样 Angular 就不需要在第一个...

2020-05-27

60浏览

0评论

javascript中神奇的 Date对象小结

Date 对象算是较常用的对象之一，但很多人完全不会操作，就算一些简单的操作也用 moment 而不自己尝试一下。本次分享下 Date 中的 date 使用技巧，希望能给大家启发。MDN官网介绍...

2020-05-27

64浏览

0评论

原生JS封装animate运动框架的实例

如下所示：<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style>div {width: 100px;height: 100px;background-color: pink;position: absolu...

2020-05-27

58浏览

0评论

浅谈JavaScript的innerWidth与innerHeight

innerWidth与innerHeight属性说明：window对象的只读属性,声明了窗口的文档显示区的高度和宽度，以像素(px)为计量单位。 (注意：这里的宽度和高度不包括菜单栏、工具栏以及滚动条...

2020-05-27

47浏览

0评论

基于es6三点运算符的使用方法(实例讲解)

先看一个es6规范下三点运算符的使用实例：let fun=function(a,...list){ console.log(a,list);};fun('0','a','b','c');//0 [a,b,c]以上可以看到我们现在在定义函数对象时可以...

2020-05-27

66浏览

0评论

jQuery中 DOM节点操作方法大全

append(content | fn)：向每个匹配的元素内部追加内容。参考：http://jquery.cuishifeng.cn/append.html例如：向所有段落中追加一些HTML标记。<p>I would like to say: </p>$("p"...

2020-05-27

40浏览

0评论

vue学习之mintui picker选择器实现省市二级联动示例

本文介绍了vue学习之mintui picker选择器实现省市二级联动示例，分享给大家，具体如下：Mint UI 使用文档：https://mint-ui.github.io/docs/#/zh-cn2
Popup弹出框介绍：https://mint-...

2020-05-27

51浏览

0评论

使用原生js封装的ajax实例(兼容jsonp)

实例如下：/* 封装ajax函数 * @param {string}opt.type http连接的方式，包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为...

2020-05-27

41浏览

0评论

bootstrap可编辑下拉框jquery.editable-select

下载链接地址：链接: https://pan.baidu.com/s/1pLl0uCj 密码: cd59然后直接请看代码：引用：<script type="text/javascript" src="${ contextPath }/res/sys/scripts/jquery.edi...

2020-05-27

52浏览

0评论

使用cookie绕过验证码登录的实现代码

本文给大家介绍通过Cookie跳转过验证码，今天，就详细的介绍一下cookie绕过验证码登录的实现代码。#coding:utf-8'''cookie绕过验证码登录，第一步先访问登录页面获取登录前的cook...

2020-05-27

292浏览

0评论

Angular实现预加载延迟模块的示例

在使用路由延迟加载中，我们介绍了如何使用模块来拆分应用，在访问到这个模块的时候， Angular 加载这个模块。但这需要一点时间。在用户第一次点击的时候，会有一点延迟。我们可以...

2020-05-27

39浏览

0评论

BootStrap Validator 根据条件在JS中添加或移除校验操作

这是开始的校验代码 function initValidate() { <span style="white-space:pre"> </span>$('#detailform').bootstrapValidator({ <span style="white-space:pre"> </sp...

2020-05-27

50浏览

0评论

详解微信小程序中的页面代码中的模板的封装

详解微信小程序中的页面代码中的模板的封装最近在进行微信小程序中的页面开发，其实在c++或者说是js中都会出现这种情况，就是相同的代码会反复出现，这就是进行一定的封装，封...

2020-05-27

44浏览

0评论

AngularJS 中的数据源的循环输出

AngularJS 中的数据源的循环输出最近也是刚刚接触angular前端框架的，但使用的几天就感觉效果比较明显，尤其是在数据的输出效果上来看，比原生的js的编程效率要高许多，所以这也就...

2020-05-27

53浏览

0评论

vue mintui-Loadmore结合实现下拉刷新和上拉加载示例

mintui是饿了么团队针对vue开发的移动端组件库，方便实现移动端的一些功能，这里只用了Loadmore功能实现移动端的上拉分页刷新，下拉加载数据，废话不说上代码。
<template> <div c...

2020-05-27

35浏览

0评论

AngularJS实现表单验证功能详解

在ng中，针对表单和空间提供了属性，用于验证控件交互的状态
布尔类型：
ng-valid 表单通过验证时设置
ng-invalid 表单未通过验证时设置
ng-pristine 表单没有改动时设置
ng...

2020-05-27

42浏览

0评论

JS实现自定义状态栏动画文字效果示例

本文实例讲述了JS实现自定义状态栏动画文字效果。分享给大家供大家参考，具体如下：在IE浏览器中打开，显示动态文字的效果，主要浏览器左下角的文字。<body onload="stack();"> <s...

2020-05-27

57浏览

0评论

node通过npm写一个cli命令行工具

前言如果你想写一个npm插件，如果你想通过命令行来简化自己的操作，如果你也是个懒惰的人，那么这篇文章值得一看。po主的上一篇文章介绍了定制自己的模版，但这样po主还是不满足啊，...

2020-05-27

66浏览

0评论

微信小程序动画的简单实例

微信小程序——简易动画案例wxml：<view class="container"><view animation="{{animation}}" class="view">我在做动画</view></view><button type="primary" bindtap="trans...

2020-05-27

45浏览

0评论

微信小程序页面滑动事件的实例详解

微信小程序——页面滑动事件wxml: <view id="id" class = "ball" bindtap = "handletap" bindtouchstart = "handletouchtart" bindtouchmove="handletouchmove" bindtouche...

2020-05-27

61浏览

0评论

微信小程序实现页面跳转传值的方法

微信小程序实现页面跳转传值的方法比如从index。wxml跳转到aaa.wxmlindex.wml<navigator url="../aaa/aaa?id=1" > </navigator>传到aaa。wxml的时候传过去的值为id=1，则...

2020-05-27

43浏览

0评论

一个简易时钟效果js实现代码

本文实例为大家分享了js时钟特效的具体代码，供大家参考，具体内容如下js代码var canvas = document.getElementById("clock");var clock = canvas.getContext("2d"); function...

2020-05-27

43浏览

0评论

vue2.x select2 指令封装详解

本文介绍了vue2.x select2 指令封装，分享给大家，具体如下：其他的就不说了，说说封装过程的问题吧1、vue不同版本指令接受参数不一样2、酱油君对于vue2.x双向绑定的机制不了解（有大...

2020-05-27

51浏览

0评论

vue2组件之select2调用的示例代码

目前，项目中使用了纯前端的静态项目+RESTFul接口的模式。为了更好的对数据进行操作，前端使用了vue2的mvvm功能，但是由于不是单页面应用，所以，并没有涉及到其它的如vue-route等功...

2020-05-27

41浏览

0评论

jq源码解析之绑在$,jQuery上面的方法(实例讲解)

1.当我们用$符号直接调用的方法。在jQuery内部是如何封装的呢？有没有好奇心？// jQuery.extend 的方法是绑定在 $ 上面的。jQuery.extend( { //expando 用于决定当前页面的唯...

2020-05-27

39浏览

0评论

解决ie img标签内存泄漏的问题

代码：<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IMG元素内存泄露测试</title> <script type="text/javascript" src="jq...

2020-05-27

45浏览

0评论

捕获未处理的Promise错误方法

为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。使用Promise编写异步代码时，使用reject来处理错误。有时，开发者...

2020-05-27

47浏览

0评论

Angular.js通过自定义指令directive实现滑块滑动效果

前言最近因为工作需要让我一个效果实现在页面某一部分内滑块随着滚动条上下滑动，说明一下我们项目使用技术angularJs.大家都知道，使用jquery很好实现。那么angular如何实现呢，...

2020-05-27

54浏览

0评论

ReactJS实现表单的单选多选和反选的示例

本文介绍了ReactJS实现表单的单选多选和反选的示例，分享给大家，希望对大家有所帮助。
需求是对列表实现单选，反选和多选，全部清除的操作...... this.state = { //初始化空数...

2020-05-27

46浏览

0评论

React Native中TabBarIOS的简单使用方法示例

前言大家应该都知道，TabBarIOS是RN中自带的组件,可直接使用,不用引用第三方组件,下面讲解TabBarIOS的使用方法，话不多说了，来一起看看详细的介绍吧。
首先看一下效果图,如下图...

2020-05-27

75浏览

0评论

React Native中Navigator的使用方法示例

前言众所周知在React Native中如何实现页面的跳转,这是一个突破点也是一个难点,想让我们的页面切换起来动起来应该是每一个初学者所追求的,那么在RN中实现这样的功能那必须...

2020-05-27

40浏览

0评论

AngualrJs清除定时器遇到的坑

angualrJs清除定时器爬坑之路：今天发现一个奇怪问题，放在自定义指令里边的定时器竟然在页面跳转之后，在另一个页面这个循环定时器还在执行，这肯定是不行的，会影响系统的性能。我...

2020-05-27

47浏览

0评论

JavaScript实现随机数生成器（去重）

本文实例为大家分享了js实现随机数生成器的具体代码，供大家参考，具体内容如下1.实验前准备：Math函数的理解数组方法的理解2.实验操作:<!DOCTYPE html> <html lang="en"> <head>...

2020-05-27

70浏览

0评论

vue中axios处理http发送请求的示例（Post和get）

本文介绍了vue中axios处理http发送请求的示例（Post和get），分享给大家，具体如下：axios中文文档　　https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded...

2020-05-27

66浏览

0评论

seaJs使用心得之exports与module.exports的区别实例分析

本文实例讲述了seaJs使用心得之exports与module.exports的区别。分享给大家供大家参考，具体如下：1. exports 是 module.exports 的辅助对象，exports对外提供api 时需要用retur...

2020-05-27

44浏览

0评论

vue中遇到的坑之变化检测问题（数组相关）

最近在项目中遇到了一个问题，不知道为什么，所以最后通过动手做demo实践、查文档的方式解决了，这里做一个总结。例1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27

45浏览

0评论

原生JS上传大文件显示进度条 php上传文件代码

JS原生上传大文件显示进度条，php上传文件，供大家参考，具体内容如下在php.ini修改需要的大小：upload_max_filesize = 8M
post_max_size = 10M
memory_limit = 20M <!DOCT...

2020-05-27

55浏览

0评论

详解如何去除vue项目中的#——History模式

使用vue-cli搭建的环境，在配置好路由之后，可以看到下面的情况：但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？所以就去Stack Overflow上搜索了，果然还有~ 看来Stack...

2020-05-27

59浏览

0评论

layui中layer前端组件实现图片显示功能的方法分析

本文实例讲述了layer前端组件实现图片显示功能的方法。分享给大家供大家参考，具体如下：实现图片显示功能：layer1.在这里介绍一种layer前端组件layer是一款口碑极佳的web弹层组...

2020-05-27

43浏览

0评论

javascript基于定时器实现进度条功能实例

本文实例讲述了javascript基于定时器实现进度条功能。分享给大家供大家参考，具体如下：Javascript 中的定时器window度一线下面的方法 window.setInterval() 启动定时器1.setIn...

2020-05-27

59浏览

0评论

JS实现的简单表单验证功能示例

本文实例讲述了JS实现的简单表单验证功能。分享给大家供大家参考，具体如下：源代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...

2020-05-27

60浏览

0评论

vue router demo详解

本文实例为大家分享了vue router demo代码，供大家参考，具体内容如下
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title> vue route demo</title></h...

2020-05-27

54浏览

0评论

薪资那么高的Web前端必看书单

JavaScript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过在线教程学习一些基本语法和定义。
最重要的是你必须要看书，然后实践。相关...

2020-05-27

56浏览

0评论

浅谈vue路径优化之resolve

通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。1. resolve.extensions 在webpack.base.conf.js中，我们可以看到resolve配...

2020-05-27

54浏览

0评论

jQuery基于cookie实现换肤功能实例

本文实例讲述了jQuery基于cookie实现换肤功能。分享给大家供大家参考，具体如下：换肤，在你使用QQ、浏览器、酷狗等软件时，总是能看到这两个字(也有叫皮肤)。不过换肤的确能解决很...

2020-05-27

热门文章