JavaScript - 教程之家

72浏览

0评论

laydate时间日历插件使用方法详解

本文为大家分享了laydate时间日历插件的使用方法，供大家参考，具体内容如下1、前言在处理页面表单的时候，会遇到日期类型的数据，我们可以通过时间插件的让用户来选择具体的时间，这...

2020-05-27

82浏览

0评论

详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

背景
手机型号：型号：iphone 7 / iphone xs max
版本：ios 10.3.1 / ios 12.1
微信版本：WeChat 6.7.3
问题还原：Vue应用(vue-router)上使用history模式，在某个页面内调用微信JSSDK相...

2020-05-27

63浏览

0评论

vue-cli3全面配置详解

本文介绍了vue-cli3全面配置详解，分享给大家，具体如下：
vue-cli3-config
创建项目
配置环境变量
通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境在项目...

2020-05-27

69浏览

0评论

ES6 fetch函数与后台交互实现

最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询.1.RN官方文档中,可使用...

2020-05-27

63浏览

0评论

element vue Array数组和Map对象的添加与删除操作

使用场景:一个后台系统中, 管理员要配置自定义字段后台要生成id和title,其他角色要使用自定义字段的表单, 添加数据, 但是每个要填写的对象的id 和title都是无法固定的,因此...

2020-05-27

51浏览

0评论

javascript中一些奇葩的日期换算方法总结

前言本文给大家总结了一些关于javascript奇葩的日期换算方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧日期换算1.获取今天的0时0分0秒（常用于开始日期的...

2020-05-27

57浏览

0评论

微信小程序中遇到的iOS兼容性问题小结

前言随着小程序的热度不减，更多的电商大佬来时使用小程序，在微信小程序开发中，经常会遇到一些兼容性的问题，下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性...

2020-05-27

83浏览

0评论

微信小程序购物车、父子组件传值及calc的注意事项总结

前言在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个...

2020-05-27

76浏览

0评论

详解ES6 Fetch API HTTP请求实用指南

本次将介绍如何使用Fetch API（ES6 +）对REST API的 HTTP请求，还有一些示例提供给大家便于大家理解。
注意：所有示例均在带有箭头功能的 ES6中给出。
当前的Web /移动应用程序中的...

2020-05-27

52浏览

0评论

IE8中jQuery.load()加载页面不显示的原因

一、jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据，并把数据放到指定元素中。
•url ：请求服务器的地址
•data ：可选项，请...

2020-05-27

61浏览

0评论

判断iOS、Android以及PC端的示例代码

前言我们在做移动端时，在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整，想起用navigator.userAgent来对浏览器类型进行判断，查了点资料，在这里总结下
还有...

2020-05-27

75浏览

0评论

微信小程序用户位置权限的获取方法（拒绝后提醒）

微信小程序获取用户当前位置有三个方式：1. wx.getLocation（多与wx.openLocation一起用）
　　获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.openLo...

2020-05-27

58浏览

0评论

详解vue数组遍历方法forEach和map的原理解析和实际应用

一、前言
forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。二、代码
1. 相同点都是数组的方法...

2020-05-27

50浏览

0评论

微信小程序页面缩放式侧滑效果的实现代码

先给大家展示下效果图，大家感觉不错，请参考实现代码：实现原理：点击按钮，往需要动画的div中添加或移除拥有动画效果的class。由于微信小程序中不能操作page这个根节点，所以，只有用一...

2020-05-27

52浏览

0评论

微信小程序swiper实现滑动放大缩小效果

效果图如下所示：具体代码如下所示：<swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="0" bindchange="swiperChange"><block wx:for="{{im...

2020-05-27

53浏览

0评论

用图片替换checkbox原始样式并实现同样的功能

1.结构：<div class="box1">　　<input/>　　<div class="box2">　　　　<img />　　</div></div>2.css里：　　1）设置图片的div绝对定位，调整让它与原始input重合。　　2）设置inpu...

2020-05-27

56浏览

0评论

搭建基于express框架运行环境的方法步骤

一.Express简介Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由、响应、cookie...

2020-05-27

62浏览

0评论

微信小程序自定义toast弹窗效果的实现代码

微信小程序里面的自带弹窗icon只有两种，success和loading。有时候用户输入错误的时候想加入一个提醒图标，也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目...

2020-05-27

58浏览

0评论

vue地址栏直接输入路由无效问题的解决

