微信小程序云开发个人博客项目实战（3）-- 文章的增删改查

地址： https://github.com/itguliang/miniprogram-itguliang-cloud

修改app.json-->pages，新增写文章及文章详情页面

home.wxml 加个写文章的按钮，跳转到写文章的页面

页面跳转

修改写文章页面的title，对应的json文件中修改

文章内容编辑器可以参考官方的editor --- 传送门

封面上传（不是必填项）--- 参考小程序云开发的上传图片例子来修改

向下滚动隐藏 、向上滚动显示

监听页面滚动事件

效果见文章开头

下拉刷新，json中设置允许当前页面下拉刷新

towxml解析HTML --- towxml使用-传送门

1、小程序页面跳转不同方法

wx.navigateTo

2、小程序修改单独页面title

app.json中 window 统一设置 title

如果要修改某个页面的title的话，可以在对应页面的json中修改

也可在js中动态加载

3、小程序editor组件 *** 作图标不全，可以中文下和英文下的两个demo结合来用

4、小程序返回上个页面刷新数据

5、动态修改class

看了 bang 的博客对微信小程序的技术方案有了更深入的理解：

微信小程序必须要符合两个刚需： 管控 & 体验

（1）DLS：想要对开发者进行管控，最好的方法就是自己设计一套框架，让开发者按照自己框架的规范进行编码，利用这套DLS（针对某一特定的领域设计的计算机语言）可以更好的针对不同的需求去优化。

（2）JS环境：写过小程序的开发者都了解，小程序中是无法调用任何DOM API的，为什么呢？是因为小程序实现了js的运行环境与浏览器分离，运行在单独的js引擎上，脱离了浏览器，一切DOM *** 作在你的JS中是无法 *** 作的，而小程序的核心JS是运行在浏览器中的，这样做的 好处 和 坏处 是什么呢？

（1）因为小程序是寄生在原生下的应用，通过native接口，我们可以用js调用一些原生的组件和方法，做出一些H5无法完成的任务和体验。

（2）退出小程序后，小程序后，小程序可以在后台运行5分钟，用户再次打开时，不需要重洗渲染小程序。

（3）同时得益于在原生环境下，小程序可以预加载多个WKWebView，可以省去WKWebView加载时间，提高用户体验。

以上是通过bang的博客以及自己的理解记下的。

以下是自己最于最近的现象的一些见解唠叨：

（1）微信小程序平台的管理机制：小程序的管控机制其实很大程度上是效仿苹果对于旗下应用的管控机制。苹果对自家的应用或者语言的监控可谓是家长对于孩子般的照顾了，当然这和其自身利益和自身价值是分不开的，对于前阶段苹果对于混合开发的动作（当然这和安全隐患有着关系，如JSPatch调用私有API），大家可以搜索一下2016年之前和2016年之后Object-C和Swift的语言排行，相信可以看到一下原因。所以对旗下产品的管控对于其自身利益又着很大的作用。

（2）支付宝小程序和微信小程序：支付宝小程序刚推出时，我看了一下它的文档，确实和小程序很像，抄袭理念也是自然的了。这个我不考虑，只是写一些对与两个超级平台的不同看法（纯属个人见解，欢迎一起分享讨论），两个小程序确实存在着竞争，但是我认为（不考虑两个巨头对于市场的战略竞争），两个不同的平台都拥有着自己不同优势产品细分领域下的深层的挖掘，比如说，在微信小程序上，我们可以对其社交进行不同的细分，这种场景对于支付宝来说并不合适的，但是在支付宝小程序中，金融类领域相对于微信来说是其优势，在支付宝中对其进行深层次的挖掘也会带来不一样的效益。其实关键在于两家超级平台对于旗下优势产品的大数据层次的开放程度，这些数据对寄生或者共存在其生态下的商户来说是可遇不可求的。这些数据和资源足可以再次创造多个的美团和饿了么了，对于小公司的吸引力是很大的。所以个人认为支付宝和小程序胜出关键在于对数据的开发和不同时间节点的营销了，不同时间节点的营销同样是很重要的，这个就是天时了。一个产品的成功，不仅仅靠的技术，理念，甚至体验，因为这些都是可以改变的，但是天时足可以影响一个产品的成败。天时，地利，人和才是其成功的关键。关于两个超级平台的发展，我们只能静静地观察了，因为对于吃瓜群众的我而言，现在只能说说理解，发发牢骚（其实很多人都是了），但是我感觉这对个人的成长也是有很大的好处的。

以下是语雀中，一个游戏文化创作社区「 芸樱绘境 」的团队首页，以及主创者的个人主页。<br />

以下是个人创作者 「 南百城 」创作的《城堡阅读》系列博文：<br />

<br /><br />

<a name="IZblG"></a>

从以上展示可以看出，语雀的界面设计十分清新简洁，不管是浏览还是创作，文章内容与目录概要都可以很清晰地展示。并且语雀原生支持了PC客户端与小程序，使创作者可实现多端自由切换。<br />

以下列出本人使用语雀进行博客创作时感受到的实际优点：

<a name="fY57n"></a>

