JavaScript - 教程之家

80浏览

0评论

jQuery取得元素标签名称小结（附代码）

代码如下：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h...

2020-05-27

72浏览

0评论

微信小程序多列选择器range-key使用详解

本文实例为大家分享了微信小程序多列选择器的具体代码，供大家参考，具体内容如下<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="bindM...

2020-05-27

118浏览

0评论

最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

什么是 RegExp？RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。通常用于格式验证、正则替换、查找子串等各种编程语言的正则表达式基本相同，不同的...

QQ

2020-05-27

66浏览

0评论

微信小程序自定义组件

前言
最近接触微信小程序，再次之前公司用的前端框架是vue ，然后对比发现，开发小程序是各种限制，对于开发者非常不友好。各种槽点太多，完全吐槽不过来，所以在此不多说，打算下次专门...

2020-05-27

54浏览

0评论

详解如何使用webpack+es6开发angular1.x

虽然，现在越来越多的人选择使用react、vue以及ng2，但是依然存在相当一部分人在使用angular1.x开发。本文将介绍如何使用webpack+es6+angular1.x+$oclazyLoad实现动态加载。1.w...

2020-05-27

69浏览

0评论

es6+angular1.X+webpack 实现按路由功能打包项目的示例

需求来源
之前使用jspm来打包项目但是有个最大的缺点，就是只能把项目打包成一个大的js,当项目开发到后期会很大，网上找了很久也没找到合理的jspm打包方式。所以开始调研可以...

2020-05-27

104浏览

0评论

前端跨域的几种解决方式总结（推荐）

搞大前端的，肯定都会遇到跨域问题的,虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。同源策略JavaScript 的同源策略，是由Netscap...

2020-05-27

62浏览

0评论

微信小程序实现根据字母选择城市功能

今天开发一个小程序，里面涉及到区域选择，看了网上的一些版本，感觉写的不全，有可能是我的理解能力还不够吧。今天我就结合网上的答案，在根据自己的需求，重新整理一份。希望对大家有...

2020-05-27

99浏览

0评论

微信小程序实现倒计时60s获取验证码

