JavaScript - 教程之家

334浏览

0评论

详解Vuex中mapState的具体用法

今天使用Vuex的时候遇到一个坑，也可以说是自己的无知吧，折腾了好久，终于发现自己代码的错误了。真是天雷滚滚~~~~~~index.jsimport Vue from 'vue'import Vuex from 'vuex'impo...

2020-05-27

59浏览

0评论

微信小程序下拉刷新界面的实现

微信小程序下拉刷新界面的实现利用onPullDownRefresh函数设置下拉刷新功能
一、在app.json中，将window选项中的enablePullDownRefresh设为true
"window":{ "enablePullDow...

2020-05-27

69浏览

0评论

js 开发之autocomplete="off"在chrom中失效的解决办法

js 开发之autocomplete="off"在chrom中失效的解决办法问题：在表单的输入框中，有时候我们并不希望点击输入框时，会出现提示信息。这时，在输入框中添加属性:autocomplete="off”，一...

2020-05-27

77浏览

0评论

JavaScript中重名的函数与对象示例详析

前言本文主要给大家介绍了关于JavaScript中重名的函数与对象的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。JavaScript 允许重复声明变量，后声明...

2020-05-27

47浏览

0评论

javascript 开发之网页兼容各种浏览器

javascript 开发之网页兼容各种浏览器前言：关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有...

2020-05-27

79浏览

0评论

基于JavaScript实现前端数据多条件筛选功能

有时候也会需要在前端进行数据筛选，增强交互体验。当数据可用的筛选条件较多时，把逻辑写死会给后期维护带来很大麻烦。下面是我自己写的一个简单的筛选器，筛选条件可以根据数据...

2020-05-27

65浏览

0评论

js实现登录注册框手机号和验证码校验（前端部分）

开发的很多场景中都会用到手机号的校验和验证码的校验，具体实现如下<div> <input type="text" name="phonenumber" placeholder="请输入您的手机号码" /> <input type="text"...

2020-05-27

61浏览

0评论

Angular.js中window.onload(),$(document).ready()的写法浅析

一,问题发现:最近公司有个微信公众号项目,为了方便直接使用anular.js+ionic进行开发,里面有使用到echarts图表,具体开发中发现echarts在初始化绑定图表的DOM节点时,一直提示...

2020-05-27

54浏览

0评论

jQuery选择器之属性过滤选择器详解

本文实例为大家分享了jQuery属性过滤选择器的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">...

2020-05-27

61浏览

0评论

微信禁止下拉查看URL的处理方法

场景：微信下拉时可以查看到URL，本身是微信的一种安全策略之一，也是一种用户交互友好的体验；效果原理：微信下拉弹性效果其实是浏览器本身的一种特性，重点就是scroll值的一种体现；处...

2020-05-27

68浏览

0评论

jQuery选择器之子元素过滤选择器

本文实例为大家分享了jQuery子元素过滤选择器的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">...

2020-05-27

85浏览

0评论

Grunt针对静态文件的压缩,版本控制打包的实例讲解

在讲之前先谈谈大致步骤：安装nodejs -> 全局安装grunt -> 项目创建package.json --> 项目安装grunt以及grunt插件 -> 配置Gruntfile.js -> 运行任务1.安装Node我们开始之前需...

2020-05-27

68浏览

0评论

IntersectionObserver实现图片懒加载的示例

API：https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API直接上源码：<!DOCTYPE html><html> <header> <style> .list-item{ height...

2020-05-27

55浏览

0评论

vue axios同步请求解决方案

在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求解决方案目前没有发现axios可以同步请求，所以只能使用jQue...

2020-05-27

60浏览

0评论

jquery鼠标悬停导航下划线滑出效果

本文实例为大家分享了jquery鼠标悬停导航下划线滑出效果的具体代码，供大家参考，具体内容如下<!doctype html><html><head><meta charset="utf-8"><title>jquery鼠标悬停导航下...

2020-05-27

39浏览

0评论

Nodejs+angularjs结合multiparty实现多图片上传的示例代码

这次我们说一下nodejs+angularjs多图片上传的问题
此前也在网站看了很多篇文章，有关的内容说多不多，说少也不少，但我一一试过以后有成功的，也有没有成功的，折磨了我很长时间，最终...

2020-05-27

43浏览

0评论

实现一个完整的Node.js RESTful API的示例

前言这篇文章算是对Building APIs with Node.js这本书的一个总结。用Node.js写接口对我来说是很有用的，比如在项目初始阶段，可以快速的模拟网络请求。正因为它用js写的，跟iOS直...

2020-05-27

62浏览

0评论

详解用Node.js实现Restful风格webservice

Restful风格的WebService正在渐渐取代传统的SOAP, Java 也有很多Restful的框架，很方便简洁，Jersey，restlet，甚至SpringMVC也可以，不得不说Rest让人从Web转型到WebService更容易和...

2020-05-27

81浏览

0评论

bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据

本文实例为大家分享了bootstrap table展开或关闭当前行数据的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>expandRow-collapseRow</title> <meta ch...

2020-05-27

52浏览

0评论

Nodejs调用WebService的示例代码

这两天一直在试着编写纯静态页面的js去调用由Java编写的WebService，一直无法成功（主要工期比较赶，待后面比较闲的时候再来研究，看能不能写一个纯静态页面的js去调用WebService的...

2020-05-27

53浏览

0评论

JS设计模式之惰性模式（二）

惰性模式：减少代码每次执行时的重复性判断，通过重新定义对象来避免原对象中的分支判断，提高网站性能。例如针对不同浏览器的事件注册方法：var AddEvent = function(dom, type, f...

2020-05-27

53浏览

0评论

微信小程序的日期选择器的实例详解

微信小程序的日期选择器的实例详解前言：关于微信小程序中的日期选择器大家用过都会发现有个很大的问题，就是在2月的时候会有31天，没有进行对闰年的判断等各种情况。看了官方文...

2020-05-27

57浏览

0评论

JS设计模式之单例模式（一）

命名空间
单例模式是JavaScript中最常见的一种模式，通过这种模式可以为我们提供一个命名空间，例如jQuery库的命名空间为jQuery或$。命名空间的使用是为了让代码更加整洁，在多人...

2020-05-27

94浏览

0评论

vue生成随机验证码的示例代码

本文介绍了vue生成随机验证码的示例代码，分享给大家，具体如下：样式自调，最终效果如图：实现效果：
点击右边input框会自动切换，如果输入的值与字不同，则清空换一串随机数HTML<input ty...

2020-05-27

63浏览

0评论

微信小程序中setInterval的使用方法

微信小程序中setInterval的使用方法看了下小程序的画布功能，简单的使用了一下，用蹩脚的逻辑做了个 “弹啊弹，弹走鱼尾纹的小球”，一起来看下吧。过程不重要主要是画布的使用哦。...

2020-05-27

66浏览

0评论

微信小程序getPhoneNumber获取用户手机号

微信小程序getPhoneNumber获取用户手机号小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1....

2020-05-27

65浏览

0评论

微信小程序之数据缓存的实例详解

微信小程序之数据缓存的实例详解前言：在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。于是，H5增加了新的缓存机制，即localstorage 和 sessionstorage，具体的介绍就不在...

2020-05-27

49浏览

0评论

微信小程序 POST请求的实例详解

微信小程序 POST请求的实例详解在微信小程序里post请求和get情求，写法差不多，但是还是有一点点不同的，下面利用post请求做一个查询天气的微信小程序demo。页面代码：<view> {{ti...

2020-05-27

183浏览

0评论

给vue项目添加ESLint的详细步骤

eslint配置方式有两种：
1.注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里
2.配置文件：使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置...

2020-05-27

54浏览

0评论

js仿微信抢红包功能

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>仿微信抢红包</title>...

2020-05-27

44浏览

0评论

微信小程序之GET请求的实例详解

微信小程序之GET请求的实例详解学习前端的人应该都会使用ajax的get请求数据，那么在微信小程序里怎样实现get请求呢？下面我就给大家演示一下简单的get请求。先上代码：//index.js...

2020-05-27

67浏览

0评论

JavaScript数组的5种迭代方法

ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和（可选的）运行该函数的作用域对象--影响this的值。//其中（可选的）这个参数暂时未遇到过。其中，函...

2020-05-27

69浏览

0评论

vue-cli的eslint相关用法

ESLint简介关于ESLint的介绍网上很多，这里就简单说些有用的。
ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同，所以统一代码风格在团队协...

2020-05-27

71浏览

0评论

微信小程序之选项卡的实现方法

微信小程序之选项卡的实现方法前言：从事前端的同学们一定不会对选项卡陌生，不管是自己原生写的，还是各个UI框架里带的，我想大家都使用过很多选项卡，对选项卡的原理也足够清楚了，...

2020-05-27

76浏览

0评论

微信小程序之页面跳转和参数传递的实现

微信小程序之页面跳转和参数传递的实现前言：在微信小程序里面的跳转其实和html里的超链接a差不多，我们实现跳转可以通过标签实现，也可以通过js实现，下面一一演示给大家看一下。...

2020-05-27

57浏览

0评论

详解让sublime text3支持Vue语法高亮显示的示例

让sublime text3支持Vue语法高亮显示1.准备语法高亮插件vue-syntax-highlight。下载地址：https://github.com/vuejs/vue-syntax-highlight下载页面并下载：解开压缩包vue-synta...

2020-05-27

63浏览

0评论

使用cropper.js裁剪头像的实例代码

最近项目需要头像裁剪的功能，在网上找了一下，发现了github上的cropper项目还不错，借鉴了一下。。用起来挺简单的，下面是我做的一个小例子：开始先放个成品图：下面给出前后端的代码...

2020-05-27

71浏览

0评论

javascript 缓冲运动框架的实现

javascript 缓冲运动框架的实现框架的使用，大大的提高了我们的编码的效率，下面分享一个缓冲运动框架。实例代码：/** * Created by wang on 2016/8/3. *///获取非行间样式和行间...

2020-05-27

60浏览

0评论

Angular表格神器ui-grid应用详解

本文实例为大家分享了Angular表格神器ui-grid的具体代码，供大家参考，具体内容如下HTML: （代码仅用于解释得更清楚，并未完全展示）<!doctype html><html ng-app="app"> <head> <s...

2020-05-27

67浏览

0评论

H5实现仿flash效果的实现代码

H5实现仿flash效果的实现代码随着H5的火热，flash即将被H5所代替，如何利用H5实现flash的效果呢？我做了一个简单的小东西分享给大家。html和js部分：<!DOCTYPE html><html lang="en...

2020-05-27

86浏览

0评论

iframe高度自适应及隐藏滚动条的实例详解

iframe高度自适应及隐藏滚动条的实例详解在工作中，我们可能会遇到自己公司和其他的公司达成合作关系，从而共同开发某个项目。而这时候，我们可能就需要在自己的网站上嵌入别人做...

2020-05-27

60浏览

0评论

jquery之基本选择器practice(实例讲解)

一、在输入框中输入数字，点击按钮，实现对应事件的功能。html代码：<input id="txt1" type="text" value="2" /><input id="Button5" type="button" value="改变大于N的行背景为...

2020-05-27

65浏览

0评论

浅谈react-native热更新react-native-pushy集成遇到的问题

主要步骤按官方文档实现，这里只记录遇到的一些小坑官方文档run-android时NDK报错前提是NDK已安装并且环境变量已设置根据报错提示在android/local.properties文件里加入ndk.d...

2020-05-27

61浏览

0评论

iview给radio按钮组件加点击事件的实例

如下所示：<RadioGroup v-model="formValidate.phone"> <Radio label="phone">商家电话</Radio> <Radio label="leaderPhone">负责人电话</Radio>...

2020-05-27

68浏览

0评论

浅谈vue的iview列表table render函数设置DOM属性值的方法

如下所示：{ title: '负责人社保照片', key: 'leaderIdNumber', render: (h, params) => { return h('img',{domProps:{ src:params.row.leaderI...

2020-05-27

38浏览

0评论

JS设计模式之数据访问对象模式的实例讲解

引言HTML5 提供了两种在客户端存储数据的新方法：localStorage、sessionStorage，他们是Web Storage API 提供的两种存储机制，区别在于前者属于永久性存储，而后者是局限于当前窗口...

2020-05-27

85浏览

0评论

jQuery完成表单验证的实例代码(纯代码)

废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!doctype html> <head> <meta charset=utf-8" /> <title>表单验证</title> <link href="css/style1.css" rel="external...

2020-05-27

48浏览

0评论

vue获取DOM元素并设置属性的两种实现方法

这里我想到了2个方法：方法一：直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this....

2020-05-27

66浏览

0评论

vue按需引入element Transfer 穿梭框

Transfer 穿梭框按需引入Transfer编辑main.jsimport { ... Transfer} from 'element-ui';const components = [ ... Transfer];components.map(component => { Vue.componen...

2020-05-27

63浏览

0评论

react-native组件中NavigatorIOS和ListView结合使用的方法

前言本文主要给大家介绍了关于react-native组件中NavigatorIOS和ListView结合使用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。先看效果使用方...

2020-05-27

热门文章