layDate日期控件使用方法详解
本文实例为大家分享了layDate日期控件的使用方法，供大家参考，具体内容如下效果： 1.引入js文件<script src="__PUBLIC__/laydate/laydate.js"></script>2.初始化laydate控件//日...
2020-05-27
vue中使用better-scroll实现滑动效果及注意事项
一、首先需要在项目中引入better-scroll1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准（目前最新）2.cpnm install 在node_modules 可以查看版...
2020-05-27
解决vue2 在mounted函数无法获取prop中的变量问题
如下所示；props: { example: { type: Object, default() { }, },},watch: { example: function(newVal,oldVal){ // newVal 为改变后的值 // 继续要处理的事件 },},...
2020-05-27
layDate插件设置开始和结束时间
本文教大家使用了laydate插件设置开始和结束时间，供大家参考，具体内容如下
用的laydate插件是layDate-v5.0.6,是新版本的；效果是选择开始时间，选择结束时间的时候开始时间之前的...
2020-05-27
laydate如何根据开始时间或者结束时间限制范围
本文教大家如何实现laydate根据开始时间或者结束时间限制范围，供大家参考，具体内容如下$(window).load(function(){//初始化时间控件 var cartimeDate = laydate.render({...
2020-05-27
layui-laydate时间日历控件使用方法详解
本文实例为大家分享了laydate时间日历控件的使用方法，供大家参考，具体内容如下layui下载地址：http://www.layui.com/此控件可使用layui或者独立版的layDate，两者初始化有些不同...
2020-05-27
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中...
2020-05-27
vue实现简单的星级评分组件源码
vue星级评分组件源码，具体代码如下所示：<!--自定义组件--><template> <!--结构层--> <div id="star"> <span v-for="classn in starArrs" :class="classn" class="st...
2020-05-27
微信小程序自定义toast的实现代码
今天写微信小程序突然发现一个尴尬的问题，请求报错需要提示，就去小程序API里找，可悲的小程序的toast并不能满足我的需求，原生提供的方法调用如下wx.showToast({ title: '成功',...
2020-05-27
Vue 全家桶实现移动端酷狗音乐功能
Vue 已经用了不少时间，最近抽空把以前的未完成的酷狗音乐做完了，过来分享下，也可以直接点这里预览，注意切换成手机模式。技术栈： vue-router、eventBus、vuex、vue-awesome-swipe...
2020-05-27
JavaScript实现简单音乐播放器
该篇文章会教你通过JavaScript制作一个简单的音乐播放器。包括播放、暂停、上一曲和下一曲。阅读本文章你需要对HTML、CSS和Javascript有基本的了解。话不多说，先上图。这样...
2020-05-27
js实现搜索栏效果
小编这边主要是介绍一个js中搜索栏的实现（没有提交数据那些），重点在于对焦点问题的理解。那么这边小编就是要实现这样的一个搜索框对焦点的理解：
通俗来讲当我们鼠标单击一个盒...
2020-05-27
js实现简单模态框实例
模态框在网页中很常见就是在当前页面中弹出一个框供与客户交互。类似于这样。首先我们要明白该框工作原理至于怎样与后端进行交互联系这边先不做介绍我们首先是单纯的了解怎...
2020-05-27
Javascript实现秒表倒计时功能
本文实例为大家分享了js实现秒表倒计时的具体代码，供大家参考，具体内容如下效果图：代码：<html><body><span id="clock" style="font-size: 3em">00:30:00:00</span><script type...
2020-05-27
Javascript实现时间倒计时功能
本文实例为大家分享了js实现时间倒计时的具体代码，供大家参考，具体内容如下这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>日...
2020-05-27
javaScript实现游戏倒计时功能
本文实例为大家分享了js实现游戏倒计时的具体代码，供大家参考，具体内容如下
<html> <head> <meta charset="utf-8" /> <title></title> <style> button:hover { curso...
2020-05-27
JS实现倒计时图文效果
本文实例为大家分享了JS实现倒计时图文效果的具体代码，供大家参考，具体内容如下
<body><img src="images/0.png" alt="" id="h1"><img src="images/0.png" alt="" id="h2"><im...
2020-05-27
JavaScript实现新年倒计时效果
本文实例为大家分享了js实现新年倒计时展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=...
2020-05-27
js实现导航跟随效果
本文实例为大家分享了js实现导航跟随效果展示的具体代码，供大家参考，具体内容如下
如何实现上面的效果，请看下面的步骤
第一步：用 css 调整样式 ，这里...
2020-05-27
JS实现图片切换效果
本文实例为大家分享了JS实现图片切换效果的具体代码，供大家参考，具体内容如下<body> <button id="btn1">ON</button> <button id="btn2">OFF</button><br> <img src="image...
2020-05-27
使用Javascript简单计算器
本文实例为大家分享了js简单计算器的实现代码，供大家参考，具体内容如下
1.html代码
<input type="text" name="" id="txt-num1">//输入第一个数 <select id="dropdown"> <op...
2020-05-27
Javascript实现动态时钟效果
本文实例为大家分享了js实现动态时钟效果的具体代码，供大家参考，具体内容如下1.css代码<style type="text/css"> #box{ width:200px; height:200px; background:pink; mar...
2020-05-27
利用原生的JavaScript实现简单拼图游戏
前言本篇主要讲解，如何利用原生的 JavaScript
来实现一个简单的拼图小游戏。一、游戏的基础逻辑
想用一门语言来开发游戏，必须先了解如何使用这门语言来实现一些基础逻辑，比如...
2020-05-27
为什么说JavaScript预解释是一种毫无节操的机制详析
前言
JavaScript是一门解释型的语言 , 想要运行JavaScript代码需要两个阶段 编译阶段: 编译阶段就是我们常说的JavaScript预解释（预处理）阶段，在这个阶段JavaScript解释器将完...
2020-05-27
深入浅析Vue.js 中的 v-for 列表渲染指令
1 基本用法当遍历一个数组或枚举一个对象进行迭代循环展示时，就会用到列表渲染指令 v-for。 它的表达式需要结合 in 来使用，类似 item in items 的形式。1.1 遍历数组html：<div...
2020-05-27
Vue.js 中的 v-show 指令及用法详解
1 用法v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。html：<div id="app"> <p v-show="type==='科技'">大数据之下的锦鲤：为什么你的微博总抽不到奖<...
2020-05-27
浅析Vue.js 中的条件渲染指令
1 应用于单个元素Vue.js 中的条件渲染指令可以根据表达式的值，来决定在 DOM 中是渲染还是销毁元素或组件。html：<div id="app"> <p v-if="type===1">拌面</p> <p v-else-if="t...
2020-05-27
Vue.js 中的 v-cloak 指令及使用详解
先来看下vue.js 中的v-cloak 指令可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue...
2020-05-27
Vue.js 使用v-cloak后仍显示变量的解决方法
Vue.js 使用v-cloak后仍显示变量的解决方法v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的，但有时候添加了这个指令仍会显示变量，这是怎么回事呢？。v-cloak...
2020-05-27
微信小程序自定义弹窗wcPop插件
微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改...
2020-05-27
JS监听事件的叠加和移除功能
html DOM元素有很多on开头的监听事件，如onload、onclick等，见DOM事件列表。但是同一种事件，后面注册的会覆盖前面的：window.onresize = function(){ alert(1);}window.onresize...
2020-05-27
vue中的适配px2rem示例代码
前言做移动端时，适配 是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。
px2rem 地址：https://www.npmjs.com/package/px2rem...
2020-05-27
JS滚轮控制图片缩放大小和拖动的实例代码
具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: m...
2020-05-27
一步步教你利用Docker设置Node.js
前言docker是一个开源的应用容器引擎，可以为我们提供安全、可移植、可重复的自动化部署的方式。docker采用虚拟化的技术来虚拟化出应用程序的运行环境。如上图一样。docker就...
2020-05-27
jQuery 同时获取多个标签的指定内容并储存为数组
在网页开发中经常会碰到获取同种类型的 标签 的值得问题,比如下面的两种情况.
当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦.比如 id=problem1的demovar list1...
2020-05-27
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
详解Vue.js在页面加载时执行某个方法
jQuery中可以这样写vue中，如果要达到相同效果，可以使用vue的生命周期函数，如create或者mounted
附上vue.js的生命周期函数执行流程总结以上所述是小编给大家介绍的Vue.js在页面...
2020-05-27
vue directive定义全局和局部指令及指令简写
directive定义全局和局部指令以及指令简写1.使用Vue.directive()定义一个全局指令 Vue.directive('指令名称',{对象})
2.参数一：指令的名称，定义时指令前面不需要写v-
3.参...
2020-05-27
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
jQuery实现上下滚动公告栏详细代码
之前做项目的时候，一直都想着做一个上下滚动的公告栏，作为展示网站的最新公告信息，因为刚开始自己的思路并不是太清晰，在网上找了很多的源码，但是却发现都不能让自己满意，有的还会...
2020-05-27
详解ES6系列之私有变量的实现
前言
在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。1. 约定
实现
class Example { constructor() { this._private = 'private';...
2020-05-27
Angular刷新当前页面的实现方法
onSameUrlNavigation
从angular5.1起提供onSameUrlNavigation来支持路由重新加载。有两个值'reload'和'ignore'。默认为'ignore'定义当路由器收到一个导航到当前 URL 的请求...
2020-05-27
使用vue-cli webpack 快速搭建项目的代码
一、安装vuenpm install vue -g
二、用vue-cli快速搭建项目//全局安装vue-clinpm install install -g vue-cli//创建一个基于webpack模板的项目vue init webpack [demoname]...
2020-05-27
详解nuxt路由鉴权(express模板)
这里我们以用户登录鉴权为例
express依赖express-session中间件实现session功能
若我们不加载express-session组件router.get('/user/login', function (req, res) { cons...
2020-05-27
Nuxt.js SSR与权限验证的实现
Nuxt.js是一个建立在Vue.js基础上的服务端渲染框架。它非常易于上手并且可以让你在几分钟内构建你的应用。服务端渲染是一个解决所有SPA的SEO问题的伟大解决方案，但不幸的是...
2020-05-27
nuxt.js中间件实现拦截权限判断的方法
最近在把vue的项目改成基于nuxt.js是 ssr渲染，需要进行权限拦截判断，网上查了不少资料。最终看官方手册解决了，贴一下过程项目环境"element-ui":"^2.3.4","flyio":"^0.5.2","js...
2020-05-27
Nuxt.js之自动路由原理的实现方法
Nuxt.js 是一个基于 Vue.js 的通用应用框架。集成了Vue 2、Vue-Router、 Vuex、Vue-Meta，用于开发完整而强大的 Web 应用。它的特性有服务端渲染、强大的路由功能，支持异步数...
2020-05-27
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
本文介绍了详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序，分享给大家，具体如下：先举一个比较典型的例子：setImmediate(function(){ console.log...
2020-05-27
vue中组件的过渡动画及实现代码
1. 和多个元素的过渡一样，用组件来替换transition中包裹的标签<style> .fade-enter, .fade-leave-to { opacity: 0 } .fade-enter-active, .fade-leave-active { transiti...
2020-05-27
apicloud拉起小程序并传递参数的方法示例
最近工作中遇到一个需求：App拉起微信小程序。App是用APICloud开发的。查阅APICloud文档发现 端API->开放SDK->wx模块下有launchMiniProgram方法可以实现官方文档于是在项目中...
2020-05-27
