WordPress 官方有个学习和课程管理插件Sensei LMS，最近也推出它的第一个区块主题，名字就叫做Course：Sensei LMS插件支持任何主题，但是应用专门为其定制的主题，效果还是更好的，特别是定制的样式，可以更加完美显示课程列表、销售页面和“学习模式”课程模板等。主题默认的绿色配色搭配得非常好，除此之外，主题还提供了三种额外的配色方案，蓝色，金色和深色：除了配色之外，主题还具有全站编辑器的所有功能，可用于自定义 Sensei 的模板，如下面所示的课程模板：Course 主题是专门为学习和课程管理插件Sensei LMS定制的，但是该主题也可以在没有 Sensei LMS 的情况下用于其他目的，如博客、企业网站等。下载：Sensei LMS插件，Course主题。©WordPress果酱/RSS 订阅/长期承接 WordPress 项目 ...继续阅读 (5)

在日常的业务系统中，审批流程是一个相对重要的存在，清晰可用的审批流可以在一定程度上提升业务处理效率。那么，你知道如何利用制作审批流的原型模板吗？本文作者便做了解读，一起来看。审批流即审批流程，是对某项工作的审批活动的一系列有序组合。审批流在业务系统中担当者非常重要的角色，所以今天作者就教大家制作一个通用的自定也审批流的原型模板，方便大家日后的工作。一、效果展示可以根据业务需要添加多个审批节点；可以为每个审批节点配置审批方式，包括人工审批、系统审批、无需审批；可以在指定位置插入新的审批节点；可以修改或者删除已有的审批节点。原型地址：https://gdyy4h.axshare.com/#g=1二、制作教程制作这个原型只要分为两大部分，一个是可以添加或删除节点的审批流程，另一个是可以配节审批节点的弹窗页面。1. 审批流程第一部分审批流程，我们用中继器来制作，因为只有中继器菜具备增删改的效果。1）中继器内部元件背景框：默认灰色，设置选中样式为蓝色，后续点击显示弹窗时变蓝；文本标签（类型/标题文字）：审批节点左上角的标题文字；文本标签（详细文本）：中部文字，详细的审批方式；关闭按钮、添加按钮、右箭头等，如下图所示摆放。2）中继器表格内容我们共需要5列内容：no：按12345……，后续用来排序以及在对应位置插入新的审批节点。type：类型，分为开始、审批和结束、一般一头一尾是开始和结束，其他 ...继续阅读 (15)

在职场上，仅仅依靠直觉可能无法很好地获得向上生长，产品岗位的同学也不例外，只有建立系统的方法论，产品经理才可以更好地在发展道路上主动出击，而非被动等待机会的到来。那么具体如何理解？不如来看看作者的解读。产品设计不能自嗨、个人发展不能靠直觉。前天和一个创业朋友聊天，中间谈到「承诺升级效应」以及「不信任」是公司最大的成本，重点谈到了37Signals这家公司，提起37Signals可能很多峡谷同学都不太熟悉，这是一家成立于上世纪的企业。他们做过一些SAAS服务，比如，「Basecamp」，也开源过一个名叫「Ruby On Rails」的Web开发框架，对了，还出版过一本商业畅销书：《REWORK》。事实上，37Signals提出过38个决策指南，他们认为企业最重要的就两点，一是人员，一是决策，如何让人员作出正确的决策才是企业长久发展的关键。他们更认为正确的决策不能靠intuition（直觉），而应该data-based（基于数据）。这点镜同学深以为然，更进一步，不仅企业发展不能靠直觉，产品同学的设计能力和个人职业发展同样不能凭直觉，应该通过系统方法论建立正反馈。事实上，根据镜同学观察，有不少产品同学对自身的发展都是被动依赖直觉，缺乏科学有效的主动出击，这非常不利于快速成长。因此，本文镜同学结合几个产品案例和个人的浅薄经验，复盘分析下直觉对产品经理的影响，也希望对你的产品成长有启发。一、 ...继续阅读 (12)

