element-ui 限制日期选择的方法(datepicker)

Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI 。
需求场景如下: 指定起止日期,后选的将会受到先选的限制 不同的日期选...

AngularJS中的作用域实例分析

本文实例讲述了AngularJS中的作用域。分享给大家供大家参考,具体如下:问题引入使用 Angular 进行过一段时间的开发后,基本上都会遇到一个这样的坑:<div ng-controller="TestCtrl...

完美解决linux下node.js全局模块找不到的情况

今天在在linux上用npm安装了pm2准备部署node项目,结果通过pm2命令启动项目的时候报pm2找不到,这很伤,以为pm2没有安装成功,但是在node安装目录下面的bin文件夹里面调用pm2却没问...

在Mac下彻底卸载node和npm的方法

用了nvm进行node版本的管理,还是很方便的,各个版本切换自由切换,但是nvm安装的node是在~/.nvm下的,和之前安装的不在一起,有点儿强迫症的我,就想把之前的给卸载了homebrew安装的直...

解决Mac node版本升级失败的问题

打开终端输入以下命令 --> 回车 -->输入密码 -->回车 -->结束:sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}一句命令搞定!以...

AngularJS标签页tab选项卡切换功能经典实例详解

本文实例讲述了AngularJS实现标签页tab选项卡功能。分享给大家供大家参考,具体如下:选项卡一:JavaScript+html+css<!DOCTYPE html><html> <head> <meta charset="utf-8">...

详解基于Koa2开发微信二维码扫码支付相关流程

前段时间在开发一个功能,要求是通过微信二维码进行扫码支付。这个情景我们屡见不鲜了,各种电子商城、线下的自动贩卖机等等都会有这个功能。平时只是使用者,如今变为开发者,也是...

为什么使用koa2搭建微信第三方公众平台的原因

在写之前我想先说说koa,koa相比express,在执行流程,以及组件方面优秀的多,koa本身没有提供过多的扩展组建,但是它便捷的组建扩展,可以让你自由的发挥,可以想写其他语言一样并行执行...

解决Mac下安装nmp的淘宝镜像失败问题

安装命令如下:npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose提示报错,信息如下:npm ERR! Darwin 16.6.0npm ERR! argv "/usr/local/bin/node" "/...

Koa2微信公众号开发之本地开发调试环境搭建

最近沉迷吃鸡不能自拔,好久没更新文章了。后续将陆续完善《Koa2微信公众号开发》。
一、简介
关于微信公众号的介绍就省略了,自行搜索。注册过程也不说了。我们会直接注册测试...

js实现鼠标单击Tab表单切换效果

本文实例为大家分享了js实现鼠标单击Tab表单切换展示的具体代码,供大家参考,具体内容如下代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title>...

Koa2微信公众号开发之消息管理

一、简介
上一节Koa2微信公众号开发(一),我们搭建好了本地调试环境并且接入了微信公众测试号。这一节我们就来看看公众号的消息管理。并实现一个自动回复功能。
Github源码:...

JS 使用 window对象的print方法实现分页打印功能

最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题。 1.但是网上好多案例都不支持分页...

使用vue-cli导入Element UI组件的方法

首先第一步,现在命令行中输入npm i element-ui,如:接着在mian.js 中添加import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Elemen...

JS 实现分页打印功能

在调用window.print()时,可以实现打印效果,但内容太多时要进行分页打印。在样式中有规定几个打印的样式page-break-before和page-break-after CSS属性并不会修改网页在屏幕上...

对mac下nodejs 更新到最新版本的最新方法(推荐)

前提条件* mac上安装了npm第一步:使用npm安装n模块n模块是专门用来管理nodejs版本的sudo npm install -g n提示 : 如果不使用sudo作为前缀,很可能出现权限访问异常导致安装失...

AngularJS自定义过滤器用法经典实例总结

