Vue-mini 完整的Demo示例:git@github.com:xsk-walter/Vue-mini.git 一.Vue实例 构造函数: $option\ $el\ $data 判断是否存在 通过 || 逻辑运算符: _ProxyData 遍历所有data属性,并注入到vue实例中: 判断是否重复选项: // Vue.js /** * 1.负责接收初始化的参数(选项) * 2.负责把data中的属性注入到Vue实例,转换成getter.setter * 3.负责调用observer监听da

说是原创,差不多算是转载了,我也是看了好多大牛的写法,大牛的建议,自己加一总结,形成代码: 实现一个简洁版的string类,我觉得,下面的也够了:另外需要参见另外的写法: http://blog.csdn.net/li_ning_/article/details/51282704 #pragma once class String { public: //1.无参构造 String() :_str(new char[1]) { *_str = '\0'; } //2.有参构造 String(ch

前言: 网上有很多springboot 与 shiro 整合的资料,有些确实写得很好, 对学习shiro和springboot 都有很大的帮助. 有些朋友比较省事, 直接转发或者复制粘贴.但是没有经过自己键盘敲打过的代码, 不是自己的代码.所以, 我这里就来记录一个简洁版的. 不牵涉db的. 废话不多说, 开始. 一. jar包引入 <dependency> <groupId>org.springframework.boot</groupId> <artifact

一,前言 前面我们已经搭建过简易版k8s集群了,在此基础上可以搭建一个简洁版guestbook ,以便来学习k8s创建pod的整个过程. 二,在此之前,我们还需要学习一下YAML基础知识 YAML 基础 YAML 是专门用来写配置文件的语言,非常简洁和强大,远比JSON格式方便.YAML语言(发音 /ˈjæməl/)的设计目标,就是方便人类读写.它实质上是一种通用的数据串行化格式. 它的基本语法规则如下: 大小写敏感 使用缩进表示层级关系 缩进时不允许使用Tab键,只允许使用空格. 缩进的空格数

项目中遇到这样一个问题: 在一个地方填了一个申请的表单,需要在另一个页面的列表上显示出来这条申请的数据,但是由于vue的缓存,在切换路由时列表上并没有及时更新数据,解决方法如下: vue路由切换时页面内容没有重新加载 关于vue2.0路由开启keep-alive时需要注意的地方 把mounted()改成activated()就行了.(activated用于初始化页面数据等)