进行用户访谈，可以通过面对面的沟通，以及观察用户的表情、行为去挖掘更深层的需求。本文作者从用户访谈的2种路径、3个阶段，受访者常见的3种类型和需注意的5个要点这些方面，系统地介绍了用户访谈的研究方法，一起来看一下吧。在上一篇《用户研究方法一：如何设计高质量B端调研问卷？（附调研问卷模板）》一文中，详细介绍了如何通过调研问卷的方式，整理发现用户的浅层需求。本文将分享另一个更为深层全面的B端用户研究方法——用户访谈。通过面对面的沟通，以及观察用户的表情、行为去挖掘更深层的需求。下面是本次分享的文章结构，标⭐️的为重点部分。一、用户访谈的两种路径用户访谈通常可以采用线上会议、电话或者线下面对面交流两种形式。线上会议和电话访谈的优势显而易见，可以不受地域限制展开调研访谈，整体的成本也比较低，设计师可以自己找领导或者协调资源去推动。缺点也是比较明显，沟通起来效率低下，比如我们一定有过“电话里说不清，我们见面详谈”的经历。所以，相较而言线下访谈无疑是最佳的调研形式。首先当面沟通更加高效，其次对于搭载硬件设备的产品来说，让受访者在真实场景里操作演示，可以发现更多隐性问题。二、常见的3种受访者类型在访谈过程中通常会接触到以下3种类型的受访用户，不同类型的用户我们应该怎么接触交流呢？1. 话痨型话痨型的受访者占大多数，通常就是想法、意见比较多。他们不仅有一大堆不满意的点要诉说，甚至连对应的解决方案都 ...继续阅读 (12)

在前两天推荐了免费的计数应用：数钢管 – 拍照计数，真的可以数钢管，也可以数木头[iPhone/Android]之后，有同学觉得它太弱了，然后又推荐了两款应用：CountThings和精点相机，说都可以数米粒。@Appinn感谢 @Stone 同学的推荐：看到推荐，去商店下了几个，发现数钢管太弱了一点。我给大家推荐2款，一个外国的：CountThings ，一个国内的：精典相机。2款都可以数米粒[呲牙]，国产的更准一些。CountThings from Photos实际上，当青小蛙看到CountThings的内置模板分类时，还是有点震惊的，岂止是米粒啊，条状物、管状物、木材、药物、农业、动物等等一大堆，基本上属于：一切有规则的物体，都可以自动计数。模板中有从空中拍摄农场的照片，然后 CountThings 可以帮农场主计数有多少只羊！真是后悔不是农场主啊当然像砖头、原木、叶子上的昆虫、面袋子、从卫星地图上数房子、鸽子、药片、大米、棉签，这些有规则的物体，都能数出来。至于很多同学说的数头发，青小蛙觉得，只要你的相机能拍清楚，它也能数的出来。获取App StoreGoogle Play从 CountThings 官网看似乎是上架过华为应用商店，但如今也不存在了。精点相机这也是个自动计数应用，支持的物品模板农林:水稻,红豆,黑豆,黄豆,圆木,拟南芥,豌豆粒养殖:小河虾,多种规格鱼苗,虾苗 ...继续阅读 (46)

这是一款界面设计很好的求职应用。主要用于专业网络，包括雇主和求职者张贴他们的简历。免费访问数百万条招聘信息，个性化搜索，联系雇主并提交工作申请。包括Figma，Adobe XD，Sketch文件的高级应用程序。资源展示素材在线编辑1、在线排版编辑大家进入素材库后，一定要下载到自己的工作台，就可以在线编辑，并永久保存此素材，不怕被删风险。2、导出选中要导出的素材（可批量，ctrl+A全选），在面板右下角点击导出，格式有SVG/PNG/JPG/PDF(矢量)/PDF等等，也可以调整1x, 2x等大小来导出。素材信息素材名称：【861】Job Finder App 素材格式：Sketch、XD、Figma、矢量图（在线版）-可导出PNG/SVG/PDF/JPG 素材用途：个人学习交流之用途 下载地址（不限速）：https://pan.quark.cn/s/fcfadf3dd031  提取码：Mncc在线编辑矢量图下载↓ ↓ ↓↓ 资源设计达人已打包好 ↓扫码，关注后台发送「1000G」即可下载 ▽(ノ◕‿◕)ノ*:･ﾟ✧查看最受欢迎 301 个设计网站*:･ﾟ✧ヽ(◕‿◕ヽ)UI设计QQ群¦RSS订阅¦新浪微博¦本文链接¦添加评论 ...继续阅读 (46)

