分类: 资料

互联网的可贵就在于它的分享精神

  • Typecho更换空间出现“Database Server Error”错误

    给typecho网站迁移服务器空间,在正常导入数据文件、修改config.inc.php文件服务器信息后,访问网站出现“Database Server Error”错误提示。出现该错误的原因可能是服务器使用了php 7.0+版本,可能是由于typecho长久未更新,目前应该还不支持php 7.0+的高版本,如果你的服务器使用的是php7.0以上的版本,可以试试下面的解决方法。

    方法一:
    使用低版本的php,如php5.5

    方法二:
    修改数据库引擎为Pdo_Mysql
    1、编辑网站根目录下的config.inc.php文件
    2、找到代码:

    $db = new Typecho_Db('Mysql', 'typecho_');

    修改为

    $db = new Typecho_Db('Pdo_Mysql', 'typecho_');

    3、保存文件即可。

  • Mac安装软件时提示已损坏的解决方法

    最新Catalina报错问题汇总
    提示程序含有恶意代码或者已经打开所有来源还是提示扔到垃圾桶
    在终端输入 xattr -r -d com.apple.quarantine 加上程序的App绝对路径,App建议直接拖放到终端,会自动填写路径
    如这样:xattr -r -d com.apple.quarantine /Applications/QQ.app

  • Macbook开机后卡在进度条不动了

    大晚上在看视频的时候突然电脑死机了,也是在买了苹果电脑之后才醒悟,原来苹果也会死机啊,不过也是系统升级之后的事,可能你一直不升级的话会好很多,就像你手机升级了会卡一样,不过不升级的话很多软件又用不了,尴尬。
    卡了之后就像往常一样强制关机重启,好嘛,我最担心的事情来了,一直卡在苹果进度条进不了桌面了,重启了几次都这样,瞬间把我吓到了,不会挂了吧,里面可还有很多重要资料呢,还没时光备份呢!
    还好在网上找到了正确的解决方法,顺利解决了,应该是由于长久没关机或者开的软件太多,内存被一直占满了,方法如下:
    1、强制关机,重启电脑看看能不能正常进入系统。
    2、开机时按option,选择Macintosh HD进入,看看能不能正常进入系统
    3、重置一下NVRAM:先关机,然后开机时同时按下option+command+P+R,听到3-4声启动声音后进入系统,看看是不是恢复正常
    4、如果以上操作都不行,尝试进入安全模式:开机立即按下shift,直到出现苹果图标,这个启动过程比正常的启动过程要慢一些,然后用你的账户密码登录系统,然后重启电脑,正常启动,应该恢复正常。

    一般比较严重的都是第三条引起的。

  • 开启Chrome自带的多线程下载功能

    Chrome 浏览器自带多线程下载功能,只不过默认是关闭的,打开 Chrome 浏览器,国产 Chrome 内核的浏览器通通适用,包括前段时间推送的新版 Edge 也可以,在地址栏输入

    chrome://flags/#enable-parallel-downloading

    打开后如下图模式

    选择“Enable”,出现”Relaunch”(重启浏览器),点击它,重启后就开启了多线程下载功能。

  • 服务器发回了不可路由的地址,使用服务器地址代替的解决方法

    使用Filezilla连接路由器内的计算机搭建的ftp服务器时常会出现如下错误:
    状态: 服务器发回了不可路由的地址。使用服务器地址代替。
    解决方案:
    更改Filezilla设置,编辑-设置-连接-FTP-被动模式,将“使用服务器的外部ip地址来代替”改为“回到主动模式”即可。

  • MAC设置允许任何来源

    在升级了macOS Sierra (10.12)版本后在“安全性与隐私”中不再有“任何来源”选项

    接下来,我们就打开终端,然后输入以下命令:

    sudo spctl --master-disable

    输入后,可能会让你输入电脑的密码,输入就可以(屏幕上不会显示,但你真的输入了,Linux和Unix核心输入密码都是这样的)

    然后再重新打开安全**隐私,就惊奇地发现,已经出现并选中“任何来源”啦。

  • bootstrap的a页面指定tab,点击more,跳去b页面指定的tab

    如图实现目标: a页面的tab1标签页中点击more 跳去b页面的tab1,同理类比其他两个tab。

    这里为什么是more跳过去的呢,因为tab nav上面的tab1,tab2,tab3,是用来对应自己在同个页面的标签页的。

    使用框架: bootstrap的v3版本的tabs标签页

    https://v3.bootcss.com/javascript/#tabs

    老生常谈:  为当中某个标签页的<li>元素指定 “active”类名就可以激活当前对象  当然也可以用:first,:last,:eq(2)等的jq为指定的<li>元素中的<a>激活显示对应的标签页

     $(function () {  
         $('#myTab a:first').tab('show');//初始化显示第一个tab  
         $('#myTab a:last').tab('show');//初始化显示最后一个tab  
         $('#myTab li:eq(2) a').tab('show');//选中第三个tab  
         $('#myTab a[href="#wanted"]').tab('show');//选中你想要的tab 
    
      $('#myTab a').click(function (e) {  
        e.preventDefault();//阻止默认行为  
        $(this).tab('show');//显示当前选中的链接及关联的content  
      })  
    })  

    实现目标: 需要跨页面实现tab的选中。实现思路: a页面通过url传参(参数是tab的名称),然后在b页面进行截断获取再进行选中(通过在url传参的做法前提是不影响后台传数据)

    <!--a页面-->
    <ul class="nav nav-pills nav-justified" id="myTab">
       <li role="presentation" class="active">
           <a href="#tab1">tab1</a>
       </li>
       <li role="presentation">
           <a href="#tab2">tab2</a>
       </li>
       <li role="presentation">
           <a href="#tab3">tab3</a>
       </li>
    </ul>
    <div class="tab-content">
       <div role="tabpanel" class="tab-pane active" id="tab1">
            <p>tab1 content</p>
            <a href="./detail.html?type=tab1" class="btn btn-lg">
               more
            </a>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab2">
            <p>tab1 content</p>
            <a href="./detail.html?type=tab2" class="btn btn-lg">
               more
            </a>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab3">
            <p>tab1 content</p>
            <a href="./detail.html?type=tab3" class="btn btn-lg">
               more
            </a>
        </div>
    </div>
    <!--b页面-->
    <ul class="nav nav-pills nav-justified" id="myTab">
       <li role="presentation" class="active">
           <a href="#tab1">tab1</a>
       </li>
       <li role="presentation">
           <a href="#tab2">tab2</a>
       </li>
       <li role="presentation">
           <a href="#tab3">tab3</a>
       </li>
    </ul>
    <div class="tab-content">
       <div role="tabpanel" class="tab-pane active" id="tab1">
            <p>tab1 content</p>
            <nav aria-label="...">
               <ul class="pagination">
                    <li class="disabled">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&lt;</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">1 <span class="sr-only">(current)</span></a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                </ul>
            </nav>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab2">
            <p>tab2 content</p>
            <nav aria-label="...">
               <ul class="pagination">
                    <li class="disabled">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&lt;</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">1 <span class="sr-only">(current)</span></a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                </ul>
            </nav>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab3">
            <p>tab3 content</p>
            <nav aria-label="...">
               <ul class="pagination">
                    <li class="disabled">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&lt;</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">1 <span class="sr-only">(current)</span></a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <script>
        //标签页的点击切换
        $('#myTab a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
         //判断a页面中是哪个tab标签页的more跳过来的
         var ur=location.href;
         var type=ur.split('?')[1].split("=")[1];
         switch (type){
            case 'tab1':
                $('#myTab a[href="#tab1"]').tab('show')
                break;
            case 'tab2':
                $('#myTab a[href="#tab2"]').tab('show')
                break;
            case 'tab3':
                $('#myTab a[href="#tab3"]').tab('show')
                break;
         }     
    </script>

    结论: 看思路+代码  感想: 感觉除了用if,else if,else,或者是switch来区分对待它们之外,或许还有什么能节省代码量,或者提高性能,或者提高语句覆盖的方法来弄,看以后学深了就更新。

    示例Demo