[Top] angular - 仿github - NgResume

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

  翻  牌  子

git - 创建分支

在本地新建一个分支: git branch v1.0.0
切换到你的新分支: git checkout v1.0.0
将新分支发布在github上: git push origin v1.0.0
在本地删除一个分支: git branch -d v1.0.0
在 git 远程端删除一个分支: git push origin :v1.0.0   (分支名前的冒号代表删除)

JS - 判断鼠标指针移动离开页面

    function initMouseout() {
        document.body.addEventListener('mouseout', (evt) => {
            if (!evt) var evt = window.event;
            var to = evt.relatedTarget || evt.toElement;
            if (!to || to.nodeName == "HTML") {
                $('#menu_hover_bg')
                    .stop()
                    .animate({
                        height: '0'
                    }, 100);
            }
        });
    }

拓展

JS - 通过内核判断各种浏览器|区分360与谷歌

function getBrowserInfo(){
        var ua = navigator.userAgent.toLocaleLowerCase();
        var browserType=null;
        if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
            browserType = "IE";
            browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];
        } else if (ua.match(/firefox/) != null) {
            browserType = "火狐";
        }else if (ua.match(/ubrowser/) != null) {
            browserType = "UC";
        }else if (ua.match(/opera/) != null) {
            browserType = "欧朋";
        } else if (ua.match(/bidubrowser/) != null) {
            browserType = "百度";
        }else if (ua.match(/metasr/) != null) {
            browserType = "搜狗";
        }else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
            browserType = "QQ";
        }else if (ua.match(/maxthon/) != null) {
            browserType = "遨游";
        }else if (ua.match(/chrome/) != null) {
            var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
            function _mime(option, value) {
                var mimeTypes = navigator.mimeTypes;
                for (var mt in mimeTypes) {
                    if (mimeTypes[mt][option] == value) {
                        return true;
                    }
                }
                return false;
            }
            if(is360){
                browserType = '360';
            }else{
                $('html').css("zoom",".80");
            }
        }else if (ua.match(/safari/) != null) {
            browserType = "Safari";
        }
}

CSS - 一个div设置多个背景图

.index-product-main {
    box-shadow: #abc6fb 0 0 18px inset;/*内部阴影*/
    padding: 20px;
    border: 1px solid #abc6fb;
    border-radius: 3px;
    background-image:url("../img/index/product/left-top.png"),url("../img/index/product/right-top.png"),url("../img/index/product/left-bottom.png"),url("../img/index/product/right-bottom.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, right bottom;
}

拓展

win10专业版激活方法

1.首先,我们先查看一下Win10正式专业版系统的激活状态:

点击桌面左下角的“Windows”按钮,从打开的扩展面板中依次点击“设置”-“更新和安全”,并切换到“激活”选项卡,在此就可以查看到当前系统的激活状态。

  翻  牌  子

搭建 gogs

https://www.miroc.net/67.html
https://www.jianshu.com/p/f7a7a6c6027d