[Top] angular - 仿github - NgResume

  • 前端框架 angular+layui
  • 后端框架 thinkphp3.2
  • 数据库 mysql
  • 测试账户密码都是 test
  • 本来想做了一个简单的简历展示系统,做着做着感觉做成博客了,前台页面风格仿照 github,后台页面风格仿照 typecho 。
  • 未做移动端兼容,懒,不想做了。
  • 登录后可查看页面信息,测试账号无任何修改权限。
  • 文章编辑使用了 Markdown 编辑器 editor.md 。
  • 分页使用的 tm.pagination 。

  翻  牌  子

[Top] 小程序 - xiaowiba

前言

是的!xiaowiba 小程序版 先已震撼发布!
功能什么的很简单,就是展示博客文章内容。边学边做,无聊的时候写点。
写起来感觉和 vue 好像。
大概 5 天时间搞了出来并通过审核发布,兼职前端的我表示页面样式未来一定会慢慢优化的。
哈哈~

20180831 V1.0.1

  • 展示标签为xcx的文章
  • 展示关于我页面
  • 上拉刷新,下拉加载更多
  • 使用Towxml解析文章详情页面

2018年度简报

2018年是一个特别的一年;
1月,加班;
2月,拥有了自己的第一辆车;
3月,加班;
4月,加班;
5月,与另一半携手步入婚姻的殿堂;
6月,加班;
7月,离开了天天加班到深夜的老公司,从php转战前端;
8月,老子终于不用加班了,爽。
9月,平淡无奇的撸代码;
10月,平淡无奇的撸代码;
11月,奋战了5年的5s终于退休,接替它的是肾8;
12月,平淡无奇的撸代码。
展望2019年;
平淡无奇的撸代码。

网站雪花特效

<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
    var sf = new Snowflakes({
    color: "#FFFFFF",
    count: 66,
    minOpacity: 0.3,
    maxOpacity: 1
});
</script>

效果预览见本站点

程序员的寒冬

12月初,当初面试我的技术经理,以及同组的3个组员。
在临近下午下班前一个小时的时候,收到了劝退邮件。
赔偿 N+1,下班前办理好交接及离职手续,明天就不用再来了。
早上的时候,还在一起开会讨论着需求功能点,明天就看不见了。
同时被裁的,还有1个IOS,1个测试。
而且IOS印象非常深刻。
下午的时候我们在一起听产品讲解需求,会上他在一直刷抖音。
...
但,这只是第一轮裁员。
一周后,其他组被裁3人。其中包括面试我的另一技术骨干。
至此,当时面试我的3个人,有2个人被裁走了。
...
现在回想起来,依然不寒而栗。
上午可能在辛苦认真的敲代码,下午就可能收到被辞退的邮件。
...
综上所述,寒冬将至。

jQuery - textarea 自适应内容高度

<textarea id="textarea"></textarea>
<script>
function makeExpandingArea(el) {
    var setStyle = function(el) {
        el.style.height = 'auto';
        el.style.height = el.scrollHeight + 'px';
        // console.log(el.scrollHeight);
    }
    var delayedResize = function(el) {
        window.setTimeout(function() {
            setStyle(el);
        },
        0);
    }
    if (el.addEventListener) {
        el.addEventListener('input',function() {
            setStyle(el);
        },false);
        setStyle(el);
    } else if (el.attachEvent) {
        el.attachEvent('onpropertychange',function() {
            setStyle(el);
        });
        setStyle(el);
    }
    if (window.VBArray && window.addEventListener) { //IE9
        el.attachEvent("onkeydown",function() {
            var key = window.event.keyCode;
            if (key == 8 || key == 46) delayedResize(el);
        });
        el.attachEvent("oncut",function() {
            delayedResize(el);
        }); //处理粘贴
    }
}
makeExpandingArea(textarea);
</script>

  翻  牌  子

CSS - 中间含数字的圆圈

12

<span style="width:17px;height:17px;top:17px;line-height:17px;border-radius:15px;font-size:12px;background:#FF0000;color:#FFFFFF;">12</span>