一个优质的高端活动预订、票务和组织移动应用程序UI套件(包括iOS/Android支持+设计系统)，有186个屏幕，100%可编辑和定制。支持Figma。明暗两个主题。资源展示素材在线编辑1、在线排版编辑大家进入素材库后，一定要下载到自己的工作台，就可以在线编辑，并永久保存此素材，不怕被删风险。2、导出选中要导出的素材（可批量，ctrl+A全选），在面板右下角点击导出，格式有SVG/PNG/JPG/PDF(矢量)/PDF等等，也可以调整1x, 2x等大小来导出。素材信息素材名称：【859】Acara - Event Booking & Tickets App UI Kit 素材格式：Figma、矢量图（在线版）-可导出PNG/SVG/PDF/JPG 素材用途：个人学习交流之用途 下载地址（不限速）：https://pan.quark.cn/s/1457b152c80b提取码：k9SU在线编辑矢量图下载↓ ↓ ↓↓ 资源设计达人已打包好 ↓扫码，关注后台发送「1000G」即可下载 ▽(ノ◕‿◕)ノ*:･ﾟ✧查看最受欢迎 301 个设计网站*:･ﾟ✧ヽ(◕‿◕ヽ)UI设计QQ群¦RSS订阅¦新浪微博¦本文链接¦添加评论 ...继续阅读 (49)

Hoffman是一个非常简洁的主题。它具有社交图标菜单、Jetpack支持无限滚动、Block Editor支持、两个自定义小部件、一个全宽模板、一个存档模板、编辑器样式、自定义重音颜色支持、自定义背景支持、支持图库帖子... ...继续阅读 (78)

通过管理后台的业务模块，结合Vue.js 技术，讲解企业内部的开发过程，解读项目文件，读者可以熟悉、掌握并快速应用Vue.js技术，实现完全自主搭建管理后台，并将本书中的开发技巧应用到工作中。（1）轻量级的框架：Vue.js能够自动追踪依赖的模板表达式和计算属性，提供MVVM数据绑定功能和一个可组合的组件系统，具有简单灵活的API，使用户更加容易理解，更快上手。（2）双向数据绑定：声明式渲染是数据双向绑定的主要体现，也是Vue.js的核心，它允许采用简洁的模板语法，将数据声明式渲染整合进DOM。 ...继续阅读 (87)

最近用Gin框架写了自己的博客，在渲染HTML模板的时候踩了一些坑，因为官方文档写的非常简单，所以借这个机会把常用的语法整理出来供大家参考。 ## 变量 变量使用`{{}}`标记，`.`表示当前变... ...继续阅读 (40)

WordPress 6.1 版本今天发布了，新版进一步完善了建站体验，交互进一步增强，使得创建网站更加直观，让创意无上限，并且值得一提的是，截至本版本发布时，全球43%的网站是由 WordPress 构建的。WordPress 6.1 无需第三方插件就能实现首页 0 SQL，对于内容创建者，WordPress 6.1 也提供了一系列改善写作和设计体验的新功能，比以往有更强的控制和更大自定义能力。Twenty Twenty-Three和 6.1 一起发布的还有全新默认主题 Twenty Twenty-Three，它有 10 种不同的风格样式，用户只需简单点击即可将不同的外观应用到站点。新的区块模板新的更精致的区块模板可以让站长更好地控制站点的创建，在这套新模板中，可以轻松在站点编辑器中为文章和页面找到自定义模板，新的搜索替换工具让可以让我们更快地创建和编辑页眉和页脚等模板部件，并轻松查看效果。新的设计工具对元素和块的设计控件进行了升级，使得创建布局和站点时变得更加一致、完整和直观。管理菜单更简便导航块中新的后备选项意味着无需搜索就可以编辑打开的菜单，此外，用于选择和处理菜单的控件在块设置中具有自己的位置。移动菜单系统也升级了功能，可以设置图标选项，让菜单更加富有个性化。更清晰的布局和文档设置通过更好组织的显示来查看和管理文章和页面设置，从而改进比如模板选择器和发布日期设置等功能的使用 ...继续阅读 (5)

