- VueJs2.0学习路线
Nick1994
最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢。既然大家会看这篇文章,那么肯定是vue的学习者了,或是遇到的瓶颈,或者刚刚开始学,不知道如何快速起步,本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线。Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章
- vue监听多个input改变_vue.js 1.x与2.0中js实时监听input值的变化
李念遠
vue监听多个input改变
一、vuejs2.0中js实时监听input在2.0的版本中,vuejs把v-el和v-ref合并为一个ref属性了,可以在组件实例中通过$refs来调用。这意味着v-el:my-element将写成这样:ref="myElement",v-ref:my-component变成了这样:ref="myComponent"。绑定在一般元素上时,ref指DOM元素,绑定在组件上时,ref为一组件实例。因
- 视频教程-VueJS2.0前端框架/全球排名第一-Vue
weixin_30522425
VueJS2.0前端框架/全球排名第一云知梦创始人,国际架构师,11年互联网培训和开发经验,曾在港电讯盈科、北大青鸟集团、远大教育、北京易第优教育等公司任职曾获得美国红帽RHCA构架师和RHCDS数据中心讲师,在国内排名第40名,在全球排名第300名。李强强¥59.00立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看APP订阅课程,领取优惠,最少立减5元↓↓↓订阅后:请点击此
- VueJS2.0学习教程 - 3 - 组件化
李颖轩_LiYingxuan
为了方便记忆和学习,整理了一下之前学习VueJS的要点,并通过在中的代码注释来阐述知识点。知识点叙述在代码最下方。需要自行下载VueJS和bootstrap.css文件,并修改文件名或修改代码中引用的名称和路径:vue-2.4.4.js下载开发版本bootstarp-3.3.7-flatly.min.css下载flatly皮肤的bootstarpGitHub代码VueTutorialLesson-
- vuejs2.0入门实战-从零开发一个todoApp应用并部署上线教程(三):部署上线
竹杖芒鞋轻胜码
vuejs2.0实战-从零开发todoApp应用并部署上线教程(一):事前准备vuejs2.0实战-从零开发todoApp应用并部署上线教程(二):代码编写->vuejs2.0实战-从零开发todoApp应用并部署上线教程(三):部署上线至此,项目已经编写完成了。接下来就是如何对项目进行最后一步的上线传输文件在项目文件夹下面生成生产环境(production)的项目文件输入命令:npmrunbui
- vue 温馨提示弹窗_前端xui-vue框架简介
weixin_39562606
vue温馨提示弹窗
全文图片较多,有10张gif图传送门:xui框架介绍项目名称:xui-vue简介:一个基于vuejs2.0,可以提供丰富的方法,组件,插件的组件库.依赖:vuejs兼容性:IE9及以上高级浏览器使用方法:在你的框架vue中引用plugins里的各个组件说明:每一个组件均有自己的less等,所以可以引用任何一个组件.需要注意依赖的组件说明:你可以在/src/plugins文件夹里找到源代码,css采
- vuejs2.0 提示Cannot read property 'push' of undefined
yyrSun
vue2.0
在进行手动访问页面的时候,出现这种报错,于是进行路径的检查。app.vue结构:m-header.vue文件:漫游methods:{//这是是封装的手动访问链接的事件//surf(){//var_this=this;////console.log(_this);//setTimeout(function(){////每隔一段时间访问一个路由//_this.$router.push('/messag
- Vuejs2.0之异步跨域请求
大灰狼的小绵羊哥哥
【Vue2.0-3.0点滴知识】
Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了axios。接下来我们来简单地用axios进行一下异步请求。(阅读本文作者默认读者具有使用npm命令的能力,以及具备ES6的能力,以及等等。。。)首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面),这里我使用cnpm命令,请自行百度配
- Vuejs2.0的坑--Element UI 中的el-dialog包含子组件时,报错解决:TypeError: Cannot read property 'setActiveItem' of ...
马小帅mm
真是坑,在el-dialog中使用el-carousel组件,想要动态修改幻灯片的当前激活的索引,element官网给出的文档写着可以用setActiveItem方法改变,但一直给我报setActiveItem这个方法undefined...调试了两个小时终于找到了原因:html代码改变索引js代码,原本我是这样写的showRemarkPic:function(index){varself=thi
- vuejs2.0运用原生js实现简单的拖拽元素功能
weixin_30912051
.select-item{background-color:#5bc0de;display:inline-block;text-align:center;border-radius:3px;margin-right:10px;cursor:pointer;padding:6px20px;color:#fff;}.cursored{cursor:default;}.project-content,.
- vuejs2.0 vsCode router前后端分离权限 vueAdmin后台基础模板
weixin_33871366
感觉不错的开源项目,所以搜集资料来细致的剖析,帮助更多人尽快步入后台系统的开发,其实后台项目有两个最基础最重要的东西就是:权限验证和安全性,关于VSCode是最近很火的编辑器不做过多说明,下面的参考资料有详细讲解第三方参考资料手摸手,带你用vue撸后台系列四(vueAdmin一个极简的后台基础模板)导航守卫请求、响应拦截器me-admin-template开发文档me-admin-template
- VueJs2.0入门--之后台管理系统(vue.js +vue-router+vuex+element-ui+axios)
玉米_欣
前端框架vue-js
步骤vue-clinpmivue-cli-g安装element-uinpmielement-ui-S安装vuexnpminstallvuex-s安装axiosnpminstallaxios安装scssnpminstallnode-sass–save-devnpminstallsass-loader–save-dev知识点axiosaxios({url:'platform-app/tenant/qu
- 建立component的多种方法
superXX07
vue之component在Vue.js中定义组件模板的七种方式终于搞懂了vue的render函数(一)Vuejs2.0学习(Render函数,createElement,vm.$slots)https://blog.csdn.net/jiang7701037/article/details/83178630优先级顺序:el标签,那么就相当于有两个根元素转载于:https://www.cnblog
- axios调取本地mock模拟数据详细讲解
积码成猿
vuejs
需要与后台进行数据交互这里使用本地json数据来模仿后台数据交互流程我们使用了mock数据(模拟后台数据)作为前端经常需要模拟后台数据,我们称之为mock。mock的真正意义在于简化测试环境。假如你现在要测试一个dao,但是你有不想构建数据库环境就可以用mock模拟数据库的返回结果。进入正题:一,在vuejs2.0版本在配置文件webpack.dev.conf.js进行本地数据访问,在constp
- VUE2学习资源
清_松
转载于www.vue-js.com的文章一.资源教程综合类vuejs英文资料vuejs2.0文档Vue中文资料总汇Vue.js的一些资源索引vue资料入门类vue快速入门Vue.js中文系列视频教程onLaravist英文教程LearningVue1.0:StepByStep社区sf-vue标签知乎-vue标签Vue.js专业中文社区vue-issues二.文档VueAPIVue.js-APIvu
- vuejs心法和技法
weixin_33724570
注意:本文记录作者在学习和使用vuejs开发中的点点滴滴,从vuejs1.0开始直到现在的vuejs2.0以后的版本。期中部分1.0的内容已经过时,仅作各位朋友参考,建议重点关注2.0相关的内容,会随着我对vuejs有了更多的体会后不断维护更新,也欢迎朋友们批评指正共同学习提高。所有的vuejs组件都是被扩展的vue实例;varMyComponent=Vue.extend({//扩展选项对象})v
- nodejs后台接收不到前台提交的用户信息
qq_18235181
最近在做一个webapp的项目,遇到一个前后端交互的问题就是:后台接收不到前台提交给后台的数据。在网上查了一些资料,都是写的发送端和接收端post的两个地址一样才行,但是,我把post的两个地址写的一样,一直报错,后来发现是app.use()里的路径问题。项目所用技术:后台:nodejs、express;前端:vuejs2.0、vue-resource实现功能:用户先注册,然后把注册信息提交到后台
- VueJs2.0建议学习路线
Y_YoungSun
VUE
VueJs2.0建议学习路线最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢。既然大家会看这篇文章,那么肯定是vue的学习者了,或是遇到的瓶颈,或者刚刚开始学,不知道如何快速起步,本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线Vuejs的作者尤雨溪尤大也写过一篇关
- vuejs2.0从入门到放弃--入门实例(四)
Angewell
Vuejs
最近,很多小伙伴有疑惑,想学vuejs必须先了解复杂的构建工具和命令行操作吗!!答案是否定的!对于很多做前端的同学,涉及到命令行和构建工具,想必大家都比较发憷,没有人指导,根本就不理解不了命令行的操作,导致好多想学习vue的同学被扼杀在摇篮里。今天就跟大家一起开启,没有命令行的vue学习之旅,本文适合小白,高手自动忽视。现在,大部分的vuejs的资料都是用vue-cli去构建项目的,给不懂node
- vuejs2.0如何获取dom元素自定义属性值
milli236
Vue.js
1.设置定义属性值:data-value=".."{{list.name}}2.methods:{changeHeaderContent(index,name){console.log('cht',index)console.log('chaname',name)}上面是循环体中获取。直接获取data(){return{msg:'WelcometoYourVue.jsApp',name:'czj'
- vuejs2.0 组件基础动态组件 Tab选项卡插件
kingrome2009
vuejs2.0
有的时候,在不同组件之间进行动态切换是非常有用的,比如在一个多标签的界面可以通过Vue的元素加一个特殊的is特性来实现html{{tab}}jsVue.component('tab-home',{template:'Homecomponent'})Vue.component('tab-posts',{template:'Postscomponent'})Vue.component('tab-arc
- Vuejs2.0 使用教程
实验楼
Vuejs2.0使用教程简介:在本实验中你可以学到数据双向绑定,介绍vuejs的部分指令等等。适合有一些html和js经验的伙伴。本教程由Adward发布在实验楼,完整教程及在线练习地址:Web-Vuejs2.0使用教程(更多课程请查看全部-课程-实验楼)教程提纲:第1节开始使用Vuejs2.0第2节Vuejs的常用指令第3节Vuejs的第一个示例第4节Vuejs组件第5节vuejs计算属性第1节
- vuejs2.0 vue-admin-cms
kingrome2009
vuejs2.0Javascript
router-view路由切换时都会重新渲染触发钩子真实的业务场景中,这种情况很多。比如我创建和编辑的页面使用的是同一个component,默认情况下当这两个页面切换时并不会触发vue的created或者mounted钩子,官方说你可以通过watch$route的变化来做处理,但其实说真的还是蛮麻烦的。后来发现其实可以简单的在router-view上加上一个唯一的key,来保证路由切换时都会重新渲
- vuejs2.0 购物车数量增减 类radio单选框
kingrome2009
vuejs2.0
主要讲解购买数量选择以及有效时间选择模块数量增减主要涉及到最小最大范围以及手动输入只能输入数字的计算有效时间选择模块类radio单选框比较简单监控当前选中的index父组件购买数量:有效时间:importVCounterfrom'../../components/base/counter'importVChooserfrom'../../components/base/chooser'import
- Vue二次封装axios为插件使用
z__a
vue
vuejs2.0已经不再维护vue-resource,vuejs2.0已经使用了axios,这也是为什么我会转到axios的主要原因,废话不多说:基本的封装要求:统一url配置统一api请求request(请求)拦截器,例如:带上token等,设置请求头response(响应)拦截器,例如:统一错误处理,页面重定向等根据需要,结合Vuex做全局的loading动画,或者错误处理将axios封装成V
- 用Vue.js实现一个简单的搜索框
Tsundere黄
在github上看到的练习,看个遍代码后自己再练一遍,先放原址:https://github.com/lavyun/vue-demo-search主要用到的知识很简单,简单的vuejs2.0的知识就够了。源码用了.vue构建和ES6,用了webpack打包等等。我资历还浅,先用一个简单的.js的写。先看效果这里有两个组件,一个组件是logo部分的,一个是搜索框部分的。htmlhtml很简单,就是引
- 使用vuejs2.0和element-ui 搭建的一个后台管理界面
weixin_34306676
说明:这是一个用vuejs2.0和element-ui搭建的后台管理界面。相关技术:vuejs2.0:一套构建用户界面的渐进式JavaScript框架,易用、灵活、高效。element-ui:一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库。vue-router:前端路由,用Vue.js+vue-router创建单页应用(SPA)非常简单。axios:基于Promise的HTTP请求客
- Vue二次封装axios为插件使用
weixin_34116110
照例先贴上axios的gitHub地址不管用什么方式获取数据,对于一个项目来说,代码一定要利于维护其次是一定要写的优美,因此加上一层封装是必要的vuejs2.0已经不再维护vue-resource,vuejs2.0已经使用了axios,这也是为什么我会转到axios的主要原因,废话不多说:基本的封装要求:统一url配置统一api请求request(请求)拦截器,例如:带上token等,设置请求头r
- 使用vue开发移动端app 暂停更新中
皇族紫宸
android
使用vue开发移动端app持续更新中开发前准备Vue移动端框架参考资料vuejs2.0高级实战全网稀缺音乐WebAPPVue2.0开发企业级移动音乐APP–导学–附github源码网易云音乐接口+vue全家桶开发一款移动端音乐webAppVue项目打包成移动端APP从零开始搭建vue移动端项目到上线准备vue项目1.将vue命令安装为全局模式npm与yarn命令对比全局安装npminstall-g
- VueJs2.0建议学习路线
lavyun
vuejs
最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢。既然大家会看这篇文章,那么肯定是vue的学习者了,或是遇到的瓶颈,或者刚刚开始学,不知道如何快速起步,本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线。Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网:
http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。
项目源码:
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目,库项目一链接:
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。
非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。
此处我们用的是非运行时异常,首先定义一个异常LoginException:
/**
* 类描述:登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数;
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例,其他类似):
Controller代码:
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码:
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下:
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录,存放html文件(包括index.html)
创建/data/images目录,存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标,需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
 
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做:
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app,然后提交支付宝审核,通过后才能集成
调试的时候估计会真的扣款,请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html
存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我,“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。
项目说明如下:
1.db.sql是项目中用到的表,数据库使用的是oracle11g
2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动;
3.默认项目为零配置启动,如果需要更改启动方式,请
- 《开源框架那点事儿16》:缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。
该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候,大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下,不应该有这种需求
首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。
说一下,
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %>
常用的三种指令: page,include,taglib
page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include