JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

46浏览

0评论

vue 移动端适配方案详解

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

53浏览

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

48浏览

0评论

layDate日期控件使用方法详解

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

57浏览

0评论

JavaScript实现简单音乐播放器

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

2020-05-27

40浏览

0评论

js实现搜索栏效果

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

2020-05-27

40浏览

0评论

js实现简单模态框实例

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

2020-05-27

49浏览

0评论

Javascript实现秒表倒计时功能

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

2020-05-27

50浏览

0评论

Javascript实现时间倒计时功能

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

2020-05-27

52浏览

0评论

javaScript实现游戏倒计时功能

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

2020-05-27

34浏览

0评论

JS实现倒计时图文效果

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

2020-05-27

61浏览

0评论

JavaScript实现新年倒计时效果

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

2020-05-27

40浏览

0评论

js实现导航跟随效果

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

2020-05-27

43浏览

0评论

JS实现图片切换效果

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

2020-05-27

50浏览

0评论

使用Javascript简单计算器

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

2020-05-27

40浏览

0评论

Javascript实现动态时钟效果

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

49浏览

0评论

Vue.js 中的 v-show 指令及用法详解

1 用法v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。html：<div id="app"> <p v-show="type==='科技'">大数据之下的锦鲤：为什么你的微博总抽不到奖<...

2020-05-27

51浏览

0评论

浅析Vue.js 中的条件渲染指令

1 应用于单个元素Vue.js 中的条件渲染指令可以根据表达式的值，来决定在 DOM 中是渲染还是销毁元素或组件。html：<div id="app"> <p v-if="type===1">拌面</p> <p v-else-if="t...

2020-05-27

40浏览

0评论

Vue.js 中的 v-cloak 指令及使用详解

先来看下vue.js 中的v-cloak 指令可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue...

2020-05-27

299浏览

0评论

Vue.js 使用v-cloak后仍显示变量的解决方法

Vue.js 使用v-cloak后仍显示变量的解决方法v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的，但有时候添加了这个指令仍会显示变量，这是怎么回事呢？。v-cloak...

2020-05-27

54浏览

0评论

微信小程序自定义弹窗wcPop插件

微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改...

2020-05-27

46浏览

0评论

JS监听事件的叠加和移除功能

html DOM元素有很多on开头的监听事件，如onload、onclick等，见DOM事件列表。但是同一种事件，后面注册的会覆盖前面的：window.onresize = function(){ alert(1);}window.onresize...

2020-05-27

48浏览

0评论

vue中的适配px2rem示例代码

前言做移动端时，适配是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。
px2rem 地址：https://www.npmjs.com/package/px2rem...

2020-05-27

40浏览

0评论

JS滚轮控制图片缩放大小和拖动的实例代码

具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: m...

2020-05-27

41浏览

0评论

一步步教你利用Docker设置Node.js

前言docker是一个开源的应用容器引擎，可以为我们提供安全、可移植、可重复的自动化部署的方式。docker采用虚拟化的技术来虚拟化出应用程序的运行环境。如上图一样。docker就...

2020-05-27

51浏览

0评论

jQuery 同时获取多个标签的指定内容并储存为数组

在网页开发中经常会碰到获取同种类型的标签的值得问题,比如下面的两种情况.
当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦.比如 id=problem1的demovar list1...

2020-05-27

57浏览

0评论

element vue validate验证名称重复输入框与后台重复验证特殊字符字符长度及注意事项小结【实例代码】

具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/l...

2020-05-27

34浏览

0评论

详解Vue.js在页面加载时执行某个方法

jQuery中可以这样写vue中，如果要达到相同效果，可以使用vue的生命周期函数，如create或者mounted
附上vue.js的生命周期函数执行流程总结以上所述是小编给大家介绍的Vue.js在页面...

2020-05-27

41浏览

0评论

vue directive定义全局和局部指令及指令简写

directive定义全局和局部指令以及指令简写1.使用Vue.directive()定义一个全局指令 Vue.directive('指令名称',{对象})
2.参数一：指令的名称，定义时指令前面不需要写v-
3.参...

2020-05-27

40浏览

0评论

Vue.js 中 axios 跨域访问错误问题及解决方法

1、假如访问的接口地址为 http://www.test.com/apis/index.php （php api 接口）2、而开发地址为http://127.0.0.1:8080,当axios发起请求时，出现如下错误：Failed to load http://...

2020-05-27

40浏览

0评论

jQuery实现上下滚动公告栏详细代码

之前做项目的时候，一直都想着做一个上下滚动的公告栏，作为展示网站的最新公告信息，因为刚开始自己的思路并不是太清晰，在网上找了很多的源码，但是却发现都不能让自己满意，有的还会...

2020-05-27

45浏览

0评论

详解ES6系列之私有变量的实现

前言
在阅读《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。1. 约定
实现
class Example { constructor() { this._private = 'private';...

2020-05-27

67浏览

0评论

Angular刷新当前页面的实现方法

onSameUrlNavigation
从angular5.1起提供onSameUrlNavigation来支持路由重新加载。有两个值'reload'和'ignore'。默认为'ignore'定义当路由器收到一个导航到当前 URL 的请求...

2020-05-27

热门文章