夏尔的小酒馆

我的网站漫岛高高兴兴的上了云，却发现访问速度慢的一匹，明明当初虚拟主机也是1核1G1m带宽，现在服务器也是，不至于说网页加载速度慢了快十倍了。优化，首先想到的是开启apache的gzip压缩功能。Response Headers里面的Content-Encoding:gzip指示是否开启该功能，如果没有，执行以下三步即可：1.打开apache配置文件httpd.conf,找到以下三项，解开注释...

最近上云，将个人网站漫岛的代码从阿里云的虚拟主机迁移到阿里云的ECS服务器，中间给网站配置ssl证书的时候遇到一些麻烦，参照网上的方法均不起任何作用，可能我这个问题比较个性，自己花了两天时间才解决，首先看下常规的SSL证书配置方案：1.在Apache的安装目录下创建cert目录，并且将下载的全部文件拷贝到cert目录中。如果申请证书时是自己创建的CSR文件，请将对应的私钥文件放到cert目录下并...

使用thinkphp5.0框架开发个人网站漫岛时，在模型中进行数据库的写入时发现修改器并没有起到任何作用，阅读官方文档也没找到对应说明，最后在评论区找到解决方案，因此记录：开始我在模型存储数据时使用的如下方式：public function saveTag(){ $a = new Tag; $a->data(["label"=>["标签1","标签2","标签3"]]); ...

我的个人网站漫岛采用的是前后端分离，当用户进行敏感操作且其token过期时，需要后台接口返回特定的状态码401。然后前端使用axios的拦截器根据响应的状态码将用户导入到对应的页面。后台返回特定状态码我使用的是http_response_code方法，再配合exit，即可返回状态码401并且给予一定的错误信息说明。http_response_code(401);exit(json_encod...

最近做我网站的更换头像功能时，涉及到了PHP的文件上传。我采用的方案是用户先上传到服务器，服务器再上传到阿里云的OSS，中间会有一个把图片临时存储到服务器的过程。于是在使用php的@unlink（删除指定文件）方法时发现了删除失败的问题。开始以为是我的路径名写错了，后来确认这个参数没有错。删除失败的原因是图片仍然被进程占用，所以想要成功执行@unlink操作，我们最好手动释放下文件对象，避免因...

正在为了创建漫岛而学习PHP，今天在做引导用户填写自己昵称的时候，需要保证用户昵称不会重复，讲诉如何避免用户昵称的重复即是此文的目的。具体步骤如下：1.在创建数据库表的时候，对用户昵称nickname（下文均以此名代表用户昵称字段）设置字段唯一性。这样后续写入相同nickname操作时，就会写入失败。CREATE TABLE `t_user` (`Id` int(11) NOT NULL A...

最近学习PHP，希望能给自己给自己的网站漫岛做后端相关的开发。在使用thinkphp5框架操作数据库时，希望能自动写入时间戳来记录我的更新时间，需求简单，对于初学者来说有几个点我还是得记录一下：1.首先要确认的一点是，时间戳的自动写入仅针对用模型操作数据库，如果使用数据库的更新或者写入方法则无效。2.可以在数据库配置文件中database.php中全局开启自动写入时间戳功能，默认是关闭的。当...

最近PHP编码时使用到==比较符，发现和JS有一些差别，做记录防止混肴。先看PHP中的例子：$a=0;$b='0str';$c='1str';if($a==$b){ echo true;}else{ echo false;}if($a==$c){ echo true;}else{ echo false;}输出结果分别是true和false，原因是PHP将字符串转...

好久不见，最近很忙，大家依然可以关注漫岛的最新动态。今天要说的是Vue项目的一些打包技巧，都是我在漫岛使用过的，因为我们没钱买高配置服务器（目前还是个测试服务器），所以就只能把优化做到更优了。随着项目开发，上线包体积的增大，尤其是我们的vendor.js,这会让项目首屏加载缓慢，白屏好一阵子，这显然是很loser的。于是我便进行了以下几步操作，成功的优化了vendor.js的体积，以前1m多的...

想要做网页截图保存或者是将页面的某些html元素保存为图片的话，常用的插件就是html2canvas。插件的使用本身很简单，这里说的是如何将其生成的canvas保存为图片。直接看代码，简洁靠谱我还亲自帮你实践了。let oCard = document.querySelector("#bsCard");//要转换成canvas的元素let oContainer = document.quer...

问题：Vue项目用了axios,vuex以及ES6语法等一系列看起来很高大上的新技术后，在IE9-11浏览器直接白屏。 原因：IE对ES6语法支持极差，IE也不支持promise，vuex,axios都依赖promise。 解决方案： 1.首先解决es6语法不兼容的问题，用bable转换成es5（不是es2015），执行安装命令 cnpm install --save-dev ba...

简单讲一下Vue项目前端路由（Vue-Router）的意外处理，即当用户输入了网站不存在的地址，跳转到指定页面，不至于让页面显示一片空白，用户一脸懵逼，然后吐槽一波你的网站！ 废话不多说，在你的router配置脚本（.js文件）的最后面加上一行配置项，代码如下：{ path: '*', name: 'Error', component: ErrorPage,}p...

造不完的轮子，封不完的插件。网上什么都有，但是有那找的功夫，自己都写完了。漫岛仍然在向前推进，只是你们看不到最新的更新内容了，剩余的不会展示，等以后上线了再去看把。讲一下如何写一个的Vue插件，（以一个极其简单的loading效果为例），会了这个其他不愁。 第一步，在components目录建一个Loader.vue文件用来当做我们的loading模版,简单写了下(我用的less)。&l...

有几天没更新我的漫岛系列了哈，设定十一月底完成漫岛的第一版，时间挺紧迫的，另外，大家能看到的漫岛的部分页面，就截止到个人中心了，其余的先不给看了。 由于知识杂又多，记不过来，像less稍微复杂一点的语法，每次我还得查一查文档，所以把平时遇到的比较不常规的用法记录下来，随时查阅。言归正传：Less的循环实现功能：一个循环搞定多个div的背景图片。 说明：希望你能领会何时用循环以及...

在漫岛的注册成功引导页，有一个小姐姐讲述一些网站的规则的效果，需要一个对话的气泡效果，用纯CSS实现了一下，效果如下：

2018-07-19，22：37，今天完善了漫岛（了解漫岛）的登录注册流程，但这一块暂时不上线。 调取接口的时候发现在请求的url上要重复写接口前缀“http://xxx.com”，当然不能每次都这么写，如果以后接口换成https，或者前缀改了，一个个的改起来那估计得头疼死，于是引出了今天的博客主题： Vue项目如何引入全局变量方法很多，我就以我的代码为例吧，就两步： 1.在com...

2018-07-18夜晚22：30，漫岛已经写好一些页面了，目前在等待登录注册的接口。 项目中需要给不同的页面设置title，首先查了一下网上有没有相关插件，哎，有！爽、名称叫做vue-wechat-title，使用方法非常简单，具体如下：1.先安装插件，命令行执行cnpm install vue-wechat-title --save即可安装。2.引用插件，在main.js中，首先...

关于漫岛的前后端配合上，采用的是rest API方式，是完全分离的。 考虑到这个项目第一期的页面不会很多，加上第一期要做的是高效率的开发，自然要利用前端的自动化工具。 开始直接用Vue-cli3.0，Vue官方出品脚手架，基于webpack但是做了很多自己的封装和插件选择，这里不推荐对配置完全懵逼的小伙伴使用，要求node版本大于8.0。 值得一提的是vue-cli3.0提供了一个可视化UI...

圈名：夏尔（ceil）年龄：22+1.5兴趣爱好：编程、偷瞄妹纸（ԅ(¯﹃¯ԅ)），以及扑街、、、 开始写这短文的时候，我22岁，由于怠惰，拖了一年多才做好这个网页。于是年龄+1.5。?（笑哭）喜欢动漫，嗯。准确来说是90年代的动漫，之后的看的也不多。最爱火影忍者，一集不漏+全部剧场版。大概从初二开始追，如今已经十年了，从初中生到上班族。在某些事情上像个孩子，但工作中就是一个的...

2018年，第二个本命年，单身，在北京，我是夏尔！今年夏天，我的跟二次元相关的一个创业项目得以启动。团队伙伴全部是出于共同的爱好无偿加入帮忙，他们来自天南地北，大部分是通过技术博客和我的宣传页面iscoser.com认识的。在这个信息大爆炸的时代，我的大脑已经接受了过量的信息。我是一个能看到很多细节同时吸收信息能力很强的人，但我的智力水平很一般，于是时常感觉自己大脑内存容量有限。当我学习新的知...