vue2.0结合Element实现select动态控制input禁用实例

今天有一个盆友问小颖,怎么实现用select动态控制input禁用,也就是说,input默认是可编辑的,但是每当我选一次select,input就会变成禁用,虽然小颖不知道她为什么这样做,因为小颖觉得...

WebSocket实现简单客服聊天系统

一 需求一个多商家的电商系统,比如京东商城,不同商家之间的客服是不同的,所面对的用户也是不同的。要实现这样一个电商系统的客服聊天系统,那该系统就必须是一个支持多客服、客...

微信小程序实现瀑布流布局与无限加载的方法详解

前言瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感。在HTML5中,我们可以找到很多基于jQuery之类实现的瀑...

详解Node.js项目APM监控之New Relic

现在上一个项目,如果没有APM监控服务或应用的运行性能参数,等于是一架没有盲降系统的飞机正在盲降,结果会很悲催。出现了访问失效等问题时,都很难判定是性能瓶颈还是一个藏的深...

Centos6.8下Node.js安装教程

思路:采用编译好的文件进行安装一 使用 wget 下载到 Node.js 官网(https://nodejs.org/en/download/) 选择要下载的编译版本(Source Code),复制链接cd /usr/local/src // 安装路径...

jQuery.ajax向后台传递数组问题的解决方法

今天重温了一个问题,jQuery.ajax向后台传递一个数组,而在后台接收不到该值。前台js方法部分代码如下://创建一个测试数组var boxIds = new Array();boxIds.push(12182);boxIds....

jQuery手风琴的简单制作

首先我们先来做一个简单的jQuery的效果图,具体内容如下css代码 如下:<style type="text/css" media="screen"> *{margin: 0;padding: 0;} ul,li{list-style:none} ul {...

require.js与bootstrap结合实现简单的页面登录和页面跳转功能

小颖的这个demo其实很简单的,大家一起来先来看看页面效果图: 目录: 代码:inde.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta ht...

js如何获取网页所有图片

需求在网页中单击某张图片,图片能放大显示,且能按顺序切换图片,同时,一些小图标和不符合要求的图片不能放大。
由于网页是在app中打开,图片的放大与切换由移动端实现,因此,需要用j...

JS匹配日期和时间的正则表达式示例

本文实例讲述了JS匹配日期和时间的正则表达式。分享给大家供大家参考,具体如下://日期的正则表达式var reg = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;va...

vue.js的安装方法

一、简介Vue.js 是什么Vue.js(读音 /vju&#720;/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只...

JS常用正则表达式总结【经典】

本文实例讲述了JS常用正则表达式。分享给大家供大家参考,具体如下:在项目中个人写的一个常用验证的正则表达式:(仅供参考)//定义两个全局变量var reg;var errorInfo;//输入的数字...

vue学习笔记之指令v-text && v-html && v-bind详解

一 : 指令的概念:指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能二 : 指令的语法:v-指令名 = “表达式判断或者是业务模型中属性名或者事件名...

详解React开发中使用require.ensure()按需加载ES6组件

首先介绍下动态加载函数:require.ensure([], (require)=>{ let A = require('./a.js').default;})如果想要动态加载出es6代码组件,直接require一个es6风格的组件是不行的,因为...

JS实现图片预加载之无序预加载功能代码

图片预加载之无序预加载的效果图如下所示,如果大家感觉不错,请参考实现代码。具体代码如下所示:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>P...

深入理解JavaScript继承的多种方式和优缺点

写在前面
本文讲解JavaScript各种继承方式和优缺点。注意:跟《JavaScript深入之创建对象》一样,更像是笔记。哎,再让我感叹一句:《JavaScript高级程序设计》写得真是太好了!1.原...

微信小程序 支付功能实现PHP实例详解

微信小程序 支付功能实现PHP实例详解前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee',//改成你自己的链接 header: { 'C...

关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解

数据库中为datetime类型,.net读取数据已Json格式发回给前台页面:例如:使用bootstrap表格插件Ⅹ formatter: function (value, row, index) { var date = new Date(p...

Flask中获取小程序Request数据的两种方法

Flask中获取小程序Request数据的两种方法作为后端屌对于前端确实讳莫如深,JS中的类型Object竟然不能直接通过POST传入到后台Flask中,您会发现获取的是[object Object],这货在Fl...

微信小程序之数据双向绑定与数据操作

微信小程序之数据双向绑定与数据操作数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化,当然html部分数据发生变化js部分数据也会发生变化,从而使界面很方便...

js图片加载效果实例代码(延迟加载+瀑布流加载)

主要做了两种图片加载的效果
一种是遇到页面图片比较多的时候,带读条效果的加载提示(为了验证正确加载,设置了1秒钟的加载间隔时间)
另外一种是根据滑块的位置进行图片的预加载,...

vue.js中mint-ui框架的使用方法

本文为大家分享了vue.js中mint-ui框架的使用方法,具体内容如下1.安装vue2.0的mint-ui框架npm install mint-ui -save 2.引用和使用框架,我用的是全部组件,也可以按需选择加载相...

基于angular实现三级联动的生日插件

写了一个生日联动插件具体的效果是这样的:具体的数据我取得数据是今年的数据,如果是想要做三级联动的日期插件,改一下时间就好了var app=angular.module("dataPicker",[])app.f...

jQuery遍历节点方法汇总(推荐)

1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点<p>Hello</p><div> <span>Hello Again</span> <p class="box">您好!</p></div><p>And Again</p...

jQuery中clone()函数实现表单中增加和减少输入项

之前一直没有深入了解到clone()函数的方法,所以对应表单中增加和减少输入项一直使用如:var copy_html=$(选择器).html(); alert(copy_html);问题在于得出的copy_html直接是HTM...

JS中cookie的使用及缺点讲解

什么是CookieCookie意为“甜饼”,是由W3C组织提出,最早由Netscape社区发展的一种机制。目前Cookie已经成为标准,所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cook...

vue.js 初体验之Chrome 插件开发实录

背景对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生,它把一些常见的动画效果都封装起来了,非常实用。但是有时候在开发中,仅仅只是需要某一两个动画效果,...

jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D双柱状图效果。分享给大家供大家参考,具体如下:1、FusionCharts中的2D双柱状图页面index.html:<!DOCTYPE html PUBLIC "-//W3C//...

jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D条状图效果。分享给大家供大家参考,具体如下:1、设计思路(1)了解条状图的一些特性和共性,掌握其特性;(2)根据FusionCharts设计条理,设...

JS实现动态给标签控件添加事件的方法示例

本文实例讲述了JS实现动态给标签控件添加事件的方法。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/T...

web.js.字符串与正则表达式操作

1.substringvar str='abcdef';alert(str.substring(2, 5)); //cde不包括结束位置alert(str.substring(1));//bcdef12.splitvar str='a*b*cd*ef';alert(str.split('*'));//分...

easyui combogrid实现本地模糊搜索过滤多列

这几天在项目中前台使用到了easyui 的 combogrid插件为用户提供点选数据项的功能。由于数据项的内容可能有很多,所以仅仅是点选还不够,需要能够对用户的输入进行过滤,即根据用...

配置nodejs环境的方法

一、由于node有多种版本号,每个版本号的API肯定也有些细微的差别,在工作中有可能要经常切换node的版本号,因此可以下载nvm使其来管理node的版本号。首先下载nvm,官网:https://git...

NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解

1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。...

js,jq,css多方面实现简易下拉菜单功能

效果图预览一 、css实现html代码部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html+css下拉菜单</title> <link rel="stylesheet" type="text/css"...

Ext JS 实现建议词模糊动态搜索功能

代码:new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynod...

js实现股票实时刷新数据案例

近来学习炒股,免不了上班时间看盘,总不能光明正大的用电脑看行情,一直盯着手机影响也不好,容易引起“关注”。所以就想自己做一个网页来达到看盘的目的,一个只显示几个关键数字的...

使用Browserify来实现CommonJS的浏览器加载方法

Nodejs的模块是基于CommonJS规范实现的,可不可以应用在浏览器环境中呢?var math = require('math');math.add(2, 3);第二行math.add(2, 3),在第一行require('math')之后运行,因...

Node.JS文件系统解析实例详解

1.Node.js 文件系统var fs = require("fs")2.异步和同步读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。var fs = require('fs')fs.readFile( 'a.t...

jQuery操作css样式

css操作的分类:css操作位置操作尺寸操作css操作之csscss代码:html代码:jQuery代码:效果如下:css操作之位置操作css代码:html代码jQuery代码效果如下:css操作之尺寸操作css代码html...

一个可复用的vue分页组件

不废话,先上组件文件pages.vue:<template> <div class="pages-box" v-if="pageTotal > 0"> <ul class="pages"> <li class="pages-prev"> <a v-if="pageNow != 1" href...

jQuery返回定位插件详解

一、jQuery 提供开发者开发插件的几种模式1.$.extend(); //这个方法是绑定在$上面的。可以通过$直接调用2.$.fn.方法名 //这个方法是绑定在Dom对象上面的可以通过$(...

NodeJS创建最简单的HTTP服务器

☆ 引子var http = require('http');http.createServer(function(request, response){ response.writeHead(200, { 'Content-Type': 'text-plain' }); response.end('Hell...

jQuery实现radio第一次点击选中第二次点击取消功能

由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现。// jquery $('input:radio').click(function(){ //alert(this.checked);...

Jquery把获取到的input值转换成json

话不多说,请看代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...

Vue关于数据绑定出错解决办法

Vue关于数据绑定出错错误提示:相对应的代码:<input id="input-check" type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b"> <label for="input...

AngularJs 常用的过滤器

date格式化{{ 1304375948024 | date }} //结果:May 3, 2011{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }} //结果:05/03/2011 @ 6:39AM{{ 1304375948024 | date:"y...

vue.js 使用v-if v-else发现没有执行解决办法

使用v-if v-else发现没有执行最近在学习Vue,因为刚开始学习,所以总会遇到这样那样的问题,今天要说的一个错误就是在看Vue的官方文档的时候,发现在使用v-if和v-else指令的时候,相...

JavaScript制作简单的框选图表

故事背景:这几天遇到一个客户,是做会议记录的,每次会议过程中,都会有特定设备记录下讲话人的位置以角度值显示。他给我角度值,让我给他做一个图表来展示每个人的一个大概位置。客...

VUE多层路由嵌套实现代码

本文实例为大家分享了VUE多层路由嵌套的具体代码,供大家参考,具体内容如下先看看效果图:例如:在做系统时,主页面有两个功能【home】and【news】,在【home】下又分为登录和注册。...

返回顶部
顶部