晚上给朋友写了一个油猴脚本，场景是一个拥有很多输入框的表单，多为经常填写的一些字符串。跟我说了一下，刚好没什么事情，吃完晚饭抽两小时出来简单写了写。 需求是预设多套模板，后期可以自己添加内容，置顶在网页空白处，点击按钮让设置好的文本填充到网页的表单中。 处理起来很简单，我原本打算使用ajax调用json文件，把模板写在json中，这样一目了然便于后期自行添加数据，但是在测试后发现目标网站屏蔽了外部文件，所以放弃这种写法。转而new了一个数组，每个对象就是一套模板，接下来就是简单的循环，写了一个可以缩放的弹窗，然后把交互的按钮绑定点击事件，点击对应按钮就会在网站上填充对面模板的字符串。 流程大概就是这样，结束之后在给他润润色，写一下css代码。总体来说没什么难度，两个小时不到就搞定了。 但是我发现，天天写vue，element写多了，最基础的js有些生疏了，比如数组的操作遍历循环，中间竟然还报错，仔细检查才发现原因，实属不应该。 深刻反省一下自己，基础知识还是要巩固的，不能一味的调用框架，即使它写起来很爽。 ...继续阅读 (11)

是不是每次在制作 PPT 时，都丝毫没有头绪？各种模板东拼西凑没有章法？你和 PPT 高手之间，其实就只差一个 iSlide。iSlide是一款口碑优秀的 PPT 插件，海量在线资源库，超 30 万专业模板、素材一键插入 PPT，更有一键排版等 38 种辅助功能，真正实现「让 PPT 设计简单起来」。​iSlide 目前正在限时优惠中，前往数码荔枝买两年送 180 天，买一年送 90 天，每月不到6 元钱，新用户首单还能立减 5 元，非常值的价格别错过！赶快点击[合作伙伴]专属优惠链接收下这款人见人爱的 PPT 神器吧！订阅时长可叠加，趁现在便宜快买买买~more8 大资源库，轻松找素材iSlide 内置 300,000+ PPT 模板，来自专业 PPT 模板设计团队，有原创正版保障，快速检索一键插入 PPT 文档。8 大资源库为你所用，丰富的各类图标 / 图片 / 插图，可在原位置直接编辑替换，做 PPT 告别四处找素材，一个插件整合你要用的所有资源，轻松高效制作精美 PPT！智能图表实现数据可视化iSlide 智能图表改变传统图表的单一样式，拥有当下流行视觉化元素和风格，样式新颖更具设计感。无需耗费大量时间精力，各种参数化调节，iSlide 让图表制作更简单直观，通俗易懂。买两年送 180 天，买一年送 90 天，时长可无限叠加，长期需要的用户可多续费几年，每月不到 6 块钱， ...继续阅读 (13)

