狗屌

狗屌 查看完整档案

杭州编辑  |  填写毕业院校  |  填写所在公司/组织 qinshou.me 编辑
编辑

PHP Parse error: syntax error, unexpected T_STRING in www\segmentfault.com\module\user\setting.php on line 5

个人动态

狗屌 回答了问题 · 2017-05-25

redux中state值变了不能实时传到组件上

没有贴出完整代码,没发定位问题。

检查下组件 Connect了没

关注 5 回答 3

狗屌 赞了问题 · 2017-02-24

webpack 如何针对文件设置不同的 publicpath

我希望在 css 里引用的图片加上 http://img.xxcdn.com/xxx/ 的前缀,在 html 里引用的 css 文件路径加上 http://c.xxcdn.com/xxx。也就是可以针对不同的资源指定不同的加载路径。我看 publicpath 好像只能加一个,但是我想加多个。

关注 2 回答 1

狗屌 赞了回答 · 2016-12-15

用户提交订单,30分钟后没付款取消订单功能分析

我觉得性能最好的就是高票回答,也就是和php的session过期gc回收机制一样的原理。

如果理解不了那个方法,也可以试试看redis里面加过期时间的办法,这种方法有个缺陷就是如果某个redis节点当机,可能会导致那个节点下的用户订单丢失,这个时候就需要多机同步备份了。

关注 28 回答 18

狗屌 关注了问题 · 2016-12-14

解决React 项目步骤操作,应采取什么样的方式

做了好多页面,今天发现做错了,是一个步骤操作页面,需要后退保留表单数据,而我之前的做法是每一个步骤都做了一个组件导出到路由里了,这造成了重新加载组件。

可能我一开始的方式就是错误的,这次要改的话,我现在的想法是通过一个高阶组件去加载每步的组件,然后每次下一步去验证表单格式,正确就利用css给他隐藏起来,打开下一个步骤,我说一下我为什么要用css,如果点击上一步再次加载那一步的组件的话,那个容器里还是只保留的只是那一步,别的步骤都被替换掉了,所以这方法不可行,只能用css去hide,请问大家有做过的吗?有没有更好的方式?另外有没有快速处理表单的插件? 大致要求就是返回上一步可以保留表单数据,然后到最后一步的时候,点保存提交表单数据.

图片描述

图片描述

关注 6 回答 4

狗屌 回答了问题 · 2016-12-14

解决React 项目步骤操作,应采取什么样的方式

首先要声明一点达成共识,就是未保存到数据库的数据,浏览器刷新后会丢失。
也就是说,我们将数据和状态都保存在内存中,会话内。

然后,就算你现在是路由也没关系,不需要重构业务。

只要把需要存储的数据做“公共耦合”。具体做法把这些数据存储在一个Store里,每次发生更改和读取都操作这个Store,即便路由变化,不管哪个页面都可以访问和修改这个数据。前提是浏览器不刷新。

关注 6 回答 4

狗屌 赞了回答 · 2016-12-14

解决请问css怎样把一个container倾斜平分为两部分

用transform: skew可以做

dom结构如下:

<div class="pic1 pic">
    <img data-original="img/1.jpg" />
</div>
<div class="pic2 pic">
    <img data-original="img/2.jpg" />
</div>

核心是让父元素skew一个角度,再让img skew回来。

.pic{
        transform:skew(50deg,0deg);
     }
.pic img{
        transform: skew(-50deg,0deg);
    }

然后利用padding对img进行移动,找好位置。

所有代码如下:

<style type="text/css">
    *{
        margin:0;
        padding:0;
        box-sizing: border-box;
    }
    body{
        padding-top: 100px;
        padding-left: 100px;
    }
    .pic{
        /*设置border让你看清变化*/
        border: 1px solid red;
        width: 200px;
        height: 300px;
        display: inline-block;
        overflow:hidden;
        transform:skew(50deg,0deg);
    }
    .pic1{
    }
    .pic2{
        /*设置-8让两个inline-block无缝隙*/
        margin-left: -8px;
    }
    .pic img{
        width:200px;
        height:300px;
        transform: skew(-50deg,0deg);
    }
    .pic1 img{
        padding-left: 177px;
        width: 380px;
        padding-top: 150px;
    }
    .pic2 img{
        padding-top: 150px;
    }
</style>

<body>
<div class="pic1 pic">
    <img data-original="img/1.jpg" />
</div>
<div class="pic2 pic">
    <img data-original="img/2.jpg" />
</div>
</body>

说明一下

我只在chrome下调试,代码精简。
效果图如下:

clipboard.png

关注 3 回答 1

狗屌 关注了问题 · 2016-12-14

解决react 无状态组件怎么实现生命周期方法

看到一篇博客无状态组件(Stateless Component) 与高阶组件里有提到,但是比较好奇还有其他方式实现么

关注 2 回答 1

狗屌 回答了问题 · 2016-12-14

解决react 无状态组件怎么实现生命周期方法

比较赞成文章的举例,合理运用高阶组件或修饰器来实现状态传递。

但是如果偏要用无状态组件,又要加上声明周期,未免太过牵强。

所以在开发中,考虑使用无状态组件的业务模块,要属于颗粒度细,无副作用的组件。


所谓细颗粒度,很好理解。假设我们有一个完整的搜索组件,其中包含了输入框、搜索按钮,清空。

clipboard.png

那么:

  • 输入框组件负责:响应输入事件,事件中返回内容;<Input onChange={} defaultValue={}/>

  • 按钮组件负责:点击状态,点击事件反馈;<SearchButton onClick={} loading={false}/>

  • 清空:干涉输入框组件的内容;

如果你再有一点强迫症,写的时候可以完全按照上面也分出3个组件完成(具体不演示)

巧妙的是每一个子组件只是传入一个东西,传出一个东西。不涉及生命周期,不耦合于业务代码,不影响系统。甚至可以服用在其他业务上。

此时无状态组件的意义显露出来。

关注 2 回答 1

狗屌 关注了问题 · 2016-12-14

解决webpack编译时,React中ajax是用ES6箭头函数报错,请教原因

我将React官网上面的发表评论的demo改写为ES6的时候,出现了如下问题:

因为使用ES6的语法,我希望能在deleteClick中使用箭头函数来使得ajax中的this指向上一层,使得this.setState生效,然而在用webpack编译的时候确报错了。代码部分
编译报错
并且我尝试用

success (data){this.setState({data: data});}.bind(this)

来解决作用域问题时,webpack编译依然会报错.bind(this)的部分,如此,我就只能在deleteClick中先把this保存下来,let this = that,来使得setState可以正常调用。

请问前两个报错的原因,和是否还有其他的解决方式,谢谢

关注 4 回答 4

狗屌 回答了问题 · 2016-12-14

解决webpack编译时,React中ajax是用ES6箭头函数报错,请教原因

因为你外层是一个类({}),所以不可以这样声明函数:

// wrong
demo({
    url: 'xxx',
    success = (data) => {
        console.log(data)
    }
})

可以尝试这样写:

demo({
    url: 'xxx',
    success(data) {
        console.log(data)
    }
})

关注 4 回答 4

认证与成就

  • 获得 172 次点赞
  • 获得 38 枚徽章 获得 0 枚金徽章, 获得 11 枚银徽章, 获得 27 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2013-09-24
个人主页被 1.6k 人浏览