标题 橙色阳光 - 一个前端开发猿
域名 www.inull.cn   
分类 橙色阳光 前端开发 zbp
源码下载 暂无下载 选择定制
更新时间 2019-07-30
简介 搞搞前端开发,玩玩ZBlogPHP,生命不息,折腾不止,一个前端开发猿的个人博客网站
详情
  • 图片预览
  • 源码预览
  • 文章评论
  • 使用说明
                                     
<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge, Chrome=1" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no, email=no" />
<title>橙色阳光 - 一个前端开发猿</title>
<meta name="description" content="搞搞前端开发,玩玩ZBlogPHP,生命不息,折腾不止,一个前端开发猿的个人博客网站" />
<meta name="keywords" content="橙色阳光,前端开发,zbp,zblogphp,个人博客" />
<link rel="stylesheet" href="https://www.inull.cn/zb_users/theme/os_2019/static/iconfont/iconfont.css?t=20190516" />
<link rel="stylesheet" href="https://www.inull.cn/zb_users/theme/os_2019/static/css/pc.css?t=20190516" />




</head>
<body>

<div class="navbar">
    <div class="nav-container clear">
                <span class="site-name fl"><a href="https://www.inull.cn/">橙色阳光</a></span>
                <ul class="nav-menu fr">
            <li><a href="https://www.inull.cn/">首页</a></li><li><a href="https://www.inull.cn/cate/dev/">前端开发</a></li><li><a href="https://www.inull.cn/about">关于阳光</a></li><li><a href="https://www.inull.cn/guestbook">给我留言</a></li><li><a href="https://www.inull.cn/coffee">咖啡计划</a></li>        </ul>
    </div>
