JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

40浏览

0评论

Nodejs调用WebService的示例代码

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

164浏览

0评论

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

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

2020-05-27

48浏览

0评论

js仿微信抢红包功能

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

58浏览

0评论

JavaScript数组的5种迭代方法

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

2020-05-27

60浏览

0评论

vue-cli的eslint相关用法

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

58浏览

0评论

javascript 缓冲运动框架的实现

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

32浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

51浏览

0评论

vue按需引入element Transfer 穿梭框

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

83浏览

0评论

详解在Vue中有条件地使用CSS类

很多时候Web在运行时要更改元素的CSS类名。但是在改变类名时，有时最好是有条件地应用样式。例如你有一个翻页的效果。翻页效果通常有一个高亮的效果，用于向用户显示当前页，这对...

2020-05-27

38浏览

0评论

react-native中ListView组件点击跳转的方法示例

前言在上一篇我们实现了NavigatorIOS与ListView结合使用的方法，那么这篇文章介绍一下ListView里点击跳转到新视图的方法，话不多说了，来一起看看详细的介绍吧。先看效果用法
N...

2020-05-27

69浏览

0评论

node通过express搭建自己的服务器

前言为了模拟项目上线，我们就需要一个服务器去提供API给我们调用数据。这次我采用express框架去写API接口。所有请求都是通过ajax请求去请求服务器来返回数据。第一次用node...

2020-05-27

69浏览

0评论

js实现数组和对象的深浅拷贝

前提：原始数据类型和对象类型赋值时的差异JavaScript的数据类型分为原始数据类型和对象类型。二者在内存中存放的方式不同，导致了其赋值时差异。分别举个栗子var x = 1; var y...

2020-05-27

52浏览

0评论

nodejs 图片预览和上传的示例代码

本文介绍了nodejs 图片预览和上传的示例代码，分享给大家，具体如下：效果如下：前言一般在上传图片之前需要暂存在本地预览一下。
前端图片预览用的是 FileReader的readAsDataURL方...

2020-05-27

54浏览

0评论

微信小程序富文本渲染引擎的详解

微信小程序富文本渲染引擎的详解步骤把 wxParser 目录放到小程序项目的根目录下在需要富文本解析的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser....

2020-05-27

59浏览

0评论

jqgrid实现简单的单行编辑功能

本文实例为大家分享了jqgrid实现简单的单行编辑功能的具体代码，供大家参考，具体内容如下1.html代码<table id="tableList" style="text-align:center;"></table><div id=table...

2020-05-27

79浏览

0评论

Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例

access_token微信文档里存在两种access_token：普通 access_token 和网页授权 access_token。具体区别参考：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp142...

2020-05-27

53浏览

0评论

JS动态添加的div点击跳转到另一页面实现代码

div调用函数跳转：var obj = document.getElementById('id');obj.onclick=function(){ window.location.href="跳转的地址" rel="external nofollow" ; }源文件：<!DOC...

2020-05-27

41浏览

0评论

React实践之Tree组件的使用方法

本文介绍了React实践之Tree组件，分享给大家，具体如下：
实现功能渲染数据展开合并使用数据结构：const node = { title: '00000', key: '0' , level:'level1', open: true, c...

2020-05-27

46浏览

0评论

js实现轮播图的两种方式(构造函数、面向对象)

本文实例为大家分享了js实现轮播图的具体代码，供大家参考，具体内容如下1、构造函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type='t...

2020-05-27

52浏览

0评论

Easy UI动态树点击文字实现展开关闭功能

只需要在JSP处，点击树的函数中，添加一段代码即可：整体如下：<span style="white-space:pre"> </span>$("#tt").tree({ onClick: function(node){ if(node.url != null)...

2020-05-27

44浏览

0评论

vuejs使用递归组件实现树形目录的方法

上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！首先实现效果如下，觉得菜单还是比较nice的是吧：这边数据调用...

2020-05-27

47浏览

0评论

基于原生js运动方式关键点的总结(推荐)

主要方法：定时器的运用 setInterval(funnction(){},30);
为了避免最后时刻速度即将停止时的误差，可以采用下面的方法：if（iSpeed<1）//速度足够小的时候，让速度直接为0，避免速度的波...

2020-05-27

41浏览

0评论

JS Testing Properties 判断属性是否在对象里的方法

Testing PropertiesTo check whether an object has a property with a given name. You can do this with the in operator, with the hasOwnProperty() and propertyIsEnu...

2020-05-27

59浏览

0评论

原生js封装运动框架的示例讲解

昨天我们说了一下原生JS中常用的兼容性写法，今天我们来说一下运动框架.正常情况下我们要写一个运动的效果会用到tween.js这么一个插件，这个东西不是一般人写出来的，因为里面涉...

2020-05-27

44浏览

0评论

原生JS实现图片无缝滚动方法(附带封装的运动框架)

话说轮播图效果是前端er学习JS的必经之路啊，很多同学写的第一个JS效果应该就是它了，在各大网站我们都会经常见到，但是无缝滚动运动效果的轮播图，对于小白们来说还是有一定难度的...

2020-05-27

热门文章