vue toggle做一个点击切换class(实例讲解)

实例如下所示:<template> <div> <span :class="{'bg-primary text-danger':isA,'bg-success text-white':!isA}" @click="toggle()">AAAAA</span> </div></template><sc...

聊聊JS动画库 Velocity.js的使用

前言又到了炎热的7月,很久没有更新技术文章了,原因是上月月底实习结束,从公司离职。然后最近在弄自己的项目和考驾照,为了下次公司的应聘做准备,送别了女朋友到外地,哩哩啦啦半个...

vue页面切换到滚动页面显示顶部的实例

在用mint ui写移动端从'listview'跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击'listview'滚动list进入详情页面时发现详情页面不是从顶部开始显示。一、目标:‘l...

vue 过滤器filter实例详解

vue的过滤器一般在JavaScript 表达式的尾部,由“|”符号指示:过滤器可以让我们的代码更加优美,一般可以用在时间格式化,首字母大写等等。例如:{{ date | dateFormat }}这是过滤器...

基于datepicker定义自己的angular时间组件的示例

基于datepicker定义自己的angular时间组件,分享给大家。首先是引入相应的文件jquery和datepicker,如下
"styles": [ "styles.less", "./assets/lib/datetimepicker/datet...

Vue.js 动态为img的src赋值方法

需求是这样:ajax获取数据如下{ "code": "200", "data": { "SumAmount": 200, "List": [{ "amount": 100, "sex": "male", "fee": 1, "id": 98, "status": 2...

解决Vue.js 2.0 有时双向绑定img src属性失败的问题

错误用法:<img src="http:0.0.0.127/{{item.imgname}}" alt="">正确用法:<img src="'http:0.0.0.127/'+item.imgname" alt="">绑定属性的时候,前面加:属性的值可以用表达式,但注...

iview table render集成switch开关的实例

今天想要分享的是iview table render集成switch开关修改table表格的值,看文档记得看2.0的,不注意打开就成1.0然后用上了一直没有效果又没有找出原因。给出的只是一种写法思路,...

JavaScript实现区块链

几乎每个人都听说过像比特币和以太币这样的加密货币,但是只有极少数人懂得隐藏在它们背后的技术。在这篇文中,我将会用JavaScript来创建一个简单的区块链来演示它们的内部究竟...

vue使用facebook twitter分享示例

记录一次vue使用分享
固定内容的分享 参考文档facebook 分享文档twitter 分享文档vue 使用facebook 使用分享找到index.html 添加一下代码 <!-- facebook 分享 --> <div id=...

200行代码实现blockchain 区块链实例详解

了解blockchain的概念很简单(区块链,交易链块):它是分布式的(即不是放置在同一台机器上,不同的网络设备上的)数据库支持主办记录日益增长的名单。但是,这也是容易混淆blockchain与我...

react以create-react-app为基础创建项目

什么是create-react-appcreate-react-app是一个js库,使用它能够很方便地建立react项目,免去了建立react项目时配置webpack、调试服务器、运行脚本等麻烦,你只需要使用这个库,便...

解决vue2.0动态绑定图片src属性值初始化时报错的问题

在vue2.0中,经常会使用类似这样的语法 v-bind:src = " imgUrl "(缩写 :src = " imgUrl "),看一个案例<template> <div> <img :src="imgUrl"> </div></template><script>exp...

create-react-app构建项目慢的解决方法

create-react-app慢的解决方法在操作官方实例Create React App时,需要执行指令:create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,...

解决vue项目报错webpackJsonp is not defined问题

在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not...

react中fetch之cors跨域请求的实现方法

项目中使用了react,当中需要使用fetch来代替ajax。由于react的create_react_app工具很方便,基本上开箱即用,经过创建项目,输入npm start命令后,便自动监听一个3000的端口,到此前端...

vue2.0路由切换后页面滚动位置不变BUG的解决方法

最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。<a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立...

vue的mixins属性详解

首先先给出官网 https://vuejs.org/v2/guide/mixins.html今天在开发项目的时候要改变一个标签的属性,因为项目中有多个地方都要改(业务逻辑相同),所以就看有没办法只改变一个...

vue2.0模拟锚点的实例

在vue项目中,因为采用路由跳转,会导致无法使用常规的a标签配合ID的锚点功能。解决办法:<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor('#anchor')">...

Vue使用mixins实现压缩图片代码

本文介绍了Vue使用mixins实现压缩图片代码,分享给大家,具体如下:图片压缩
创建mixins image-compress.js
export default { methods: { /** * 检查并压缩图片大小 */ che...

vue项目国际化vue-i18n的安装使用教程

前言项目需要支持多语言,我们需要提取出项目中使用的静态文本,使用语言包进行管理, 当切换语言设置的时候,可以自动切换整个项目的文字显示。发现Vue项目中有对应的组件 vue-i18...

Vue2.0 事件的广播与接收(观察者模式)

1.Vue1.0 事件的广播与接收(观察者模式)
早期vue1.0组件之间的这通信传递数据的方法,vue官网给出了两上方法 $dispatch 和 $broadcast。
但vue2.0之后就弃用 这两个方法,以下...

vue2.0安装style/css loader的方法

项目需要引用额外的ui组件库,就需要安装style-loader和css-loader安装style-loader (css-loader默认有)npm install style-loader -D然后,打开模板build--webpack.base.conf.js...

iview table高度动态设置方法

在使用iview table表格组件的时候,由于我的屏幕分辨率比较大,在自己pc机上设置的固定高度很适合,在测试(test)时候发现在别的终端如1368*768的机器上都显示不全,下面就把我的和其...

Angular4集成ng2-file-upload的上传组件

在Github上找到了一个支持Angular4好用的文件上传组件ng2-file-upload,这里简单介绍一下这个库的集成使用方案。本文基于该组件的1.2.1版。1. 安装安装非常简单,只要在项目根...

nodejs acl的用户权限管理详解

说明Q: 这个工具用来做什么的呢A: 用户有不同的权限,比如管理员,vip,普通用户,每个用户对应访问api,页面都不一样nodejs有两个比较有名的权限管理模块 一个是acl 一个是rbac...

nodejs实现解析xml字符串为对象的方法示例

本文实例讲述了nodejs实现解析xml字符串为对象的方法。分享给大家供大家参考,具体如下:var xmlreader = require("xmlreader");var fs = require("fs");var xml_string = '<re...

微信小程序实现换肤功能

pc或者移动端实现换肤功能还是比较简单的,大致就是需要换肤的css,还有正常的css;把当前皮肤类型存入本地;然后通过js读取并判断当前应该加载哪套css。由于微信小程序没有操作wxs...

vue iview组件表格 render函数的使用方法详解

如果要在标签中加入属性,例如img 中src属性 a标签中href属性 此时需要用到attrs 来加入而不是props { title: '操作', key: 'action', align: 'center', render: function...

iview日期控件,双向绑定日期格式的方法

日期在双向绑定之后格式为:2017-07-03T16:00:00.000Z想要的格式为2017-07-04调了好久,几乎一天:用一句话搞定了@on-change=”addForm.Birthday=$event”<Date-picker placehold...

解决iView中时间控件选择的时间总是少一天的问题

今天在用iview做前端页面开发的时候,遇到一个奇葩问题(也许自己主要做后台开发,当时我还纳闷了),我在时间控件中明明选择的是2017-10-19,但是当通过vue的调试器查看的时候,竟然...

基于IView中on-change属性的使用详解

本人android开发出身,因工作需要,后台前端的代码也都有涉猎,这两天一直被input标签中的onchange困扰的头昏脑胀,辗转难眠,废话不多说,下面说下遇到的问题和解决办法。问题产生之前...

用Axios Element实现全局的请求loading的方法

背景业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。
现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axi...

iview中Select 选择器多选校验方法

iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目...

nodejs实现连接mongodb数据库的方法示例

本文实例讲述了nodejs实现连接mongodb数据库的方法。分享给大家供大家参考,具体如下:var MongoClient = require('mongodb').MongoClient;var DB_CONN_STR = 'mongodb://zlg:4...

mpvue中配置vuex并持久化到本地Storage图文教程解析

# 配置vuex和在vue中相同,只是mpvue有一个坑,就是不能直接在new Vue的时候传入store。步骤:1.在src目录下新建一个store目录,结构如下(官方推荐: vuex.vuejs.org/zh-cn/struc… )...

nodejs实现的简单web服务器功能示例

本文实例讲述了nodejs实现的简单web服务器功能。分享给大家供大家参考,具体如下:前端js代码:<script src="jquery-1.12.1.js"></script><script type="text/javascript"> $.aja...

vue-cli创建的项目,配置多页面的实现方法

vue官方提供的命令行工具vue-cli,能够快速搭建单页应用。默认一个页面入口index.html,那么,如果我们需要多页面该如何配置,实际上也不复杂假设要新建的页面是rule,以下以rule为例...

nodejs简单访问及操作mysql数据库的方法示例

本文实例讲述了nodejs简单访问及操作mysql数据库的方法。分享给大家供大家参考,具体如下:var mysql = require('mysql'); //调用MySQL模块 mysql模块要安装 $ npm install mys...

web3.js增加eth.getRawTransactionByHash(txhash)方法步骤

eth_getRawTransactionByHash
https://ethereum.stackexchange.com/questions/7473/get-raw-transaction-from-hashThere is an "undocumented" method eth_getRawTransacti...

vue实现提示保存后退出的方法

假设有这样一个需求,用户在一个页面内编辑文字,但是并未点击保存并且跳转到了下一个路由。比较好的做法应该是给出一个提示—“您编辑的内容还未保存,是否确认退出?”用户如果点...

vue之浏览器存储方法封装实例

如下所示:export function isObject (val) { return val !== null && typeof val === 'object'}export function setStore (key, val, type = 'localStorage') { if (isObjec...

angular项目中bootstrap-datetimepicker时间插件的使用示例

一、需求:后台系统中经常会使用到的功能,选择一个时间区间,根据这个时间区间去筛选一些信息,比如,某一时间段的注册用户。二、最后效果三、需要引入的文件(src/index.html)注意:1、j...

p5.js入门教程和基本形状绘制

一、什么是p5.js最近接触了一门数字媒体艺术类的课程,名为Interactivity,教的是p5.js。主讲老师就是开发者之一……还是挺激动的。p5.js是一个为艺术家、设计师而开发的Javasc...

Angularjs Promise实例详解

一、什么是PromisePromise是对象,代表了一个函数最终可能的返回值或抛出的异常,就是用来异步处理值的。Promise是一个构造函数,自己身上有all、reject、resolve这几个异步方式...

JS实现导出Excel的五种方法详解【附源码下载】

本文实例讲述了JS实现导出Excel的五种方法。分享给大家供大家参考,具体如下:这五种方法前四种方法只支持IE浏览器,最后一个方法支持当前主流的浏览器(火狐,IE,Chrome,Opera,Safari)<!...

JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】

本文实例讲述了JavaScript实现写入文件到本地的方法。分享给大家供大家参考,具体如下:工作中有时需要通过 JavaScript 保存文件到本地,我们都知道 JavaScript 基于安全的考虑,是...

p5.js入门教程之小球动画示例代码

一、运动的小球本节将用p5.js做一个在屏幕上运动的小球。思路是用变量记录小球的位置,然后在draw()函数里对其做出改变,由于draw()函数会不断地运行(频率为FPS,默认60帧/秒),所以...

JavaScript的数据类型转换原则(干货)

我们都知道JavaScript是一门弱类型(或称动态类型)的语言,即变量的类型是不确定的。var num = 123 ; //123var num = 'HAHAHA' + num ; // "HAHAHA123"上面的代码中,变量num起初...

JavaScript 隐性类型转换步骤浅析

这里说的隐性类型转换,是==引起的转换。 如果存在NaN,一律返回false 再看有没有布尔,有布尔就将布尔转换为数字 接着看有没有字符串, 有三种情况,对方是对象,对象使用toString...

返回顶部
顶部