vue中常用的路由模式 hash(#):默认路由模式 histroy(/)切换路由模式 切换路由模式 export default new Router({ // 路由模式:hash(默认),history模式 mode: 'history', // 修改路由高亮样式,默认值为'router-link-active' linkActiveClass: 'active' //路由规则 routes:[ { path:'/', name:'index', component:'Index' } ],

在vue中使用事件来切换绑定的class样式,在vue-cli脚手架中的Home.vue中 <template> <div id="main"> <li v-for="v in news"> <span :class="v.status ? 'success' : 'error del'">{{v.title}}</span> <button @click="switch

一.概述 在Vue单页面开发过程中,遇到这样的情况,当我切换页面时,由于上一页面请求执行时间长,切换到该页面时,还未执行完,这时那个请求仍会继续执行直到请求结束,此时将会影响页面性能,并且可能对现在页面的数据显示造成一定影响 所以我们应该,切换页面前中断前面所有请求 二.解决方法 在main.js中,重新封装axios请求,在router.beforeEach强制中断请求 Vue.prototype.$http= axios; //Vue函数添加一个原型属性$axios 指向axios,这样vu

主要是思路,自己定义组件的时候可以借鉴 Vue-router的 类图 name options: ==> 记录构造函数中传入的对象,在 new VueRouter的时候传了一个对象( routes :路由规则) data: ==> 有个属性 current (记录当前路由地址的),响应式的数据(地址变化加载不同的组件),需要 Vue.observable方法 routeMap: ==> 一个对象,记录路由地址和组件的对应关系,解析路由规则到 routeMap 中 Constructor(

一:先写好两个css样式放在static文件夹中 二:在index.html中添加css link链接 <link rel="stylesheet" id="style" href="static/css/one.css"> 三:在App.vue中的 created中添加默认执行方法 created() { var style = localStorage.getItem("style"); if(style){

之前看了有一些现成的blockUI.Boxy.tipswindow等的jQuery弹出层插件,可是我的要求并不高,只需要在保存后弹出提示信息即可,至于复杂点的弹出层-可以编辑的,我是直接用bootstrap的modal来实现的,因此我就自己做了一个简洁的可以用来弹出提示信息的功能. 首先在页面放一个提示strong:<strong id="tip"></strong>.接下来给它设置一下样式: 提示信息样式 #tip { position: absolute;

弹窗: <div class="pop" v-show="isShow"> <i class="iconfont icon-iconfontweibiaoti1015" v-on:click="hideRules()"></i> <span class="line"></span> <div class="pop-content&q

昨天写的神逻辑,今天终于解决,经过大家的商讨,终于研究出来一套简单的代码!!! js代码如下: <script> window.onload = function() { var oWrap = document.getElementById("wrap"); var oBox = document.getElementById("box"); var aBox = oBox.getElementsByTagName("li"); v

这个一个利用jquery实现动态插入输入行效果小功能,不用在javascript里拼写html字符串,更简洁.高效. html代码: <div class="fitem"> <table id="tblData"> <tr> <td>保证人姓名</td> <td>证件号码</td> <td>工作单位</td> <td>职务</td> &

Android开发中有些主题的EditText不能让我们满意,我们通常希望文本输入框是一条直线,这样显得简洁又美观. 这里我们自定义了一个MyEditText类,继承EditText类,可以实现一条线的文本输入框,MyEditText的类代码如下: 1 import android.content.Context; 2 import android.graphics.Canvas; 3 import android.graphics.Color; 4 import android.graphic

五:业务逻辑GITgit  status要经常用 1. 把远端代码下载下来git clone https://或者git@10.0.4.73:sns,进入cd 文件夹 另外在自己新建立一个项目时,需要重新建立分支 (1) 切换回master分支git checkout master (2) Git pull拉一下远程的代码 (3) 创建自己的分支   git branch jxc_tj (4) 切换回自己的分支  git checkout jxc_tj (5) 做些修改之后执行git push

知识点:hover的使用,已经slideToggle的切换效果 <style> * { margin: 0; padding: 0; } li { list-style-type: none; } a { text-decoration: none; font-size: 14px; } .nav { margin: 100px; } .nav>li { position: relative; float: left; width: 80px; height: 41px; text-al

简介 我想很多同学在项目中可能会遇到类似的问题,然后一顿操作,发现结果不尽人意.于是查阅各种资料,走进很多坑(可能你阅读的这篇随笔也是个坑).接下来我所描述的是关于我使用不同权限的用户切换登陆后,需要我按下键盘F5刷新浏览器,路由表才会更新的问题以及如何解决. 有关问题的关键词: router.beforeEach() router.addRoutes() whiteList store.getters.token router.options.routes router.matcher res

生产环境安装了精简版的centos7需要进行相关配置,添加相关组件才能更好的使用! 由于不同的安装方式欠缺的组件不尽相同,本例尽可能满足一般的生产环境的需要!!! 一.安装ifconfig服务 在没有ifconfig命令的情况下,可使用ip addr命令查看网络配置信息. 首先要进入网卡配置进行修改,使机器可以上网, cd /etc/sysconfig/network-scripts/***vi *** 不同的网卡命名名称不尽相同,主要看自己的网卡信息. Centos7配置静态IP地址,有条件的

一.jdk是what? jdk其实是个软件语言开发包,包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具. 没有JDK的话,无法编译Java程序(指java源码.java文件),如果想只运行Java程序(指class或jar或其它归档文件),要确保已安装相应的JRE. 注:JRE:Java Runtime Environment缩写,指Java运行环境,是Sun的产品.运行JAVA程序所必须的环境的集合,包含JVM标准实现及Java核心类库. 它包括Java虚拟机(jvm).Ja

实例(环境为: CentOS Linux release 7.2.1511 (Core), 3.10.0-327.el7.x86_64) 选择要具体操作的第二块磁盘(linux下一切是文件形式对应): [root@vathe ~]#fdisk /dev/sdb [root@fp-web-130 ~]