vue 项目只要不是静态页面，一般都会和官方的路由管理器 vue-router 一起使用。最近项目有一个需求，是在地址栏输入路由，跳转到对应路由组件，在开发环境中这样做是可以跳转的，但是...

2020-05-27

56浏览

0评论

在webstorm开发微信小程序之使用阿里自定义字体图标的方法

1.下载阿里图标，解压出来之后有个.css文件　　　　然后复制这css里面的所有代码2.新建一个wxss文件，例如我新建的就是iconfont.wxss，然后把刚才复制的所有代码，复制到这个文件里...

2020-05-27

54浏览

0评论

vue 移动端适配方案详解

一、方法一：rem 布局
在主入口：index.html，<head> 标签内添加如下JS 代码：（实现在标准 375px宽度适配下，100px = 1rem。） <script> (function () { // 在标准 375px 适配下，100px...

2020-05-27

52浏览

0评论

Angular事件之不同组件间传递数据的方法

利用Angular Event在不同组件之间传递数据
为了实现在Angular不同Component之间相互传递数据，可以使用Event分发的思路来实现。
使用事件实现在不同组件之前传递数据的思路如...

2020-05-27

73浏览

0评论

一份超级详细的Vue-cli3.0使用教程【推荐】

主要内容：零配置启动/打包一个 .vue 文件详细的搭建过程重点推荐：使用图形化界面创建/管理/运行项目
安装：卸载旧版本：如果你事先已经全局安装了旧版本的 vue-cli (1.x...

2020-05-27

76浏览

0评论

Vue一个案例引发的递归组件的使用详解

今天我们继续使用 Vue 的撸我们的实战项目，只有在实战中我们才会领悟更多，光纸上谈兵然并卵，继上篇我们的《Vue一个案例引发的动态组件与全局事件绑定总结》之后，今天来聊一聊...

2020-05-27

61浏览

0评论

vue2中引用及使用 better-scroll的方法详解

使用时有三个要点：一：html部分<div class="example" ref="divScroll"> <div> <p>内容1</p> <p>内容2</p> <ul> <li>list1</li> <li>list2</li> <ul>...

2020-05-27

58浏览

0评论

layDate日期控件使用方法详解

本文实例为大家分享了layDate日期控件的使用方法，供大家参考，具体内容如下效果： 1.引入js文件<script src="__PUBLIC__/laydate/laydate.js"></script>2.初始化laydate控件//日...

2020-05-27

80浏览

0评论

vue中使用better-scroll实现滑动效果及注意事项

一、首先需要在项目中引入better-scroll1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准（目前最新）2.cpnm install 在node_modules 可以查看版...

2020-05-27

55浏览

0评论

解决vue2 在mounted函数无法获取prop中的变量问题

如下所示；props: { example: { type: Object, default() { }, },},watch: { example: function(newVal,oldVal){　　 // newVal 为改变后的值 // 继续要处理的事件 },},...

2020-05-27

61浏览

0评论

layDate插件设置开始和结束时间

本文教大家使用了laydate插件设置开始和结束时间，供大家参考，具体内容如下
用的laydate插件是layDate-v5.0.6,是新版本的；效果是选择开始时间，选择结束时间的时候开始时间之前的...

2020-05-27

52浏览

0评论

laydate如何根据开始时间或者结束时间限制范围

本文教大家如何实现laydate根据开始时间或者结束时间限制范围，供大家参考，具体内容如下$(window).load(function(){//初始化时间控件 var cartimeDate = laydate.render({...

2020-05-27

75浏览

0评论

layui-laydate时间日历控件使用方法详解

本文实例为大家分享了laydate时间日历控件的使用方法，供大家参考，具体内容如下layui下载地址：http://www.layui.com/此控件可使用layui或者独立版的layDate，两者初始化有些不同...

2020-05-27

67浏览

0评论

微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件

在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中...

2020-05-27

43浏览

0评论

vue实现简单的星级评分组件源码

vue星级评分组件源码，具体代码如下所示：<template>  <div id="star"> <span v-for="classn in starArrs" :class="classn" class="st...

2020-05-27

65浏览

0评论

微信小程序自定义toast的实现代码

今天写微信小程序突然发现一个尴尬的问题，请求报错需要提示，就去小程序API里找，可悲的小程序的toast并不能满足我的需求，原生提供的方法调用如下wx.showToast({ title: '成功',...

2020-05-27

65浏览

0评论

Vue 全家桶实现移动端酷狗音乐功能

Vue 已经用了不少时间，最近抽空把以前的未完成的酷狗音乐做完了，过来分享下，也可以直接点这里预览，注意切换成手机模式。技术栈： vue-router、eventBus、vuex、vue-awesome-swipe...

2020-05-27

65浏览

0评论

JavaScript实现简单音乐播放器

该篇文章会教你通过JavaScript制作一个简单的音乐播放器。包括播放、暂停、上一曲和下一曲。阅读本文章你需要对HTML、CSS和Javascript有基本的了解。话不多说，先上图。这样...

2020-05-27

44浏览

0评论

js实现搜索栏效果

小编这边主要是介绍一个js中搜索栏的实现（没有提交数据那些），重点在于对焦点问题的理解。那么这边小编就是要实现这样的一个搜索框对焦点的理解：
通俗来讲当我们鼠标单击一个盒...

2020-05-27

52浏览

0评论

js实现简单模态框实例

模态框在网页中很常见就是在当前页面中弹出一个框供与客户交互。类似于这样。首先我们要明白该框工作原理至于怎样与后端进行交互联系这边先不做介绍我们首先是单纯的了解怎...

2020-05-27

55浏览

0评论

Javascript实现秒表倒计时功能

本文实例为大家分享了js实现秒表倒计时的具体代码，供大家参考，具体内容如下效果图：代码：<html><body><span id="clock" style="font-size: 3em">00:30:00:00</span><script type...

2020-05-27

59浏览

0评论

Javascript实现时间倒计时功能

本文实例为大家分享了js实现时间倒计时的具体代码，供大家参考，具体内容如下这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>日...

2020-05-27

58浏览

0评论

javaScript实现游戏倒计时功能

本文实例为大家分享了js实现游戏倒计时的具体代码，供大家参考，具体内容如下
<html> <head> <meta charset="utf-8" /> <title></title> <style> button:hover { curso...

2020-05-27

42浏览

0评论

JS实现倒计时图文效果

本文实例为大家分享了JS实现倒计时图文效果的具体代码，供大家参考，具体内容如下
<body><img src="images/0.png" alt="" id="h1"><img src="images/0.png" alt="" id="h2"><im...

2020-05-27

74浏览

0评论

JavaScript实现新年倒计时效果

本文实例为大家分享了js实现新年倒计时展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=...

2020-05-27

54浏览

0评论

js实现导航跟随效果

本文实例为大家分享了js实现导航跟随效果展示的具体代码，供大家参考，具体内容如下
如何实现上面的效果，请看下面的步骤
第一步：用 css 调整样式，这里...

2020-05-27

60浏览

0评论

JS实现图片切换效果

本文实例为大家分享了JS实现图片切换效果的具体代码，供大家参考，具体内容如下<body> <button id="btn1">ON</button> <button id="btn2">OFF</button><br> <img src="image...

2020-05-27

59浏览

0评论

使用Javascript简单计算器

本文实例为大家分享了js简单计算器的实现代码，供大家参考，具体内容如下
1.html代码
<input type="text" name="" id="txt-num1">//输入第一个数 <select id="dropdown"> <op...

2020-05-27

50浏览

0评论

Javascript实现动态时钟效果

本文实例为大家分享了js实现动态时钟效果的具体代码，供大家参考，具体内容如下1.css代码<style type="text/css"> #box{ width:200px; height:200px; background:pink; mar...

2020-05-27

59浏览

0评论

利用原生的JavaScript实现简单拼图游戏

前言本篇主要讲解，如何利用原生的 JavaScript
来实现一个简单的拼图小游戏。一、游戏的基础逻辑
想用一门语言来开发游戏，必须先了解如何使用这门语言来实现一些基础逻辑，比如...

2020-05-27

61浏览

0评论

为什么说JavaScript预解释是一种毫无节操的机制详析

前言
JavaScript是一门解释型的语言 , 想要运行JavaScript代码需要两个阶段编译阶段: 编译阶段就是我们常说的JavaScript预解释（预处理）阶段，在这个阶段JavaScript解释器将完...

2020-05-27

66浏览

0评论

深入浅析Vue.js 中的 v-for 列表渲染指令

1 基本用法当遍历一个数组或枚举一个对象进行迭代循环展示时，就会用到列表渲染指令 v-for。它的表达式需要结合 in 来使用，类似 item in items 的形式。1.1 遍历数组html：<div...

2020-05-27

热门文章