本文实例讲述了AngularJS自定义过滤器用法。分享给大家供大家参考,具体如下:过滤器结构{{带过滤数据 | 过滤器名:参数1:参数2:参数3.....}}app.filter('过滤器名', function () {...

Angular实现模版驱动表单的自定义校验功能(密码确认为例)

HTML5原生的表单校验属性(必填,长度限制,取值间隔,正则表达式等等)可以满足普通的校验需求,但是有些场景必须用到自定义校验,比如注册时的密码确认,有比对关系的时间/数值选择, 需要...

Node 升级到最新稳定版的方法分享

Mac环境第一步,先查看本机node.js版本:$ node -v第二步,清除node.js的cache:$ sudo npm cache clean -f第三步,安装 n 工具,这个工具是专门用来管理node.js版本的,别怀疑这个工具的...

AngularJS日期格式化常见操作实例分析

本文实例讲述了AngularJS日期格式化常见操作。分享给大家供大家参考,具体如下:<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title>www....

Mac下通过brew安装指定版本的nodejs教程

一、安装brew终端上运行 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"二、安装nodejs运行brew install node 即...

通过一次报错详细谈谈Point事件

前言这篇文章在草稿箱里躺了很久,因为最近又遇到了相关问题,于是又整理了一下。请注意这里讲的不是 css 的 pointer-events。下面话不都说了,来一起看看详细的介绍吧。起因
从...

vue2.0 实现导航守卫的具体用法(路由守卫)

路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。导航守卫(navigation-guards)这...

快速解决brew安装特定版本flow的问题

在atom+react-native项目中安装了nuclide。然而使用flow的时候出现了问题。$ brew -vHomebrew 1.2.0$ flow versionFlow, a static type checker for JavaScript, version 0...

Vue中的字符串模板的使用

1、HTML模板和字符串模板HTML模板:直接在HTML页面挂载的模板。(即非字符串模板)
非字符串模板:在单文件里用 <template></template> 指定的模板,换句话说,写在 html 中的就是非字...

解决Mac安装thrift因bison报错的问题

安装thrift时,报错:Bison version 2.5 or higher must be installed on the system!使用brew install bison 安装新版的bison$ brew list bison/usr/local/Cellar/bison/3.0.4...

使用淘宝镜像cnpm安装Vue.js的图文教程

前言Vue.js是前端一个比较火的MVVM框架,要使用它,我们必须提前配置,其中有一种安装方式是使用npm,比较适合比较大型的应用。今天就来看看这种方式如何操作,由于npm是国外的,使用起...

解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题

今天通过网上查找的教程安装和配置了node环境,接着按照教程安装了cnpm。然而最后运用cnpm -v查看版本却出现了如下的错误:不知道是自己在配置环境时出了什么问题,于是上网查了...

ES6之模版字符串的具体使用

最近在项目中使用了ES6的模版字符串,在这里加以总结。1.之前我们也可以使用JavaScript输出模版字符串,通常是下面这样的:$("#result").append( "He is <b>"+person.name+"</...

npm 下载指定版本的组件方法

首先确保文件目录下含有package.json文件,没有的话,可以通过npm init创建,然后只需要在组件的后面加上@2.8.1版本号即可,例如:react-router已经更新到4.x版本,想要下载2.x版本,可以...

解决修复npm安装全局模块权限的问题

相信我们曾经可能都遇到过全局安装某个模块包的过程中提示EACCESS的错误问题。这是由于npm全局安装模块的默认路径没有权限导致的。有三个方式可以解决该问题: 修改全局安装...

AngularJS实现的base64编码与解码功能示例

本文实例讲述了AngularJS实现的base64编码与解码功能。分享给大家供大家参考,具体如下:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>base64加密</title> <scr...

微信小程序使用form表单获取输入框数据的实例代码

本文讲述了微信小程序使用form表单获取输入框数据的实例代码。分享给大家供大家参考,具体如下:1、效果展示2、关键代码
index.wxml
用户名: 密码: 登录 重置 {{tip}}{{userName}...

解决nodejs的npm命令无反应的问题

最近在弄cordova,又要折腾nodejs了。今天安装cordova模块的时候,看到nodejs的默认模块安装路径在c盘于是想修改下,按命令 npm config set prefix 。结果就遇坑了,之后我的npm命...

结合Vue控制字符和字节的显示个数的示例

需求需求:结合Vue实现下面的效果 输入框中最多输入16个字符 汉字最多显示5个,超出部分以...显示 英文最多显示10个,超出部分以...显示实现搭建简单页面,并设置简单样式在正式...

JS实现字符串中去除指定子字符串方法分析

本文实例讲述了JS实现字符串中去除指定子字符串方法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

vue 路由嵌套高亮问题的解决方法

正常路由嵌套是没有问题的,但是如果你已经在当前主路由页面了,然后再次点击主路由就会出现页面数据空白的情况看代码://主路由通过v-for循环出来<div class="list-group"> <a...

JS实现的判断方法、变量是否存在功能示例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>////www.freexyz.cn/article/67551.htm//判断变量i是否存在 typeof(i)=="...

vue 标签属性数据绑定和拼接的实现方法

在vue官网把文档扫了一遍后,就开始写网站项目了,没有设计,就百度里找了一个h5的助赢软件的网站把他copy下来,想想有点坏了,接着把内容改改吧。
首先开始做一个列表展示
vue实例好...

微信小程序自定义多选事件的实现代码

要实现下图的效果(自定义多选单选),大多数公司项目的多选框都是自己设计的,所以用原生标签或者组件是不可行的,最简单的是自己绑定事件,然后切换选择和未选择的图片。而小程序和vu...

vue 不使用select实现下拉框功能(推荐)

html部分:v-for循环出的结构<div > <p @click="clickSize (item, index)">{{item.name}}</p> <transition name="opacityLeave"> <div class="condition-list" v-show="...

create-react-app修改为多页面支持的方法

新公司前端就我一个,目前个人选型用react作技术栈开发前端h5页面。最近做一个需求是pc页面需要seo的,后端是Java开发,又不想自己用ssr做seo渲染,只好写html给java大神改成jsp了...

Node.js模块全局安装路径配置方法

下载安装NodeJS后,在自己选择的路径下会有如下的文件:默认情况下NodeJS安装会同时安装npm(模块管理器:用于管理用户require的模块,有全局和本地两种)。注:全局:执行npm install <模...

浅谈webpack-dev-server的配置和使用

本文介绍了浅谈webpack-dev-server的配置和使用,分享给大家,具体如下:
1安装的WebPack-dev-server
在终端输入npm i webpack-dev-server安装webpack-dev-server包
2.配置dev-...

通过nodejs 服务器读取HTML文件渲染到页面的方法

1.分别简单实现三个备用页面。login.html页面
index.html页面代码片段:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>.c...

vue router+vuex实现首页登录验证判断逻辑

首页登录逻辑要求在页面上判断是否获取到登录token ,没有获取到则跳转到登录页。登录成功后,跳转到前一个页面。
1.vue router
路由判断首先我们想到的是router.beforeEach 前...

vue引用js文件的多种方式(推荐)

1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)(2)在webpac...

Vue中对比scoped css和css module的区别

scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法:<style scoped>h1 { color: #f00;}</style>使用scoped划分本地样式的结果编译结果如下:h1[data-v...

Swiper 4.x 使用方法(移动端网站的内容触摸滑动)

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用...

Vue数据双向绑定原理及简单实现方法

Vue这个框架就不简单介绍了,它最大的特性就是数据的双向绑定以及虚拟dom.核心就是用数据来驱动视图层的改变.先看一段代码.一、示例var vm = new Vue({ data: { obj: { a: 1...

返回顶部
顶部