本文实例为大家分享了微信小程序倒计时获取验证码的具体代码，供大家参考，具体内容如下1、工具类（引用微信小程序提供的工具类）countdown.jsclass Countdown {constructor(option...

2020-05-27

82浏览

0评论

微信小程序删除处理详解

没有 confrim 那怎么实现这个效果呢？
可以使用小程序里的模态框
代码：wxml：<a class="reply" wx:if="{{comment.uid==comment.login_uid}}" bindtap="del" data-cid="{{commen...

2020-05-27

76浏览

0评论

微信小程序注册60s倒计时功能使用JS实现注册60s倒计时功能

微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤：1、效果图： 2、页面仅仅利用了JS的相关功能，包含：wxml、js、wxss 2.1wxml页面代码：<text>绑定手机</text><form bindsu...

2020-05-27

110浏览

0评论

jQuery实现全选、反选和不选功能

本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希...

2020-05-27

72浏览

0评论

React Native 集成jpush-react-native的示例代码

jpush-React-native是极光推送官方维护的一个插件，github地址：https://github.com/jpush/jpush-react-native一.手动配置
1.集成插件到项目中npm install jpush-react-native...

2020-05-27

68浏览

0评论

原生JavaScript来实现对dom元素class的操作方法(推荐)

jQuery操作class的方式非常强大写了一个利用原生js来实现对dom元素class的操作方法1.addClass:为指定的dom元素添加样式
2.removeClass:删除指定dom元素的样式
3.toggleClas...

2020-05-27

131浏览

0评论

利用JS制作万年历的方法

我们知道,万年历在人们的生活中是在平常不过的一种东西了,那么怎样用JS来实现在网页中展示一个与众不同万年历呢
1.HTML布局:<div id="calendar"> <div id="month_year">...

2020-05-27

68浏览

0评论

Vue的MVVM实现方法

本文介绍了Vue的MVVM实现方法，分享给大家，具体如下：
1. Object.defineProperty() 定义属性用意：给一个对象定义属性，那个属性原来是不存在的。这是一个初衷，属性是不存在的，需要额...

2020-05-27

54浏览

0评论

vue绑定class与行间样式style详解

一、绑定class属性的方式1、通过数组的方式，为元素绑定多个class<style> .red { color:red; /*color:#ff8800;*/ } .bg { background: #000; /*background: g...

2020-05-27

92浏览

0评论

JavaScript实现简单评论功能

本文实例为大家分享了JavaScript实现简单评论功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/...

2020-05-27

88浏览

0评论

详解JS中的柯里化(currying)

何为Curry化/柯里化？curry化来源与数学家 Haskell Curry的名字（编程语言 Haskell也是以他的名字命名）。柯里化通常也称部分求值，其含义是给函数分步传递参数，每次传递参数后部分...

2020-05-27

72浏览

0评论

jQuery的时间datetime控件在AngularJs中的使用实例(分享)

百度一下，自己也想了一下，有一种简单，无脑的方式分享给你：<input ng-model="start" id="start" placeholder="开始日期" style="width:156px;" class="form-control date-picker...

2020-05-27

60浏览

0评论

JS 中LocalStorage和SessionStorage的使用

最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验1.调用方法相同各自都包含以下几种操作://根据key获取对应的值;window.sessionStora...

2020-05-27

229浏览

0评论

在 Angular 中使用Chart.js 和 ng2-charts的示例代码

Chart.js是一个流行的JavaScript图表库，ng2图表是Angular 2+的包装器，可以轻松地将Chart.js集成到Angular中。我们来看看基本用法。安装首先，在项目中安装 Chart.js 和 ng2-ch...

2020-05-27

73浏览

0评论

JavaScript中一些特殊的字符运算

1.什么是 --> ？这两个分开是很简单的两个运算符，比如--，一般表示自减，var i = 5;while(i){console.log(i--);}，会打印出5,4,3,2,1；那么这两个结合起来呢？在c中 -->表示的...

2020-05-27

54浏览

0评论

js实现方块上下左右移动效果

本文实例为大家分享了js实现方块移动的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style ty...

2020-05-27

60浏览

0评论

Canvas放置反弹效果随机图形(实例)

Canvas放置反弹效果随机图形(实例)var raf; var arror = []; var running = false; //绘制圆形 function createBall() { return { x: 0, y: 0, vx:...

2020-05-27

76浏览

0评论

Angular使用 ng-img-max 调整浏览器中的图片的示例代码

你想在Angular应用程序中进行图片上传，是否想在图片上传之前在前端限制上传图片的尺寸？ng2-img-max模块正是你所要的! ng2-img-max模块会使用web sorkers 进行图片大小的计算，...

2020-05-27

117浏览

0评论

js编写简单的聊天室功能

这个聊天室写的特别简易，比较适合刚开始学习js的同学借鉴，当然，写的不好，也希望诸位大神可以进行批评改正。
聊天室要求：1.不能发空消息
2.敏感字***显示
3.图片替换开心，尴尬
4...

2020-05-27

63浏览

0评论

浅谈JS中的反柯里化( uncurrying)

反柯里化
相反，反柯里化的作用在与扩大函数的适用性，使本来作为特定对象所拥有的功能的函数可以被任意对象所用.
即把如下给定的函数签名，obj.func(arg1, arg2)转化成一个函数...

2020-05-27

79浏览

0评论

如何理解Vue的.sync修饰符的使用

本文介绍了Vue的.sync修饰符的使用，分享给大家，也给自己留个笔记
案例<div id="app"> <div>{{bar}}</div> <my-comp :foo.sync="bar"></my-comp> <!-- <my-comp :foo="bar"...

2020-05-27

75浏览

0评论

使用jquery的jsonp如何发起跨域请求及其原理详解

前言本文主要给大家介绍的是关于jquery jsonp发起跨域请求及其原理的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：跨域的安全限制都是对浏览器端来说...

2020-05-27

79浏览

0评论

简单快速的实现js计算器功能

在js的全局方法中有一个eval()方法，由于平时不怎么用，所以到关键时候就没想起来它想写一个简易的计算器，本来以为要不了多久就能写出来的，谁知道愣是花费了我近两个小时的时间来...

2020-05-27

77浏览

0评论

浅谈Vuejs Prop基本用法

这两天学习了Vuejs Prop感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。一、使用Prop传递数据组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模...

2020-05-27

78浏览

0评论

js实现随机点名小功能

本文实例为大家分享了js实现随机点名功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>...

2020-05-27

75浏览

0评论

vue组件Prop传递数据的实现示例

组件实例的作用域是孤立的。这意味着不能(也不应该)在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的props选项。prop 是单向绑定的...

2020-05-27

93浏览

0评论

你可能不知道的JSON.stringify()详解

前言JSON已经逐渐替代XML被全世界的开发者广泛使用。本文深入讲解JavaScript中使用JSON.stringify的一些细节问题。首先简单回顾一下JSON和JavaScript：不是所有的合法的JSO...

2020-05-27

102浏览

0评论

简单实现js进度条加载效果

本文实例为大家分享了js进度条加载效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>下载进度</title><style>/*...

2020-05-27

56浏览

0评论

Javascript中的getter和setter初识

前言本文主要给大家介绍的关于Javascript中getter和setter的相关内容，第一次听说这个东西的时候是vue.js里面的数据绑定，只要绑定了数据，修改对象属性可以自动反馈到dom上，很神...

2020-05-27

64浏览

0评论

AngularJS通过ng-Img-Crop实现头像截取的示例

最近闲着无聊，写了一个实用代码，AngularJS通过ng-Img-Crop实现头像截取，分享给大家1.安装插件bower install ngImgCrop2.引入插件<script src="ng-img-crop.js"></script><link...

2020-05-27

55浏览

0评论

史上最全JavaScript数组去重的十种方法（推荐）

一、前言：我们在实际工作中，或者在面试找工作时，都会用到或者被问到一个问题，那就是“数组如何去重”。是的，这个问题有很多种解决方案，看看下面的十种方式吧！二、数组去重方式大汇...

2020-05-27

85浏览

0评论

微信小程序中使用Promise进行异步流程处理的实例详解

微信小程序中使用Promise进行异步流程处理的实例详解我们知道，JavaScript是单进程执行的，同步操作会对程序的执行进行阻塞处理。比如在浏览器页面程序中，如果一段同步的代码需...

2020-05-27

69浏览

0评论

微信小程序引用公共js里的方法的实例详解

微信小程序引用公共js里的方法的实例详解一个小程序页面由四个文件组成，一个小程序页面的四个文件具有相同路径与文件名，由此我们可知一个小程序页面对应着一个跟页面同名的js...

2020-05-27

72浏览

0评论

javascript 日期相减-在线教程(附代码)

代码如下：<SCRIPT LANGUAGE="JavaScript"> <!-- //说明:这里用了Math.ceil()函数,向上取整,即零头算一天,^_^ var strDate1 = "2003-06-17 03:03:40.0"; var strDate2 = "200...

2020-05-27

97浏览

0评论

node.js+captchapng+jsonwebtoken实现登录验证示例

提到登录验证，大家肯定能想到的就是12306的验证码了吧。12306为了防止刷票，可以说是煞费苦心，验证码也越来越难识别，最终即使是人也可能识别不了了。
今天，小编就给大家说一下nod...

2020-05-27

72浏览

0评论

js实现简易聊天对话框

本文实例为大家分享了js实现简易聊天对话框的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="utf-8" /><title>聊天对话框</title><style type=...

2020-05-27

87浏览

0评论

Angularjs单选框相关的示例代码

本文介绍了Angularjs单选框相关的示例代码，分享给大家。具体如下：使用angular1.6.5
1.ng 获取ng-repeat遍历出来的radio的value1）普通形式（不使用ng-repeat）可以正常显示
<inpu...

2020-05-27

65浏览

0评论

vue中appear的用法

关于appear的用法和enter的用法相似，它只是在第一次渲染的时候才会起作用。看完整的代码：别忘了引用vue.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2020-05-27

72浏览

0评论

jQuery条件分页代替离线查询（附代码）

import javax.persistence.criteria.CriteriaBuilder;import javax.persistence.criteria.CriteriaQuery;import javax.persistence.criteria.Join;import javax.persistenc...

2020-05-27

94浏览

0评论

jQuery Layer弹出层传值到父页面的实现代码

目前做的项目中用到layer弹层传值，弹层输入框输入文本，点击确定按钮，父页面的树结构，会自动添加分组。在此粘贴下代码，以后遇到，方便回忆，如有疑问请留言，或许会为您解答$(document)...

2020-05-27

94浏览

0评论

Angular实现图片裁剪工具ngImgCrop实践

ngImgCrop是AngularJS的一个图片裁剪插件，它实际上是一个封装好的AngularJs指令，可以让用户以圆框或者方框来裁剪图片1、使用效果截图 2、demo演示demo演示地址 http://jsfi...

2020-05-27

97浏览

0评论

微信小程序滚动Tab实现左右可滑动切换

微信小程序滚动Tab实现左右可滑动切换效果：最终效果如上。问题：
1、tab标题总共8个，所以一屏无法全部显示。
2、tab内容区左右滑动切换时，tab标题随即做标记（active）。
3、当a...

2020-05-27

热门文章