不管是手机还是电脑，出色的硬件是好用的基础。而其中的软件工具，也是提高效率、减轻负担的好东西。免费的软件工具众多，当然付费工具也不少。大家可能会觉得正版软件很贵，但国内软件代理商的价格其实很实惠。本次为大家介绍，优秀代理商「数码荔枝」近期上架的多款软件工具。分别是多平台抠图工具：傲软抠图，以及无需剪辑的在线视频制作工具：右糖。点击我们的专属链接，直接购买即为优惠价格。more傲软抠图[Win/Mac/iOS/Android]傲软抠图是一款适用于多平台的抠图工具，支持 AI 智能一键抠图，内置算法针对人物、物品等实现自动抠图，效果精细、清晰干净。傲软抠图使用非常简单，只需打开软件，选择照片，就能自动完成抠图，速度快效果好。提供手动优化，可任意保留或擦除抠图区域，支持裁剪、移动等操作。支持人像物品背景去除 / 更换，内含海量素材，可快速更换背景画面，打造精美照片，无论是用于人像后期还是产品图制作都合适。可制作各类证件照，支持一键修改背景颜色、照片尺寸、文件大小，证件照换底色再也不用去照相馆啦~支持批量抠图 / 图片清晰处理，并提供制作图章、图片去水印功能，帮助用户高效处理照片。一个账号即可通用 Win / Mac / 安卓 / iOS 平台，方便随时抠图。傲软抠图提供免费试用，试用效果满意，可点击专属链接购买抠图使用张数，仅需20.3元起。兑换后不会过期，无时间限制。右糖 [Web]右 ...继续阅读 (15)

我们在 createApp() 的参数对象中，传递一个 methods 配置对象，在它里边可以添加应用程序会用到的方法，之后就可以在 html 模板中使用了，一般我们把方法用作 html 元素的事件处理函数，直接在对应的事件监听处，写上方法名就可以了。 ...继续阅读 (30)

是不是每次需要制作 PPT 时，都发现 “万事真的开头特别难”！！都不知道该怎么开始？网上各种模板东拼西凑没有章法？其实，你和 PPT 高手之间，就只差一个「Slide」而已。 异次元早就推荐过 iSlide 了，它是一款口碑优秀的 PPT 插件，海量在线资源库，超 30 万专业模板、素材一键插入 PPT，更有一键……「前往查看原文....」异次元正版数字商城 | 异次元首页 | 微信公众号 | iPcFun | 关注微博 | 软件精选 ...继续阅读 (39)

WordPress /*your custom code here*/?>将此代码保存在您的模板文件中，它将在前端显示该页面上的所有文章，您可以根据您的设计布局进行设计，使其外观和感觉更好。您还可以根据您的要求添加自己的自定义代码，并可以执行以下操作：创建不同的页眉和页脚根据您的 PSD/线框模板自定义布局自定义侧边栏位置或可以删除显示特定条件的特定文章类型您可以在此自定义页面模板上执行更多操作。只需思考并执行您的自定义代码。就是这样了。您已完成 WordPress 中的自定义页面模板。拓展阅读：WordPress为文章和自定义文章类型添加自定义模板WordPress主题制作教程（二）主题的基本模板及常用函数WordPress主题开发核心知识【视频教程】WordPress主题开发进阶提高【视频教程】 ...继续阅读 (9)

WooCommerce 支持的交易电子邮件是在线订购程序中您和您的客户之间的关键通信。一封令人印象深刻的订单确认电子邮件可以强调您商店的优势和您的品牌价值。在大多数情况下，这是让购物者回来从网上商店购买更多东西的原因。为什么要自定义 WooCommerce 电子邮件？默认情况下，WooCommerce 允许您编辑基本详细信息，包括页眉图像、页脚文本、基色、文本颜色等。这些选项将应用于所有交易电子邮件，这使得微调和改进电子邮件外观变得困难。想让您的电子邮件脱颖而出，并向客户展示您品牌的最佳形象吗？您需要自定义那些 WooCommerce 电子邮件。好用的 WooCommerce 电子邮件自定义插件在这篇文章中，我们将精心挑选最好的免费和付费 WooCommerce 电子邮件定制器。此外，分享更多关于这些 WordPress 插件的优缺点，包括一些 100% 免费的很棒的插件。让我们开始吧！Kadence WooCommerce Email DesignerKadence WooCommerce Email Designer是一个用户友好的 WooCommerce 电子邮件设计器，使用并排的本机定制器。这有助于在编辑电子邮件详细信息时生成简单的预览。它带有干净实用的即用型模板，可作为进一步定制的基础结构。您可以调整那些预先构建的电子邮件或创建新的电子邮件。Kadence 定制器可以轻松 ...继续阅读 (6)

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，url 地址 /search ，记录一下相关代码。 可以选择放在 components/里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的 ...继续阅读 (17)

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，url 地址 /search ，记录一下相关代码。 可以选择放在 components/里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的 ...继续阅读 (18)

