alanchenchen / alanchenchen.github.io

my personal blog based on hexo and github page

🌱 I’m currently learning golang

alanchenchen.github.io's Issues

hexo入坑指南 | Alan Chen

https://alancc.cn/2018/07/13/hexo%E5%85%A5%E5%9D%91%E6%8C%87%E5%8D%97/#more

个人博客搭建可以选择很多技术栈，使用最多的或许就是PHP开发的wordpress了。我最早的博客就是采用wordpress搭建，当时直接买了个服务器空间就直接开撸了…😂 后来由于空间没有续费等问题，博客直接弃用了，这类博客的好处在于拥有完整的后台和数据库管理，能实现很多功能，诸如：评论插件，自动订阅RSS，自动发送订阅邮件和登录注册账号等功能。缺点也是很明显的，需要花银子购买服务器，哈哈哈😄。

Vue里的生命周期 | Alan Chen

http://alancc.cn/2017/12/18/vue%E9%87%8C%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/#more

虽然网上能搜到一堆关于Vue2.0的生命周期的文章，但是基本都是将各个生命周期给介绍了一遍，这些文章对于初学者而言其实还是会一脸懵逼😐。这些详细的介绍对于已经使用Vue开发过实际项目的同学来讲，非常适合进阶，但是这里，我只想记分享下一些刚需的，基本每个项目都实用的东西。ok，开打开打！😎 聊之前咋们还是来简短介绍

剖析vue/react/svelte等框架插件的编写 | Alan Chen

https://alancc.cn/2020/08/12/%E5%89%96%E6%9E%90vue-react-svelte%E7%AD%89%E6%A1%86%E6%9E%B6%E6%8F%92%E4%BB%B6%E7%9A%84%E7%BC%96%E5%86%99/#more

每一个web框架都支持组件，只有在vue框架中存在plugin这一说法。其实在react和svelte中也可以手动实现插件，我们接下来所说的插件主要是指动态改变ui的插件，类似于开源ui库中的dialog、modal、toast等。主要分析vue插件，react和svelte插件实现起来思路类似。 vue插件 在vue的官方文档里，对plugin的解释为，可以随意自定义任何功能，绑定给Vue、Vu

聊一聊博客搬家 | Alan Chen

http://alancc.cn/2017/12/03/%E8%81%8A%E4%B8%80%E8%81%8A%E5%8D%9A%E5%AE%A2%E6%90%AC%E5%AE%B6/#more

新博客搬家到了hexo和github page来来回回折腾了好久，最后还是准备重新开始收拾自己的博客啦

about | Alan Chen

http://alancc.cn/about/

前端小白的划水之路~

谈谈webpack构建开发环境的基础配置 | Alan Chen

https://alancc.cn/2017/12/29/%E8%B0%88%E8%B0%88webpack%E6%9E%84%E5%BB%BA%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E7%9A%84%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE/#more

前端真是个需要不断学习的it行业啊，我每天都会被各种新出的概念吓得睡不着觉，23333😱 现如今的前端在我看来分为三个方向：一是视觉系方向，就是精通各种css技能，比如什么canvas和svg大法啊，什么webGL大法，什么javascript驱动动画大法啊，反正就是能实现各种炫酷的视觉效果，这类人实在是对css理解的无比透彻(就是很羡慕~)。二是将javascript应用到app的行业里，当然

标签 | Alan Chen

http://alancc.cn/tags/

前端小白的划水之路~

谈谈webpack构建开发环境的基础配置 | Alan Chen

http://alancc.cn/2017/12/29/%E8%B0%88%E8%B0%88webpack%E6%9E%84%E5%BB%BA%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E7%9A%84%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE/

前端真是个需要不断学习的it行业啊，我每天都会被各种新出的概念吓得睡不着觉，23333😱 现如今的前端在我看来分为三个方向：一是视觉系方向，就是精通各种css技能，比如什么canvas和svg大法啊，什么webGL大法，什么javascript驱动动画大法啊，反正就是能实现各种炫酷的视觉效果，这类人实在是对css理解