</div>
<div class="list-container has-side-container">
        <div class="list-main" data-async="switch">
                    <div class="list-article-item">
                        <a href="https://www.inull.cn/article/110" title="JavaScript作用域" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://www.inull.cn/zb_users/theme/os_2019/static/images/article-default-cover.jpg" alt="JavaScript作用域" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/110" title="JavaScript作用域">JavaScript作用域</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">作用域中的“骚”操作:使用未声明的变量名,去赋值或执行,会调用this指向对象的可用属性。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/09/25 18:05</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 115</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 0</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/105" title="在ubuntu上安装Nginx官方版本" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.inull.cn/upload/2019/06/20190610124411156014185160416.jpg" alt="在ubuntu上安装Nginx官方版本" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/105" title="在ubuntu上安装Nginx官方版本">在ubuntu上安装Nginx官方版本</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">Linux服务器,我通常选择使用ubuntu,因为接触的内容,很多是和ubuntu相关的,也就习惯了。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/06/10 12:40</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 604</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 4</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/103" title="简单模式,在nginx中安装https的ssl证书" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2019/05/20190530130755155919287553766.jpg" alt="简单模式,在nginx中安装https的ssl证书" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/103" title="简单模式,在nginx中安装https的ssl证书">简单模式,在nginx中安装https的ssl证书</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">自我感觉,各类web服务中,nginx安装第三方证书是最简单的。因为现在申请免费证书的方案很多,所以,就只是简单讲解一下证书的安装,至少能够满足微信小程序的https访问要求。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/05/30 12:00</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 621</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 5</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/100" title="虾搞,数字换算为固定长度的进制码" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://www.inull.cn/zb_users/upload/2019/05/20190515105300155788878085537.jpg" alt="虾搞,数字换算为固定长度的进制码" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/100" title="虾搞,数字换算为固定长度的进制码">虾搞,数字换算为固定长度的进制码</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">类似短网址算法,把数字换算为固定长度的进制码。纯属个人兴趣研究,暂无实际论证,仅供思路参考。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/05/15 11:00</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 928</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 3</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/86" title="安装node-sass失败的解决方案" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2019/05/20190509152809155738688978109.jpg" alt="安装node-sass失败的解决方案" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/86" title="安装node-sass失败的解决方案">安装node-sass失败的解决方案</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">更新了新的安装办法</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/05/09 15:17</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 5555</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 3</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/101" title="更优雅的处理ZBlogPHP主题的模板文件备注问题" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2019/01/20190104105500154657050080865.jpg" alt="更优雅的处理ZBlogPHP主题的模板文件备注问题" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/101" title="更优雅的处理ZBlogPHP主题的模板文件备注问题">更优雅的处理ZBlogPHP主题的模板文件备注问题</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">利用json文件,让模板文件的名称备注和选择变得更加直观。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2019/01/04 10:40</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 1108</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 0</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/96" title="唠叨一下我的小程序开发历程" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2018/02/20180228095513151978291379197.jpg" alt="唠叨一下我的小程序开发历程" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/96" title="唠叨一下我的小程序开发历程">唠叨一下我的小程序开发历程</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">[2018年11月5日更新] 开发过SPA(Single Page Application)的童鞋,在接触小程序教程的时候,第一感觉就是,这就是一个SPA的开发流程啊。如果你没玩过SPA,那你今晚先去大保健吧……</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2018/11/05 15:46</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 3433</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 1</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/98" title="折腾Let's Encrypt免费通配符证书的自动更新" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2018/04/20180425175326152465000675868.jpg" alt="折腾Let's Encrypt免费通配符证书的自动更新" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/98" title="折腾Let's Encrypt免费通配符证书的自动更新">折腾Let's Encrypt免费通配符证书的自动更新</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">结合acme.sh,利用dns服务商的api做Let&#39;s Encrypt免费通配符证书的自动更新</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2018/04/25 18:00</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 7015</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 1</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/97" title="关于多维数组取数据的循环浅谈" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://static.oss.so/upload/2018/04/20180404151813152282629318439.jpg" alt="关于多维数组取数据的循环浅谈" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/97" title="关于多维数组取数据的循环浅谈">关于多维数组取数据的循环浅谈</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">这个问题的起源,来自我在Coding的冒泡中,看到某位泡友的根据返回地区id查询对应的名称;看了写法以后,不禁想起我这些年做的类似栗子。突然想到了一些可取之处,在这里总结一些开发经验。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2018/04/04 15:08</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 7828</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 0</span>
                    </span>
                </div>
            </div>
        </div>
                <div class="list-article-item">
                        <a href="https://www.inull.cn/article/94" title="NodeJS的mkdir自动创建多级路径的方法" class="item-cover tran-thumb scale-thumb thumb">
                <img src="https://www.inull.cn/zb_users/upload/2016/04/201604251461548235455109.jpg" alt="NodeJS的mkdir自动创建多级路径的方法" />
            </a>
                        <h2 class="article-title">
                <a href="https://www.inull.cn/article/94" title="NodeJS的mkdir自动创建多级路径的方法">NodeJS的mkdir自动创建多级路径的方法</a>
            </h2>
            <div class="article-item-main">
                <p class="article-intro">用NodeJS的时候,我在操作日志记录或者文件上传时,难免遇到了路径的创建;执行fs.mkdir会得到报错,创建的路径上一级路径不存在,这时候需要先把上一级路径创建以后,才能继续创建当前路径内容。这是一个繁琐的判断过程,我干脆写成了一个方法提供给大家使用;分同步版本和异步版本,跟你的需求来自己确定如何玩。</p>
                                                <div class="article-info clear">
                    <span class="post-date"><i class="fi fi-time"></i> 2018/01/02 14:29</span>
                    <span class="fr">
                        <span class="view-nums"><i class="fi fi-attention"></i> 10191</span>
                        <span class="cmt-nums"><i class="fi fi-community"></i> 0</span>
                    </span>
                </div>
            </div>
        </div>
                            
<div class="pagebar" data-pagebar>
                            <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/">首页</a></span>
                                    <span class="page-item page-now page-btn">1</span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/2/">2</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/3/">3</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/4/">4</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/5/">5</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/6/">6</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/2/">下一页</a></span>
                                    <span class="page-item page-btn"><a data-async-link href="https://www.inull.cn/page/8/">尾页</a></span>
            </div>
            </div>
    <div class="sidebar">
        <div class="follow-sidebar">