当你开发新项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，现在网上各类UI模板都是相当的齐全的，本文就介绍几个靓仔觉得非常不错的前端框架，感兴趣的可以了解一下。1、vue-element-admin开源地址：https://github.com/PanJiaChen/vue-element-admin文档地址：https://panjiachen.github.io/vue-element-admin-site/zh/效果预览：https://panjiachen.github.io/vue-element-admin开源协议：MIT License2、vue-admin-beautiful开源地址：https://github.com/chuzhixin/vue-admin-beautiful文档地址：https://github.com/chuzhixin/vue-admin-beautiful效果预览：http://beautiful.panm.cn/开源协议：MPL-2.0 License3、D2admin开源地址：https://github.com/d2-projects/d2-admin文档地址：https://d2.pub/zh/doc/d2-admin效果预览：https://d2.pub/d2-admin/preview开源协议：MIT ...继续阅读 (9)

1.安装docxtpl包（同时安装了Python2.7，故用pip3以与pip2区分） 在cmd中使用pip3 ...Read more用Python根据模板批量生成含指定数据的word文档（使用docxtpl） ...继续阅读 (71)

中继器，英文名称“Repeater”。如何理解这个元件？它的主要用途是什么？四个字：做列表的。例如，下面这样的商品列表。还有下面这种统计列表。当然，列表的形式还有很多种，例如邮件列表、文章列表等等。列表虽然有不同的形式，但是它们都有共同的特性。这个特性就是列表中每一项都是相同的组成结构。换句话说，列表就是将一个列表项重复了多次。英文“repeate”是重复的意思，所以中继器“Repeater”有重复的特点。那么，如何使用中继器实现一个列表？分为四个步骤。一、创建列表项模板。在画布中放入一个中继器元件，双击元件进入模板编辑区。删除编辑区中自带的矩形元件。在《常用样式设置（3）》中，我们已经制作过相同的列表项，把做好的列表项粘贴到当前编辑区中。然后，将列表项摆放在原点（0,0）的位置上。另外，还要将标题与描述元件命名为“商品信息”，价格元件命名为“价格按钮”，折扣文字元件命名为“折扣”。再将“折扣”文字与折扣图片组合，命名为“折扣图标”。这样，就完成了模板的内容。关闭编辑区回到页面中，我们能够看到，模板被重复了3次，出现了三个相同的列表项。为什么是重复出三项呢？继续往下看。二、添加列表的数据。列表项中每一项的数据都不一样，所以我们需要准备这些数据。在一个CSV表格中，我准备了这些数据。将这些数据复制，然后打开Axure的样式面板，我们也能看到一个表格。此时，表格中有三行数据，这就是为什 ...继续阅读 (11)

之前面试找工作投简历，有时候人事会有要求要做一个自我介绍的PPT，那时候就开始纠结，要怎么做才会得体，担心字体，图片，就怕到时候留下不好的印象~是否还在为如何写简历担心吗？还在纠结简历要简约还是花哨呢？还在想抖音中文字快闪怎么做吗？接下来朴实无华的个人简历PPT模板分享给你们！请注意查收！获取方式：点击图片上方标题或者图片！红色微立体风个人求职简历PPT模板简单职业生涯规划职业规划人生规划审核自我确定目标PPT模板三角形简约个人简历PPT模板 大学生职业生涯规划PPT模板简约商务个人简历岗位竞聘PPT模板灰白简约求职竞聘个人简历PPT模板医疗护理医药医院护士简历PPT动态模板酷炫时尚黑黄镂空文字自我介绍抖音快闪PPT模板好啦，这些简历自我介绍的简历模板PPT分享给你们啦，祝你们面试成功哟~转载请加连接：960px»8个让HR过目不忘的个人简历模板PPT分享给你 ...继续阅读 (39)

