分类目录归档:项目

css网站变灰色调

当别人受到伤害的时候,我们所能做的就是冷静理智的去做自己力所能及的事情。

   今天临时接到通知,说天津爆炸,网站尽量保持灰黑色调,而且今天中午之前完成。so,本以为会很麻烦的事情,而且以前也没有做过在网上找了一下方案,发现并不是想象中的那么难。
其实只需要在外部html加上一个滤镜效果即可。

 

上面代码加了兼容的,亲测在ie789 chrome,ff可行,但是ie10不行不知道为什么。
现在仍然找不到原因。
最后一个利用svg的其实是用来兼容火狐的。
很简单的一个效果,然而”万能的PM”变成灰色之后导航不好看,要让颜色做一下更改。
好,我改。
就是把颜色改一下不就完,然而不支持的ie10,11怎么办呢?
我做过ie css hack 但是没有做过专门高版本的hack呀。
查了一下,\9 是专门ie10,9,8,7的hack方式,但是不支持11呀,最后再万能的爆栈上找到了一个方法:

ok,解决了。

ps: 当时说要做这个效果的时候我还在想,是不是要重新写一套css呀,像更换主题一样,更换css。当时另一个产品线的pm,说了句以前没做过滤镜,我当时看到这句都没反应过来,现在回想,PM真的是万能的。

最近好懒

一直要总结一些东西,总是没有去整理总结,把这一段时间做的东西整理列出来,需要过段时间,一点点整理。

  1. canvas画图    主要技术事件监听、碰撞检测、边缘检测 演示地址                                                     (PS:除了效果和ys大神的一样,其他的每一个代码都是自己思路写的,一直想去对比,最近太懒啦 o(╯□╰)o);
  2. chrome显示豆瓣歌词插件 源码
  3. shareMe(hoho)     主要技术  angular + Express + mysql (路由及层次逻辑)  、socket  demo
  4. jsonp跨域、js事件机制
  5. promise规范、requireJs、hybrid开发,angularJs总结

技术之外

git工作流真的是一个不错的工作方式,尤其是版本控制和merge方面。但是自己好像在git上遇到的坑也不少了。

寒假的时候,在家里用电脑提交不知道怎么回事就是提交不到github上去。最后在群请教,弄了大约一个多小时才修复成功。最终的原因是因为DNS污染,不过那次学到了很多,最后解决的方法是提交的时候直接用github的IP提交。同事还学到了一下git,ssh错误的常用的分析方法。

不过昨天晚上又在git的问题上栽了个跟头,更准确的说是栽在了bitbucket上,因为准备做的这个项目要用一个私有库,虽然github上学生用户可以免费用两年的私有库,但是感觉有点麻烦,且bitbucket也不错也就用这个了。一切准备OK之后准备push的时候,总是提示:

conq: repository access denied. access via a deployment key is read-only.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

开始以为是key的问题,于是就把key删除之后重新创建,不可以,然后又以为和寒假的情况dns问题,用IP的方式push也是不可以,然后用重新clone最后还是不可以,就这样尝试各种方法。最后又仔细分析了错误提示,自己一直使用的最后两句提示来搜的,于是乎把前两句也复制进来搜索才发现不是git的原因,是bitbucket的原因。在项目下创建的那个key是一个read-only的key是不能够push的,要将pub_key放在你的账号下才可以。最后调完已经十点半了。

顺便总结一下这次所用到的git的技术东西吧。 继续阅读

简单的words页面

用了大约有两天多的时间,终于把words上线了。感觉以后可能用不多说说了,就把地址发了一下。大家的反应有象征性的点赞的、有看不懂的、有说太简陋的。我只能笑一笑而已。确实东西很简单,但其实没有想象的那么简单。表面上看上去就是一个留言板。其实:

  1. 不用注册就可以留言,但是你没有办法留 -:D
  2. 如果发的是网址会自动显示这个网页所对应的title
  3. 不用选择分类就会发表到相应的类别中
  4. 点击每个类别的时候不刷新页面(ajax + js tab)
  5. 页面加载自动focus到输入框
  6. 禁止自动完成

其实东西确实很简单,不过现在可以用了以后:

  • 增加chrome插件更快的发表
  • 增加微信发表
  • 增加阅后即焚功能
  • 同步说说 微博
  • todo 增加删除线
  • 优化界面

看似简单,其实一个框真的可以做很多很多东西。

将体验做到极致。