Xzavier

行到水穷处,坐看云起时

git stash 使用 切换工作场景

工作期间,难免要临时跳出去写别的代码: 在git版本管理上,我难道要把现在没写完的代码先提交吗,那肯定会造成影响的呀,那肯定得有办法帮我搞一搞吧,得有: git stash 1.使用 git stash 保存当前的临时工作区,不需要提交代码,可以切换到其他分支进行工作,或者在当前分支上完成其他紧急的工作,比如修订一个bug测试提交。 git stash 2.如果一个使用了一个 gi...

漂亮的滚动条 自定义滚动条样式

滚动条,再熟悉不过的东西了。 只要内容超过屏幕,滚动的时候就会出现在侧边的滚动条,有时候,他真的好丑,粗粗的黑黑的,像被生活磋磨了数百次,不再温柔。 平时写个内容框,内容超出的是也可能需要在狭窄的空间内滚动内容,虽然丝滑,但那黑粗的滚动条,确实吸引了视线,内容怎能人黑粗长的东西吸引了读者的目光。那我们帮帮她吧: 添加样式 .beautiful-scroll-bar-box { ...

js富文本编辑器 自己动手搞一个给业务用

这篇文章就换个形式写吧,换一换口味。 contenteditable U: 我们最近想自己写点儿东西发布,给搞个编辑器呗? I: 好啊,你在浏览器顶部输入这行代码就可以了: data:text/html, <html contenteditable> U: 别逗,真要一个写富文本的页面,不用花哨,有几个主要功能就行。 I: 了解。 <div id='edit...

双色球 年会娱乐项目

今天春节前最后一天了,坚守。接着上一茬儿。 今儿聊聊双色球抽奖。 这个挺好玩儿的,一个一个的数字摇出来,中奖桌平分奖池奖金,显然这个很刺激。 手机端不说了,就是一个选号的的页面,为了让年会方便简洁,我们没有设计用户体系。种cookie判断的,所以其实换个浏览器或者清理掉cookie就可以一人扮演多个用户了。但年会嘛,为了玩的轻松,设计直接扫码玩游戏,在做时间限制,简直比有个登录快捷多了...

互动剧 年会娱乐项目

继续上一茬儿。 今儿说说互动剧。 互动剧游戏 这个挺好玩儿的,我们也是主要借鉴这个效果:浏览器手机模式or手机端查看效果 先说说手机端,我们不是一次性点击就进入下一场景,而是一个投票时间段,同事们可以不断的点击自己想要的剧情走向,再根据算法增加这个剧情分支的热度。倒计时结束后,剧情网分支热度最高的方向走。这样才完全调起了观众们不断点击自己喜爱的按钮的激情,当时看到临桌疯狂的点击并呐喊...

心愿墙 年会娱乐项目

接着上一茬儿。 今儿讲讲心愿墙。 这里面没有牛逼的技术,代码也不完整。只是记录一下我遇到的问题和我解决问题的一些心路历程。 在明确了要做什么,做成什么样的时候。 不断以弹幕的形式滚动心愿,在抽取的时候随机抽取心愿并以某个效果展示出来。 效果这个,我想css3+js就足够了。弹幕嘛,我想到了张鑫旭老师的一篇关于弹幕的canvas博客。 于是我也这么搞。 canvas 方法...

皮一下很开心 年会娱乐项目

年会结束了,从准备到执行,整个过程非常的开心啊。 这篇权当记录和分享了,年会的项目用到的技术也是很基础的JavaScript知识和看啥顺眼就用的组件。 老本行相关的就后面两天接着分享下。刚好年会后过年前这几天没那么忙。 首先感谢总导演让我参加一个节目,虽然感觉上我是壮丁,但我不壮。并且还给我控制LED屏的机会。 然后感谢我的老大负责年会相关的网页互动并给与我最大的支持。 感谢和我合作...

感恩过往,不负未来 不要似是而非,就要刻骨铭心

800,职业生涯的第一列地铁。 从孵化园开始了我职业生涯的第一站,带我穿梭了锦城广场,天府一街,来到了世纪城,来到了东方希望天祥广场,来到了天府二街。 这一趟列车,中途人们上上下下,车里的人们在获取和付出,列车外面也有很多期盼着能进列车的人。我也到了我要下车的站,祝愿800依旧会驶向更宏远的未来。 在800的一年多里,有付出,有收获,有快乐,有不安。在这职业生涯的第一站,在象牙塔里从未...

AMP初探 Hello , Accelerated Mobile Page

AMP已经出来很久了,最近看到官方说12月会在北京上海有路演,才想起自己好久没接触这个AMP了,之前为了试一试,把自己博客的about页面改成了AMP页面,当时还在上线前后用了google developer toos - pagespeed 测了下速,确实快了许多,个人感觉还是有速度的提升。但是不知道咋地就是还没看到市场上火起来,大概是它暂时局限于内容页面。好了,现在又有roadshow了...

前端异常监控上报 代码报错 & 请求异常 & 主动上报

背景 在团队日渐庞大,代码越来越多人维护的时候,开发自测、同事Code Review 、QA测试不论怎样覆盖都不能完全避免代码的异常。这时候用代码去监控代码,上报错误日志,并针对性的修改优化,可以提升找错效率,提升前端代码安全性。当然,这也是我前端时间做的事情。 js错误类型 主要包含以下几个: SyntaxError 语法错误 - 解析代码时发生的语法错误。 Referenc...