一、vue 实例 1.创建 vue 实例 一个 vue 实例应该通过new Vue来创建根实例，所有的 vue 组件其实都是 vue 实例 var vm = new Vue({ ... }) 当一个实例被创建时，data对象中的 property 都被加入到 vue 的响应式系统中，当值发生改变时，试图也会改变 var data = {a: 1} var vm = new Vue({ data: data }) 此时在控制台输入vm.a == data.a会返回 true，变量data已经被赋给vue实例中的data对象了 同时，对两个对象的数据进行操作改变也会影响到另一个 vm.a = 2 // data.a = 2 data.a = 3 // vm.a = 3 当数据改变时，视图也会重新渲染，如果在 vue 实例被创建后，又添加了一个新的 property，则不会被加入到响应式系统中 如果一开始就知道后面会添加一个 property，但是一开始不存在或为空，需要设置一些初始值 data: { newTodoText: '', visitCount: 0, hideCompletedTods: fasle, todos: [], error: null } 使用 Object.freeze() 方法的时候，无法修改数据引起视图变化 Object.freeze() 方法可以冻结一个 ...继续阅读 (7)

一、vue 实例 1.创建 vue 实例 一个 vue 实例应该通过new Vue来创建根实例，所有的 vue 组件其实都是 vue 实例 var vm = new Vue({ ... }) 当一个实例被创建时，data对象中的 property 都被加入到 ...继续阅读 (11)

一、vue 实例 1.创建 vue 实例 一个 vue 实例应该通过new Vue来创建根实例，所有的 vue 组件其实都是 vue 实例 var vm = new Vue({ ... }) 当一个实例被创建时，data对象中的 property 都被加入到 ...继续阅读 (11)

阿里云镜像制作踩坑记。此文章主要记录按照阿里云 Customized Linux制作 VPC 镜像的过程。一些部分也可用作制作其他平台镜像的参考。当然记录的原因主要是 Arch 上的 cloud-init 打死无法在阿里云上修改 root 密码，就很气。建立虚拟机因为要制作 Customized Linux，所以第一步无法在阿里云平台上使用公共镜像制作。本机启动一个 Virtual Box，新建虚拟机，虚拟磁盘选择 RAW/IMG 格式即可。按照一般步骤安装 Arch Linux，需要整个磁盘仅有一个分区。虽然很多平台支持多分区的镜像文件，但是莫名在这里踩了坑所以。（另外吐槽：vps2arch 居然不帮我把base-devel装全了？！）系统配置安装一些必需的包。1# pacman -S qemu-guest-ga openssh启用服务。123#systemctlenableqemu-ga#systemctlenablesshd#systemctlenablesystemd-networkd网络配置哪个魂淡跟我讲 VPC 是 DHCP？装着 cloud-init 的 Arch 就可以自动设置内网 IP，这个没装的就 GG。修改文件/etc/systemd/network/default.network12345[Match]Name=en*[Network]DHCP=ipv4总之 ...继续阅读 (49)

模版字符串概念和用途模板字符串使用反引号 () 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号（`）时，需要在它前面加转义符（\）。简单的说模版字符串就是用来处理一些特殊的字符、数据展示、react模版时用来占位的一种特殊写法，以一种更优雅的方式来表示。123456789101112131415// 旧方式var a = 5;var b = 10;console.log('Fifteen is ' + (a + b) + ' and\nnot ' + (2 * a + b) + '.');// 新方式var a = 5;var b = 10;console.log(`Fifteen is ${a + b} andnot ${2 * a + b}.`);// 最终结果// "Fifteen is 15 and// not 20."语法形式12345678910111213141516// 单行字符 ...继续阅读 (4)

《Go设计模式：模板模式》模板模式，大家猜猜是什么？其实我们天天用，离我们最近的就是面向对象里的继承。模板的作用是什么呢？是框定一个框架，但是不填充具体细节，细节由具体的子类来完成，举个例子，如果我们想写一个短信系统，他要对接各种第三方短信，但是其实大家都知道，发短信，大家接口不一样而已，实际上他们可以抽象成相同的流程... ...继续阅读 (47)