2018年05月_cominglately

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vuex actions传递多参数的处理

场景. 在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions 但是在actions 只是可以接收到两个参数的问题分析. vuex actions 固定接受的第一个参数是dispatch对象第二个参数是使用者本身定制的参数解决调用的时候第二个参数传递成多个元素的对象这样在actions 中第二...

2018-05-30 20:28:36 26378 2

原创 vuex actions正确使用vue-resource的方式( Error in mounted hook: "TypeError: Cannot read property 'get' of u)

场景. SPA中使用vuex初始化一项数据,在vuex的actions中需要使用vue-resource 使用的方式是actions : { setTaskList : function (store) { let url = 'http://zhihu.carsonlius_liu.cn/api/tasks'; Vue.$http.get...

2018-05-30 00:27:01 41362

原创 vue 最容易上手的vue-table 插件（huangshuwei/vue-easytable）

场景. vue开发中对表格进行分页是最常见的操作，这就需要选择一个合适的插件了. 或许功能比不上 ratiw\vue-table, 但是这是我见过的最容易上手的一个表单分页插件了分析. 安装简单 &amp;&amp; 使用翻手册就可以处理了安装 &lt;link rel="stylesheet" href="https://unpkg.com/vue-easytabl...

2018-05-29 19:24:06 27510

原创 Vue 去除hash路由默认的#

场景. vue 开启路由后，默认的路由中会带上'#', 不雅解决. 实例化路由规则的时候 const router = new VueRouter({ mode: ‘history’, history: true, routes // （缩写）相当于 routes: routes })...

2018-05-27 17:44:40 10655

原创 vue 分页插件vue-paginate（前端分页的利器）

场景. 分页如果选择前端分页的话这是个利器啊分析. 使用简单，功能齐全. 但是如果你的查询量大就不要用这个插件了，因为他需要的是全量数据，为了减轻数据库的压力，我们不可能在大数据下提供全量数据的用法安装方式第一种 npm install vue-paginate –save-dev ...

2018-05-27 10:32:33 18623

原创 vue 定制模态框组件

场景. 模态框是web开发过程中必不可少的一部分, 所以需要定制一个组件解决. 组件<template> <transition name="modal"> <div class="modal-mask"> <div class="modal-wrapper">

2018-05-26 17:00:01 2342 1

原创 yii2 踩过的坑

场景. 接手了一个yii2项目, 公司统一的tp框架和php5.3版本，这里吐槽一下为啥使用tinkphp框架(开发效率很慢的)，公司运维统一部署环境php5.5?遇到的坑. yii2.0在php5.5的时候 mongodb的链接不会自己释放， php7.0才会自己释放。所以的网站的链接数上涨到了800 触发了mongodb最大连接数的报警（这个库是多个项目组共同维护的）...

2018-05-25 16:40:43 584

原创 http_build_query 踩到的坑

场景. curl请求API之前,使用http_build_query将post数据转成url encode字符串然后发送post数据; 这时候如果api规定必须传递的参数如果是空的话则http_build_query会将这个参数filter掉. api方的确是没有获得想要的数据 ... 分析. 慎用示例 /** * 发送...

2018-05-25 16:23:28 5380

转载前端段分离项目微信授权登录问题

场景spa项目关于微信登录的问题分析下面的链接是一个很好的讨论，为了不让自己忘记先mark一下以后细细研究转载地址https://pvg.v2ex.com/t/287376#r_3297003...

2018-05-24 20:07:26 2465

原创 php 获取post方法payload(json)形式参数的方法

场景. vue-resource发送了一个post请求，在后台$_POST都获取不到数据解决 $request_body = file_get_contents('php://input'); $data = json_decode($request_body, true);

2018-05-21 15:54:20 9994

原创 laravel5.5 作为后端API来用的时候，解决跨域的包barryvdh/laravel-cors

场景. laravel作为后端API使用的时候，前端ajax请求的时候遇到跨域的问题解决. laravel5.5 barryvdh/laravel-cors 使用方法很简单 composer require barryvdh/laravel-cors app/Http/Kernel.php 添加 protected $middleware = [ \Ba...

2018-05-20 13:09:20 4021

原创 npm 引入vue-resource

场景. 使用的vue 必须要在 axios 和vue-resource之间选择一个解决下载 npm install vue-resource –save-dev 加载在main.js 中添加 import VueResource from 'vue-resource' ...

2018-05-20 10:25:08 3698

原创 npm 引入jquery and bootstrap

场景. vue项目引入bootstrap && jQuery解决引入jquery 1 . 下载 jquery npm install jquery –save-dev 2. 引入jquery 在webpack.dev.conf.js plugins添加代码 ...

2018-05-20 10:09:02 3950

原创 laravel5.5 lookup zhihu.carsonlius_liusen.cn on 127.0.0.1:53: no such host

场景. 域名没有备案,然后域名解析就没有临时配置host, 页面上打开的时候就遇到这个问题. nginx + ubuntu分析. 备案万岁解决. 修改server name 可以正常的访问. 至于什么原理就不清楚了...

2018-05-20 09:32:37 2755

转载 windows 下面搭建vue-cli

场景. vue脚手架肯定是要在自己电脑的本地搭建，服务器当然不可能（命令行系统真的是没有什么意义)分析. 下载node.js 地址 `https://nodejs.org/en/download/`转载地址. 发现了一片很好的文章 `https://www.jianshu.com/p/1fcc8d55e44b`分析. windows10 和Linux搭建环境的步...

2018-05-19 21:38:57 239

原创 ubuntu 生成密钥

场景. 部署新环境命令. ssh-keygen -t rsa -C "@yourEmail"

2018-05-19 20:23:36 1822

原创 npm 升级到最新版本

场景. npm安装vue脚手架的时候提示我的版本太低. 网上的教材不能解决问题解决1. npm update 2. sudo chown -R $USER:$(id -gn $USER) /home/carsonlius/.config3. npm update │ npm update check failed ...

2018-05-18 00:48:13 3046

原创 ubuntu 新增一个管理员权限的用户

场景. ubuntu 新搭一套环境, 需要用常规账户进行服务器的操作解决. adduse username 新增用户. vim /etc/sudoers root ALL=(ALL:ALL) ALL carsonlius ALL=(ALL:ALL) ALL...

2018-05-18 00:03:10 539

原创 git 忽略以及恢复对一个文件的追踪

场景一般项目的中index.php的文件是不是需要进行版本追踪，但是如果它已经出现在了git版本中,那么就需要下面的功能了解决. git update-index --assume-unchanged 文件名. git update-index --no-assume-unchanged 文件名...

2018-05-17 15:11:10 2649

转载 nodejs && npm 更新到最新版本

场景. nodejs如果不想有一些莫名其妙的问题还是更新到最近版本吧转载地址https://www.jianshu.com/p/2b24cd430a7d

2018-05-17 14:45:10 3026

原创 tinkphp3.2 多个模块路由没有走默认路由的问题

场景懒得吐槽的框架,在运行多模块的时候设置默认模块没有得到相应的结果'MODULE_ALLOW_LIST' => array( 'Home', 'Api', 'System'),'DEFAULT_MODULE' => 'Home',解决. 修改index.php, 暴力控制// 设置默认的Module...

2018-05-17 14:39:50 597

转载 ubuntu 彻底的卸载软件

场景ubuntu卸载软件的时候转载地址https://blog.csdn.net/get_set/article/details/51276609转载内容如果你关注搜索到这篇文章，那么我可以合理怀疑你被apt-get的几个卸载命令有点搞晕了。apt-get的卸载相关的命令有remove/purge/autoremove/clean/autoclean等。具体来说： ...

2018-05-17 13:54:03 2681

原创 vue2.5.6替换过滤器orderBy invalid expression: Unexpected string in task_lists | orderBy 'id'

场景. 使用v-for的时候，使用orderBy进行排序, v2.5.6控制台给出提示 invalid expression: Unexpected string in task_lists | orderBy ‘id’分析. 翻看官方文档，提示在v-for时弃用过滤器orderBy，使用computed排好序之后替换展示 . 官方文档的连接 ` https...

2018-05-12 11:15:19 1333

原创 Vue @submit添加在laravelcollective/html的Form方法上面

场景. 使用laravelcollective/html的Form创建了一个表单，想要在上面绑定vue的submit事件解决. 将@submit事件当作属性属性传递给Form::open {{ Form::open(['url' => '', 'method' => 'get','id' => 'wang', '@submit' =&g...

2018-05-12 09:19:52 1414

原创 vue2.5.16 警告: 组件内不推荐修改Propsvoid mutating a prop directly since the value will be overwritten whenev

场景给组件传递参数设置 props : ['question_lists'], .getJson获取到了questionlists的数据在.getJson获取到了questionlists的数据在.getJson获取到了question_lists的数据在.getJson的的回调函数中自然需要将得到的数据赋值给question_lists Avoid mutatin...

2018-05-09 23:46:47 3779

原创 vue2.5.16 模板只支持一个控件Component template should contain exactly one root element.

场景. 在写组件template的时候遇到 Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.分析. 翻译一下就是vue template只可以包...

2018-05-09 00:20:00 715

原创 vue2.5.2 component的data属性和实例化Vue Object的data区别

场景. 需要给组建提供参数, 组件内部也有一些参数这两个参数的区别分析1. component data 必须是函数2. component data 只可以在组件内部被解析组件外部会提示 Property or method “now_time_for_app” is not defined on the instance but referenced duri...

2018-05-08 20:35:08 1982

原创 vue2.5.6 升级之后组件传输参数的方式发生了变化 polation inside attributes has been removed

场景vue升级到2.5.6之后传递参数到组件汇报这样的错误分析1. 从提示分析,版的和参数方式不再支持需要采用新的方式 Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead。For example, instead of <div ...

2018-05-06 21:51:45 2940 1

原创 vue v-show && v-model的简单使用

场景. vue对前端开发的友好是jQ比拟不了的分析. v-model可以实现表单元素和应用状态的双向绑定. v-show,v-if 配合v-model可以快捷实现一些简单功能. v-show 实现的原理是 display:none. v-if 元素存在或者不存在实例. textarea如果为空则提示输入内容；否则去掉提示展示输出按钮<!DOCTYPE ...

2018-05-06 11:58:42 5662

原创 laravel5.5 源码解析之belongToMany toggle

场景. 多对多的关系中经常需要用到的一种方式. 实例 Question Model and Follower Model(问题关注者) 假设点击一个按钮，则如果用户已经是关注者，则取消关注否则成为关注者分析1. belongsToMany 在哪里实现了toggle? 内部trait实现class BelongsToMany extends Relatio...

2018-05-05 09:46:32 629

原创 textarea不解析html && div替代textarea

场景. 在展示一段文字的时候不希望占用太多的空间；这时候自然就想到了textarea . 但是textarea只是展示纯文本. 综上使用div实现textarea的功能解决. contenteditable 元素是否可以编辑. div加上一些样式会好看一些 <div class="textarea" contenteditable="true"> //...

2018-05-04 18:24:53 3407

原创 laravel的预加载和延迟加载

场景laravel中延迟加载就是很经典的n+1Query的例子,with实现的预加载实现了(1+1)query分析1. 准备工具 barryvdh/laravel-debugbar2. Question Model And User Model 多对一的relationship . 可以很清晰的看到，两者的区别的是 in($user_ids) 和loop id...

2018-05-02 19:42:05 2604

原创 laravel 调试工具包 barryvdh/laravel-debugbar

场景PHP Debugbar integration for Laravel安装. 只是开发环境使用 composer require barryvdh/laravel-debugbar --dev . laravel5.5以上的版本自动加载不需要其他的操作用法. 一般被动使用就可以了 . 其他用法 `https://packagist.org/packa...

2018-05-02 18:32:09 1332

原创 php n+1 problem and laravel预加载(orderBy排序)

场景场景太多，基本上在一个表的场景中如果需要嵌套它的关联表(relationship) 那么一般都会触发eg: Question Model And Answer Model 在问题的列表页面的一个区域展示相应的答案(一部分)1. 1 Query select * from questions; 得到N条问题2. N Query . 轮询获取问题下面的答案...

2018-05-02 18:19:21 908

原创 laravel hasOne与belongsTo的用法

场景在oen to one 的关系中使用, 但是Model之间的使用哪个却不可以混淆分析区别就是数据结构的区别解决Person Model And Heart Model 一个人只会拥有一个心脏(HasOne) 一个心脏也只会属于一个人(belongsTo)对应的表结构就是Person 属性whatever Heart 属性中其中一个就是person_id...

2018-05-02 17:50:42 4230

原创 laravel belongsToMany和hasMany用法解析

场景coding中经常用到了，两者有非常明显的差异，记录下来方面以后翻阅分析(不同)1. 使用场景不同 . hasMany 应用在One To Many的场景中问题Question Model和答案Answer Model,一个问题下面可以有多个答案，但是一个答案只可以对应一个问题。 . belongsToMany应用在Many to Ma...

2018-05-01 19:21:05 18906