Xzavier

行到水穷处，坐看云起时

git stash 使用 切换工作场景

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

Posted by xzavier on May 11, 2018

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

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

Posted by xzavier on April 13, 2018

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

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

Posted by xzavier on March 29, 2018

双色球 年会娱乐项目

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

Posted by xzavier on February 14, 2018

互动剧 年会娱乐项目

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

Posted by xzavier on February 12, 2018

心愿墙 年会娱乐项目

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

Posted by xzavier on February 11, 2018

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

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

Posted by xzavier on February 10, 2018

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

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

Posted by xzavier on January 1, 2018

AMP初探 Hello , Accelerated Mobile Page

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

Posted by xzavier on December 6, 2017

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

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

Posted by xzavier on November 5, 2017

HOT RECOMMENDS
FEATURED TAGS
Javascript Git SublimeText3 Node HTML5 CSS3 React Vue HTTP jQuery 小程序 Essay CSS
ABOUT ME

以梦为码，码梦一生

FRIENDS