本人从事程序开发工作，之前使用hexo框架通过git搭建过个人网站。搭建过程中光是查资料、改网站页面、配置各种样式等等都费了很多功夫，就更别提非电脑专业人士搭建起来有多困难了。 如果你不想折腾，只想快速拥有一个属于自己的博客网站，并专注内容创作，那「语雀」将是一个非常合适的选择 。<br />

「语雀」的博客建设不需要创作者学习任何技术。只需注册账号（支持直接通过支付宝或钉钉登录）即可开始搭建。因为是浏览器在线界面，所以本地也不需要安装任何写作工具，鼠标一键就能直接在页面上开始创作文章并保存、发布。

<a name="AFbWk"></a>

用途方面。「语雀」除了作为博客外，还有多种使用方式，比如：

功能方面。不仅仅是写作，其他内容创作者需要的的功能应有尽有：

使用语雀后最大的感受就是。。。<br /> 界面可太清爽了 ！！

内容管理上，「语雀」所有文章的创作都遵循“结构化知识库管理”，形式上类似书籍的目录，比起其他博客网站更符合浏览创作习惯。通过新建不同的知识库来归类文章，而知识库内部用鼠标轻轻一滑拉就能调整目录结构，简直强迫症福音。<br />

同时，「语雀」上创作不用像Markdown那样记住各种格式语法，而是直接通过富文本的方式，每一个格式都有对应的快捷键，文章编辑非常之流畅。同事看到我在语雀上敲文的时候，直呼：“看你写东西也太爽了！”

<a name="BHccZ"></a>

注册后，个人空间有10G的免费上传流量， 所有功能免费使用 。<br />新建一个多人协作的知识小组，小组空间同样有10G的免费上传流量。<br />如果觉得空间流量不够，可以邀请他人注册，每成功邀请一个人即可获得1G的免费流量上线。<br />如果还是不够，可以充值成为会员。个人空间一年99¥，直接获得100G上传流量以及其他会员特权。<br />

<a name="E5SA3"></a>

在空间或知识小组模式下，「语雀」的文档以及表格等都是支持在线协同编辑的。<br />只要是同一个小组或团队的成员，都可以对同一个文档实现在线异步编辑。同时可设置权限，将该文档以只读方式分享给非团队成员预览。<br />

同时提供多种在线文档模板，如项目进度表、日程安排表。并且 所有文档内容都支持版本回退功能 。并且知识库或单个文档的导入导出功能，还保证团队数据可随时迁移。

<a name="uFdQM"></a>

「语雀」作为阿里巴巴旗下的产品，最开始是作为内部员工使用的文档协同系统，后来的产品迭代中开始面向全互联网用户。我在使用过程中发现「语雀」的社区氛围很好， 语雀 团队中可以看到经常会举办线上线下的活动，讨论区中也能看到对用户意见和问题的及时反馈。我之前误 *** 作了团队权限，在讨论区提问后不到半小时，便得到了内部人员的答复与邮件提示。<br />

除此之外，有阿里这样的大公司护航，系统内部数据的安全性和稳定性自然可以得到很高的保障。总之从我个人的角度看，用「语雀」写博客的体验非常棒。

<a name="KiHDq"></a>

别看前面说了这么多，其实真正的搭建工作还是很简单的。<br />只需要一台有浏览器能上网的电脑，以及注册一个语雀账号，就可以开始创建属于你个人的空间与博客啦。<br />注册账号： https://www.yuque.com/register <br />

我在使用「语雀」时，将 技术 与 生活 类的内容分别发布了两个地方，分别是 技术博客 与 个人主页 。<br />

<a name="SrXyd"></a>

<a name="zZAbb"></a>

在工作台的页面右上角点击 新建 ，会出现不同的选项：<br />

选择 知识小组 ，点击 下一步 <br />

首先点击 设置 ，进入设置页面<br />

「语雀」的内容建立方式是先创建 知识库 ，再在不同的 知识库 下分别发布不同的 内容 。这样的好处是从一开始就做好了内容的分类和归档。<br />

在 知识库 页面下点击 【新建知识库】<br />

<a name="AiGLY"></a>

<a name="o8Vr2"></a>

<a name="niIYL"></a>

点击页面右上角的头像，点击** 账户设置 **后进入 【账户管理】 <br />同样的，可以设置个人主页的访问路径<br />

<a name="pMhjW"></a>

<a name="upSsw"></a>

之前讲过，「语雀」本身是一个在线的多人协同系统。所以我们搭建的博客其实相当于是一个 仅有作者本人作为成员 的团队协同网站。<br />所以如果你想邀请其他人和你一起创作博客或者发布内容，也是完全可以的！<br />

<br />在博客的 **设置 **页面可编辑成员的权限，并且可以开启讨论区，以论坛发帖的形式互相讨论。<br />

点击左上角的语雀图标进入个人工作台，在 小记 中可以方便记录一下感想、笔记或者备忘的内容。<br />

<a name="NL0Ct"></a>

注意，「语雀」新推出的空间功能是可以让团队加入的。

所以在进行 团队转入空间 *** 作时，一定要谨慎。

<a name="vATcr"></a>

<br />也可以登陆后在我主页的头像下方点 **关注 ** 支持一下作者，并开始搭建属于你自己的博客 ：）<br />

「三味 · 语雀」 <br />

---