<div class="side-item divSearchPanel">
        <div class="side-content">
                <form method="post" class="search-form" action="https://www.inull.cn/zb_system/cmd.php?act=search" ><input class="form-control" name="q" type="text" placeholder="输入关键字" autofocus="" x-webkit-speech=""><input class="btn" type="submit" value="搜索"></form>            </div>
</div>

<div class="side-item oss-ads">
        <div class="side-title"><h3>正在使用</h3></div>
        <div class="side-content">
                <a href="https://www.inull.cn/go/aliyun" target="_blank" style="display: block;width: 100%; margin-bottom: 10px;">
<img src="https://static.oss.so/upload/2019/05/20190513123613155772217383154.png" style="display: block;width: 100%;" />
</a>
<a href="https://www.inull.cn/go/qcloud2019" target="_blank" style="display: block;width: 100%; margin-bottom: 10px;">
<img src="https://static.oss.so/upload/2019/05/20190513124356155772263684066.jpg" style="display: block;width: 100%;" />
</a>
<a href="https://www.inull.cn/go/vultr" target="_blank" style="display: block;width: 100%;">
<img src="https://static.oss.so/upload/2019/05/20190513124801155772288150730.png" style="display: block;width: 100%;" />
</a>            </div>
</div>

<div class="side-item side-tui-article-item">
        <div class="side-title"><h3>推荐阅读</h3></div>
        <div class="side-content">
                <div class="side-pics-article-item">
                    <a href="https://www.inull.cn/article/100" title="虾搞,数字换算为固定长度的进制码" class="thumb scale-thumb tran-thumb">
                        <img src="https://static.inull.cn/upload/2019/10/post_thumb_3d67a54144b13d09_600x400.jpg" alt="虾搞,数字换算为固定长度的进制码">
                    </a>
                    <h2><a href="https://www.inull.cn/article/100" title="虾搞,数字换算为固定长度的进制码">虾搞,数字换算为固定长度的进制码</a></h2>
                </div><div class="side-pics-article-item">
                    <a href="https://www.inull.cn/article/98" title="折腾Let's Encrypt免费通配符证书的自动更新" class="thumb scale-thumb tran-thumb">
                        <img src="https://static.oss.so/upload/2018/04/20180425175855152465033577116.jpg" alt="折腾Let's Encrypt免费通配符证书的自动更新">
                    </a>
                    <h2><a href="https://www.inull.cn/article/98" title="折腾Let's Encrypt免费通配符证书的自动更新">折腾Let's Encrypt免费通配符证书的自动更新</a></h2>
                </div>            </div>
</div>
</div>
    </div>
</div>
<div class="list-container">
    <div class="link-mode">
        <div class="title clear">
            <h3 class="fl">友情链接</h3>
                    </div>
        <ul class="link-list clear"><li><a href="https://www.os369.com/" target="_blank" title="橙色阳光的应用商店">阳光在线</a></li><li><a href="http://i.zblogphp.com/" target="_blank" title="Z-BlogPHP非官方网站 - ZBP部落">ZBP部落</a></li><li><a href="https://www.zsxsoft.com/" target="_blank" title="ZBlogPHP的最强大佬!">ZSX博士</a></li><li><a href="https://www.birdol.com/" target="_blank" title="鸟儿博客 - 天行健,君子以自强不息!">鸟儿博客</a></li><li><a href="https://www.tusay.net/" target="_blank" title="关注IT技术和学习分享的原创博客">涂涂研版</a></li><li><a href="https://www.txcstx.cn/" target="_blank" title="ZBlog模板制作与定制">天兴工作室</a></li><li><a href="http://www.iasuna.com/" target="_blank" title="爱折腾ZBlogPHP的shellingford">iAsuna</a></li><li><a href="http://www.songzhenjiang.cn/" target="_blank" title="爱折腾ZBlogPHP的伪文人">唐朝博客</a></li><li><a href="https://www.zhidao91.com/" target="_blank" title="一个技术交流、提供IT技术解决方案和关注互联网的 IT 博客">知道91</a></li><li><a href="https://www.huisem.com/" target="_blank" title="恒辉建站">恒辉建站</a></li><li><a href="https://www.fengyan.cc/" target="_blank" title="烽烟博客">烽烟博客</a></li><li><a href="http://www.toyean.com/" target="_blank" title="拓源网">拓源网</a></li><li><a href="https://www.talklee.com/" target="_blank" title="感恩记录个人生活点滴的独立博客">李洋博客</a></li><li><a href="https://www.songhaifeng.com/" target="_blank">小锋博客</a></li><li><a href="https://www.licoy.cn/" target="_blank">憧憬点滴记忆</a></li><li><a href="https://i365.online/" target="_blank" title="必应每日壁纸,历史存档">必应壁纸</a></li><li><a href="https://www.inull.cn/links" target="_blank" title="为什么你友链被我删了">关于友链</a></li></ul>
    </div>