聊一聊博客搬家 | Alan Chen

https://alancc.cn/2017/12/03/%E8%81%8A%E4%B8%80%E8%81%8A%E5%8D%9A%E5%AE%A2%E6%90%AC%E5%AE%B6/#more

来来回回折腾了好久，最后还是准备重新开始收拾自己的博客啦…最开始本来是想在wordpress一直待下去，奈何没钱买服务器，23333. 请理解一个穷逼码农的日常没钱！ 好了，新的博客已经完全转到了hexo加GitHub page的怀抱，谁叫GitHub财大气粗免费呢。果然不愧是全球最大的同性交友网站 😄 之前在wordpress那个博客上写过几篇关于es3的知识，自己打算以后不再写es3的内

DOM里的attribute和property | Alan Chen

http://alancc.cn/2017/12/06/DOM%E9%87%8C%E7%9A%84attribute%E5%92%8Cproperty/#more

在偶然间使用vue里的v-bind指令，发现v-bind竟然还有一个prop的修饰符。喵喵喵？😎一下子我的好奇心就来，vue的中文文档翻译为被用于绑定 DOM 属性 (property)。什么叫做DOM属性？然后这篇文章就来了… 还是先讲讲使用这个修饰符我遇到的坑吧，首先，我试了试在v-bind上绑定visibili

Hello World | Alan Chen

http://alancc.cn/2017/12/02/hello-world/#more

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troublesho

uniapp开发app填坑指北 | Alan Chen

https://alancc.cn/2020/11/18/uniapp%E5%BC%80%E5%8F%91app%E5%A1%AB%E5%9D%91%E6%8C%87%E5%8C%97/#more

机缘巧合，曾经不看好uniapp开发的我，终于在前两个月使用uniapp重构我们的一款产品。期间踩了无数坑，甚至涉及到原生开发的一些问题，有卡了很久才解决的，也有到目前为止还未找到办法解决的。我们原本的产品采用hybrid开发，壳子非常轻量，几乎所有逻辑都由webview来展示，根据我自己实际体验感受来看，uniapp开发的app成品，在ios上不如我们之前的hybridapp，但是在安卓机器上速

DOM里的attribute和property | Alan Chen

http://alancc.cn/2017/12/06/DOM%E9%87%8C%E7%9A%84attribute%E5%92%8Cproperty/#more

在偶然间使用vue里的v-bind指令，发现v-bind竟然还有一个prop的修饰符。喵喵喵？😎一下子我的好奇心就来，vue的中文文档翻译为被用于绑定 DOM 属性 (property)。什么叫做DOM属性？然后这篇文章就来了… 还是先讲讲使用这个修饰符我遇到的坑吧，首先，我试了试在v-bind上绑定visibili

Vue里的生命周期 | Alan Chen

https://alancc.cn/2017/12/18/vue%E9%87%8C%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/#more

虽然网上能搜到一堆关于Vue2.0的生命周期的文章，但是基本都是将各个生命周期给介绍了一遍，这些文章对于初学者而言其实还是会一脸懵逼😐。这些详细的介绍对于已经使用Vue开发过实际项目的同学来讲，非常适合进阶，但是这里，我只想记分享下一些刚需的，基本每个项目都实用的东西。ok，开打开打！😎 聊之前咋们还是来简短介绍一遍每个周期函数，2333 ¶Vue里的各个生命周期 ¶1. beforeCr

DOM里的attribute和property | Alan Chen

https://alancc.cn/2017/12/06/DOM%E9%87%8C%E7%9A%84attribute%E5%92%8Cproperty/#more

在偶然间使用vue里的v-bind指令，发现v-bind竟然还有一个prop的修饰符。喵喵喵？😎一下子我的好奇心就来，vue的中文文档翻译为被用于绑定 DOM 属性 (property)。什么叫做DOM属性？然后这篇文章就来了… 还是先讲讲使用这个修饰符我遇到的坑吧，首先，我试了试在v-bind上绑定visibility特性(请注意我目前的措辞),大概代码如下： 1<div :visibi

test

test