ym-fe / ym-fe.github.io

MIT License
3 stars 0 forks source link

技术周刊 20160724 #3

Open LoeiFy opened 8 years ago

LoeiFy commented 8 years ago

教程经验/解决方案

再复习一下浏览器的http缓存机制

http://www.cnblogs.com/vajoy/p/5341664.html

input 表单的格式化工具

https://nosir.github.io/cleave.js/

用单标签做的css图

http://sbco.cc/magicCss/html/index.html

关于移动端开发远程调试的一些实用性方法

http://mp.weixin.qq.com/s?__biz=MzA5NTM2MTEzNw==&mid=2736710380&idx=1&sn=495333fbd90abf843f2cf17d6621534c&scene=0#wechat_redirect

详细介绍比较通用的weinre

https://github.com/nupthale/weinre

《谈谈命名》

规范的命名比注释更重要啊。觉得程序猿应该要有一本命名词典。 http://insights.thoughtworkers.org/talk-about-naming/

响应式Web设计 – 布局

https://isux.tencent.com/responsive-web-design-layout.html

gulp4.0升迁指南

如果要继续使用 gulp 作为构建工具感觉 4.0 的新特性还是蛮有让人升级的动力 http://www.zcfy.cc/article/the-complete-ish-guide-to-upgrading-to-gulp-4-359.html

Learn TypeScript in 30 Minutes

简单介绍 TypeScript 的一些语法之类的东西 http://tutorialzine.com/2016/07/learn-typescript-in-30-minutes/

《webpack your bag》webpack爬坑指南

https://blog.madewithlove.be/post/webpack-your-bags/

Microsoft REST API Guidelines

https://github.com/Microsoft/api-guidelines/blob/master/Guidelines.md

关于scroll事件的页面优化

http://www.cnblogs.com/coco1s/p/5499469.html

关于Angualr controller 的scope与原生js两者在原型链继承上的联系和区别。

http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs/14049482#14049482

雪碧图在缩放场景下的特殊处理

http://efe.baidu.com/blog/sprite-scale/

有趣分享

中老年程序员经验谈

https://medium.com/@akosma/being-a-developer-after-40-3c5dd112210c

jingzhiMo commented 8 years ago

再复习一下浏览器的http缓存机制 http://www.cnblogs.com/vajoy/p/5341664.html

zWingz commented 8 years ago

input 表单的格式化工具 https://nosir.github.io/cleave.js/

用单标签做的css图 http://sbco.cc/magicCss/html/index.html

LuckyYoga commented 8 years ago

关于移动端开发远程调试的一些实用性方法 http://mp.weixin.qq.com/s?__biz=MzA5NTM2MTEzNw==&mid=2736710380&idx=1&sn=495333fbd90abf843f2cf17d6621534c&scene=0#wechat_redirect 详细介绍比较通用的weinre https://github.com/nupthale/weinre

hy-inger commented 8 years ago

《谈谈命名》 规范的命名比注释更重要啊。觉得程序猿应该要有一本命名词典。 http://insights.thoughtworkers.org/talk-about-naming/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

90arther commented 8 years ago

响应式Web设计 – 布局 https://isux.tencent.com/responsive-web-design-layout.html

Fszer commented 8 years ago

中老年程序员经验谈 https://medium.com/@akosma/being-a-developer-after-40-3c5dd112210c gulp4.0升迁指南 http://www.zcfy.cc/article/the-complete-ish-guide-to-upgrading-to-gulp-4-359.html 如果要继续使用 gulp 作为构建工具感觉 4.0 的新特性还是蛮有让人升级的动力

LoeiFy commented 8 years ago

Learn TypeScript in 30 Minutes 简单介绍 TypeScript 的一些语法之类的东西 http://tutorialzine.com/2016/07/learn-typescript-in-30-minutes/

jingzhiMo commented 8 years ago

提一个问题,是关于优化请求的,场景是这样子的.

A1 动作请求数据 /data 接口,得到数据之后,进行A2动作 (使用promise来控制顺序,下面3个动作一致); B1 动作请求数据 /data 接口,得到数据之后,进行B2动作 C1 动作请求数据 /data 接口,得到数据之后,进行C2动作

其实三个动作请求的数据都是一致的,但是根据数据,之后的操作是不一样的( 看起来好像,分开三个动作是有点多余 ).

由于是异步的关系, 尽管B1, C1动作有判断数据是否存在,但是因为异步请求的关系,最后都发出了三个相同的请求.

现在想要的效果是, A1发出请求之后, B1,C1知道还没返回数据,然后等待. 数据返回之后,统一执行三个动作A2, B2, C2.

Rockergmail commented 8 years ago

《webpack your bag》 webpack爬坑指南 https://blog.madewithlove.be/post/webpack-your-bags/

lucasluk commented 8 years ago

@jingzhiMo 按照你的描述,你想要的是:通过A1请求,得到数据之后依次进行A2,B2,C2动作? 自定义事件B1、C1。通过A1请求数据,得到数据后执行A2,然后触发B1,C1事件。 这样行得通?

LoeiFy commented 8 years ago

Microsoft REST API Guidelines

https://github.com/Microsoft/api-guidelines/blob/master/Guidelines.md

ballballl commented 8 years ago

关于scroll事件的页面优化 http://www.cnblogs.com/coco1s/p/5499469.html

jingzhiMo commented 8 years ago

@lookST 嗯嗯,刚才已经解决了,使用的方法就是这样子的.只是B1,C1都监听了同样的自定义事件,得到数据之后,同时触发,就可以了.

LoeiFy commented 8 years ago

Dynamically theme-able websites using CSS currentColor

http://johnm.io/blog/creating-themeable-websites-using-currentcolor/

Fszer commented 8 years ago

@jingzhiMo 维护一个可能包含[A2,B2,C2]的响应处理数组res[],跟请求promise对象

ABC产生请求前,判断promise对象是否存在, 不存在则新建请求,同时将对应的响应处理函数加入res[]中。 如果已经存在则直接将响应处理函数加入 res[] 中。

然后用统一的请求响应方法 将数据派发到 res 中的每一个元素中。 这样就可以同时适用于单个请求触发,或者或者多个请求同时触发

Obj={
            req:{}, //promise对象
            resAry:[],//请求响应数组
            resFunc=data=>resAry.map(val=>val(data))//分发函数
        }

大概是这种感觉?

lucasluk commented 8 years ago

分享一个答案,关于Angualr controller 的scope与原生js两者在原型链继承上的联系和区别。 http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs/14049482#14049482

jectychen commented 8 years ago

雪碧图在缩放场景下的特殊处理 http://efe.baidu.com/blog/sprite-scale/