Vue高级特性一、自定义v-model实现Vue的双向数据绑定父组件中<p>{{name}}</p><custormModelv-model="name"/>data(){return{//组件custormModel中的input输入改变，绑定到了这里，实现双向绑定name:'颜色'}},components:{custormModel}组件custormModel<inputtype="text":value="strName"@input="$emit('change',$event.target.value)">1、上边的input使用了:value而不是v-model2、上边的change要和model.event对应起来3、:value要和model.prop对应起来exportdefault{model:{prop:'strName',//对应propsstrNameevent:'change'},props:{strName:String,default(){return''}},data(){return{}}}二、$n...

小程序实现分销海报 1、简介：　　用户生成属于自己的海报，其他人扫码此图片上的二维码，进入相应的小程序页面，同时带上相关的参数parent_id从而绑定上下级关系；注意：一下是微信小程序的实现方法；支付宝基本同样，只有稍微小的部分修改，例如：支付宝小程序不需要调起授权保存相册，会在你使用的时候自动调用2、例如海报：3、分销海报包含了：　　1、海报背景（可选择更换）；　　2、个人二维码；　　3、用户个人信息；姓名、头像等　　4、海报长按保存功能；4、实现原理：　　海报图、以及个人二维码(扫码可跳转小程序固定一个页面)由后台接口返回两张图片；前台使用canvas将此海报绘制出来；5、html代码微信小程序方法<canvasclass="mycanvas"canvas-id="myCanvas":color:#800000;">"{height:canvasHeight+'px',width:canvasWidth+'px'}"　　@longtap="getAuthAndSaveImg"></canvas>支付宝小程序方法 <canvasid...

Express+Nodejs下的登录拦截实现　　利用商城举例，在商城中没有登录之前，可以看商品列表、详情、登录或者注册都可以，但是购买的时候是不行的，那么这个功能在Node后台中是怎么实现的呢，这个功能可以由前端去在前台实现，但是不安全，本文今天讲解，Node的全局拦截的实现。　　在node项目中，打开app.js，我们可以看到//catch404andforwardtoerrorhandlerapp.use(function(req,res,next){varerr=newError('NotFound');err.status=404;next(err);});//errorhandlerapp.use(function(err,req,res,next){//setlocals,onlyprovidingerrorindevelopmentres.locals.message=err.message;res.locals.error=req.app.get('env')==='development'?err:{};//rendertheerrorpageres.status(e...

1、apiclou实现页面的登录方式，不适用自带的登录。html代码<divclass="login_ipt_box"><imgclass="login_pic_ipt"src="../../image/userName.png"/><inputclass="ipt_login"name="userName"value=""id="userName"placeholder="请输入账户名"/></div><divclass="login_ipt_box"><imgclass="login_pic_ipt"src="../../image/password.png"/><inputclass="ipt_login"name="userPassword"type="password"value=""placeholder="请输入密码"id="password"/></div><inputtype="button"class="btn_login"onclick="loginIn()"va...

1.安装vue-i18n：npmivue-i18n-S当然你也可以这样：<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script><scriptsrc="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>2.项目配置vue-i18n：在src目录下创建i18n文件夹，在i18n文件夹内添加基础配置及各语言文本配置文件；在index.js进行如下设置：importVuefrom'vue';importVueI18nfrom'vue-i18n';Vue.use(VueI18n);//引入各个语言配置文件importzhfrom'./config/zh';importenfrom'./config/en';//创建vue-i18n实例i18nconsti18n=newVueI18n({//设置默认语言locale:localStorage.getItem('locale')||'zh',//语言标识//添加多语言（每一个语言标示对应一...

vue2.0模拟锚点实现定位平滑滚动 　　效果为点击哪一个标题，平滑滚动到具体的详情。　　如果是传统项目，这个效果就非常简单。但是放到Vue中，就有两大难题：　　1.在没有jQuery的animate()方法的情况下，如何实现平滑滚动？　　2.如何监听页面滚动事件？　　进行多次尝试之后，终于解决了这些问题　　期间主要涉及到了 setTimeout的递归用法，和Vue生命周期中的 mounted　　首先导航处<h3class="current"><ahref="javascript:;"class="button"@click="jump(0)">产品详情</a></h3><h3><ahref="javascript:;"class="button"@click="jump(1)">预定须知</a></h3><h3><ahref="javascript:;"class="button"@click="jump(2)">费用明细</a&...

在我们需要实现这样一个功能，登录拦截其实就是路由拦截，首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。在路由管理页面添加meta字段router/index.js文件，例如，在用户直接跳转/manage路径下的时候，实现路由拦截{path:'/manage',name:'manage',component:manage,meta:{requireAuth:true}},我们需要在main.js中加上router.beforeEach((to,from,next)=>{console.log(to);console.log(from);if(to.meta.requireAuth){//判断该路由是否需要登录权限if(localStorage.getItem('access_token')){//判断本地是否存在access_tokennext();}else{　　　　　　next({　　　　　　　　path:'login',　　　　　　　　query:{　　　　　　　　　...

很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果：一、安装//v5之前的版本npmi--savevue-area-linkage//v5及之后的版本npmi--savevue-area-linkagearea-dataoryarn//v5之前的版本yarnaddvue-area-linkage//v5及之后的版本yarnaddvue-area-linkagearea-data  二、在main.js上进行依赖注入importVuefrom'vue';import{pca,pcaa}from'area-data';//v5orhigherimport'vue-area-linkage/dist/index.css';//v2orhigherimportVueAreaLinkagefrom'vue-area-linkage';Vue.use(VueAreaLinkage)三、组件中使用//v5之前的版本<area-selectv-mode...

centos'的yum安装php的memcache扩展博客分类： linux  让php能使用memcached服务的扩展有两种：memcache和memcached   1.先安装libmemcached扩展  yum-yinstalllibmemcached  2.安装php-pecl-memcache扩展  yum-yinstallphp-pecl-memcache  3.重启php  4.可通过phpinfo()查看是否安装了memcache扩展  5.安装成功后有可能在服务器能够通过telnet连接使用memcached服务，但是在php中通过newMemcache，加connect后返回的错误是连接被拒绝，这个原因是因为selinux安全机制的不允许memcached访问11211端口，所以必须对sulinux进行设置   临时生效的方法： setenfor...

原创文章,转载请注明出处：http://www.cnblogs.com/hongfei/archive/2012/07/07/2580776.html简单工厂模式：①抽象基类：类中定义抽象一些方法，用以在子类中实现②继承自抽象基类的子类：实现基类中的抽象方法③工厂类：用以实例化对象看完文章再回头来看下这张图，效果会比较好1采用封装方式23<?php4classCalc{5/**6*计算结果7*8*@paramint|float$num19*@paramint|float$num210*@paramstring$operator11*@returnint|float12*/13publicfunctioncalculate($num1,$num2,$operator){14try{15$result=0;16switch($operator){17case'+':18$result=$num1+$num2;19break;20case'-':21$result=$num1-$num2;22break;23case'*':24$result=$num1*$num2;25break;2...

策略模式(Strategy Pattern)策略模式是对象的行为模式，用意是对一组算法的封装。动态的选择需要的算法并使用。策略模式指的是程序中涉及决策控制的一种模式。策略模式功能非常强大，因为这个设计模式本身的核心思想就是面向对象编程的多形性思想。策略模式的三个角色：1．抽象策略角色2．具体策略角色3．环境角色（对抽象策略角色的引用）实现步骤：1．定义抽象角色类（定义好各个实现的共同抽象方法）2．定义具体策略类（具体实现父类的共同方法）3．定义环境角色类（私有化申明抽象角色变量，重载构造方法，执行抽象方法）策略模式的代码实例：<?phpabstractclassbaseAgent{//抽象策略类abstractfunctionPrintPage();}//用于客户端是IE时调用的类（环境角色）classieAgentextendsbaseAgent{functionPrintPage(){return'IE';}}//用于客户端不是IE时调用的类（环境角色）classotherAgentextendsbaseAgent{functionPrintPage(){retur...

sudoapt-getupdatesudoapt-getinstall-ylanguage-pack-en-baselocale-genen_US.UTF-8sudoapt-getinstallsoftware-properties-commonsudoLC_ALL=en_US.UTF-8add-apt-repositoryppa:ondrej/phpsudoapt-getupdatesudoapt-get-yinstallphp7.1sudoapt-get-yinstallphp7.1-mysqlsudoapt-getinstallphp7.1-fpmapt-getinstallphp7.1-curlphp7.1-xmlphp7.1-mcryptphp7.1-jsonphp7.1-gdphp7.1-mbstringsudoapt-get-yinstallnginxsudoapt-get-yinstallmysql-server-5.6第三节视频：sudovim/etc/php/7.1/fpm/php.ini//将cgi.fix_pathinfo=1这一行去掉注释，将1改为0sudov...

到php-fpm下面查看配置文件看引用的文件，找到listening在nginx里面配置为sock方式...

 sudoapt-getinstallsoftware-properties-commonsudoadd-apt-repositoryppa:ondrej/php5-5.6sudoapt-getupdatesudoapt-getupgradesudoapt-getinstallphp5　　如果你想安装PHP的特定版本，那么这篇文章可以帮助你。这篇文章将帮助您安装PHP5.4和PHP5.5PHP5.6，通过使用PPA在Ubuntu15.10LTS，14.04或12.04LTS系统。如果你的系统已经安装了更高版本，你需要安装较低的版本，那么你就得先删除更高版本，然后从系统中删除易储存库。安装PHP5.4 使用如下命令添加PPA到Ubuntu系统中。$sudoapt-getinstallpython-software-properties$sudoadd-apt-repositoryppa:ondrej/php5-oldstable$sudoapt-getupdate$sudoapt-getinstall-yphp5检查已安装PHP版本：#php-vPHP5.4.35-1...

如果你想安装PHP的特定版本，那么这篇文章可以帮助你。这篇文章将帮助您安装PHP5.4和PHP5.5PHP5.6，通过使用PPA在Ubuntu15.10LTS，14.04或12.04LTS系统。如果你的系统已经安装了更高版本，你需要安装较低的版本，那么你就得先删除更高版本，然后从系统中删除易储存库。安装PHP5.4 使用如下命令添加PPA到Ubuntu系统中。$sudoapt-getinstallpython-software-properties$sudoadd-apt-repositoryppa:ondrej/php5-oldstable$sudoapt-getupdate$sudoapt-getinstall-yphp5检查已安装PHP版本：#php-vPHP5.4.35-1+deb.sury.org~precise+1(cli)(built:Nov19201419:34:07)Copyright(c)1997-2014ThePHPGroupZendEnginev2.4.0,Copyright(c)1998-2014ZendTechnologies安装PHP5.5使用如...