</div>
<div class="footer">
    <div class="footer-container">
        <div class="copyright">&copy; 2014-2019 橙色阳光 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备14018403号</a> <a href="http://www.beian.gov.cn/" target="_blank" rel="nofollow">川公网安备 51010502010555号</a> 已经平稳运行<span id="run_day"></span>天 </div>
        <p class="support">Design By 橙色阳光. Powered By Z-BlogPHP.</p>
    </div>
</div>
<div class="global-tools">
    <span class="tool-item go-top" title="回到页面顶部"><i class="fi fi-top"></i></span>
    </div>


</body>
</html>
                                    

[ 周易轩 ] 在ubuntu上安装Nginx官方版本

Linux服务器,我通常选择使用ubuntu,因为接触的内容,很多是和ubuntu相关的,也就习惯了。

[ 周小芊 ] 简单模式,在nginx中安装https的ssl证书

自我感觉,各类web服务中,nginx安装第三方证书是最简单的。因为现在申请免费证书的方案很多,所以,就只是简单讲解一下证书的安装,至少能够满足微信小程序的https访问要求。

[ 郑羽妍 ] 虾搞,数字换算为固定长度的进制码

类似短网址算法,把数字换算为固定长度的进制码。纯属个人兴趣研究,暂无实际论证,仅供思路参考。

[ 郑诚隐 ] 安装node-sass失败的解决方案

更新了新的安装办法

[ 郑学钧 ] 更优雅的处理ZBlogPHP主题的模板文件备注问题

利用json文件,让模板文件的名称备注和选择变得更加直观。

[ 冯子湘 ] 唠叨一下我的小程序开发历程

[2018年11月5日更新]开发过SPA(SinglePageApplication)的童鞋,在接触小程序教程的时候,第一感觉就是,这就是一个SPA的开发流程啊。如果你没玩过SPA,那你今晚先去大保健吧……

[ 韩雨琳 ] 折腾Let'sEncrypt免费通配符证书的自动更新

结合acme.sh,利用dns服务商的api做Let'sEncrypt免费通配符证书的自动更新

[ 朱友娟 ] 关于多维数组取数据的循环浅谈

这个问题的起源,来自我在Coding的冒泡中,看到某位泡友的根据返回地区id查询对应的名称;看了写法以后,不禁想起我这些年做的类似栗子。突然想到了一些可取之处,在这里总结一些开发经验。

[ 吕群 ] NodeJS的mkdir自动创建多级路径的方法

用NodeJS的时候,我在操作日志记录或者文件上传时,难免遇到了路径的创建;执行fs.mkdir会得到报错,创建的路径上一级路径不存在,这时候需要先把上一级路径创建以后,才能继续创建当前路径内容。这是一个繁琐的判断过程,我干脆写成了一个方法提供给大家使用;分同步版本和异步版本,跟你的需求来自己确定如何玩。

[ 孔翠莲 ] JS实现jQuery的addClass和removeClass功能

jQuery不能用或者jQuery没法及时使用的时候,有需要操作节点的className,就可以用这些代码了。



模板使用前提是遵循《吉山数据服务协议》,图片预览只作为样例举例展示,具体定制以商谈需求为准。


如需要模板/网站开发服务,主按照以下步骤:

1、构思好需求,最好能把需求文档写清楚,以便客服人员快速理解对接。

2、把需求文档通过邮箱(service@jsanai.com)或者QQ(526713444)发送给我们的客服。

3、客服分析完需求后会与你进一步对接。

 
QQ在线咨询