Rollup插件（第一部分）

前言

本文翻译自rollup.js。

一个Rollup插件是一个导出了一个函数的包，这个函数返回了一个对象，这个对象中有下面介绍的属性和钩子,这些属性和钩子遵循特定的规范。

一个简单的例子

下面的这个插件将会拦截导入的”virtual-module”模块，它甚至可以用来替换”virtual-module”模块在所有的入口点中的替换成的结果，如下所示

rollup-plugin-my-example.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
export default function myExample () {
    return {
        name: 'my-example', // 这个名字将会出现在在警告和报错中
        resolveId ( importee ) {
            if (importee === 'virtual-module') {
                return importee; // 这个告诉rollup不应该通过其他的插件或者检查文件系统去寻找这个id
            }
            return null; // 其他的id不受影响
        },
        load ( id ) {
            if (id === 'virtual-module') {
                return 'export default "This is virtual!"'; // "virtual-module"的源码
            }
            return null; // 其他的id还是通过正常的方式解析
        }
    };
}
more >>

展开全文 >>

写一个舔狗日记

不要让自己的底限成为你的上限

思路

  1. 熊猫头表情包固定的宽高，储存熊猫头高度
  2. 次要内容，标题、时间、天气，此处也需要记录高度以及间距(这些内容可以控制显示)
  3. 随机的文案
  4. 可以生成图片，canvas直接渲染会变成一行，所以需要根据每行多少字做切割

render node节点

image.png
处理页面文案显示，舔狗文案是从网上扒的，包含了****高亮内容。通过切割**形式高亮文本，小程序无法直接渲染wxml，需要转换成array形式。

more >>

展开全文 >>

Vue-RFCs

一、RFC是啥?
“RFC”(request for comments) 请求评议，目的是为新功能进入框架提供一致且受控的路径。很多变化，包括bug修复和文档说明的更进可以在日常的GayHub工作流中实施和评估。但是有些实质性的变化，我们要求这些变化经历一个设计过程，并且在Vue核心团队和社区中一致通过。

二、RFC生命周期
一个RFC会经历以下阶段：

Pending：这个RFC被作为一个PR(pull request)被提交。

Active：这个RFC被合并并且正在实施。

Landed：这个RFC提出的更改在实际版本中被发布。

Rejected：这个RFC的PR没被否决。

more >>

展开全文 >>

学习typescript用法一-学习ts

前言

虽然ts最终需要编译成js，但是在开发过程中还是需要严格去遵循ts的机制，尽量避免anyscript和ts-ignore。在ts和js的选择上还是需要看项目的复杂程度，在项目的程度上去选择ts，否则只会适得其反的效果。

什么是typescript

TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。

中文文档: https://www.tslang.cn/docs
English Doc: https://www.typescriptlang.org/docs/

more >>

展开全文 >>

解决electron安装，卡在install.js不动问题，UnhandledPromiseRejectionWarning：RequestError：readECONNRESE

  1. 选择项目文件夹
  2. npm init
  3. npm install electron –save-dev
  4. npm –registry=https://registry.npm.taobao.org install
  5. node install.js的时候ctrl+c取消,y确定
  6. cd ./node_modules/electron
  7. https://cdn.npm.taobao.org/dist/electron/11.2.0/electron-v11.2.0-win64.zip并复制到上面的文件夹,重命名为electron.zip
    此为64位win版本,如果是其他版本请进入https://cdn.npm.taobao.org/dist/electron/11.0.2页面选择下载
  8. 修改 ./node_modules/electron/install.js,如下:
more >>

展开全文 >>

【electron+vue3+ts实战便笺exe】二、electron+vue3开发内容 [原创]

不要让自己的上限成为你的底线

本来以为有万字的。。没想到才堪堪近6000字。为了水文的嫌疑，只挑了重点的地方讲，比如component内的组件就挑了右键弹窗去说明，建议在看本文的时候边查看项目，有不懂的可以在下方评论，谢谢。

github
github: https://github.com/heiyehk/electron-vue3-inote
包下载
release: https://github.com/heiyehk/electron-vue3-inote/releases

接上篇配置篇 【electron+vue3+ts实战便笺exe】一、搭建框架配置，这里更新了一下vue3的版本3.0.4，本篇文章只讲开发内容，主要还是vue3方面，长文警告。ps:smartblue这个主题好好看。。。

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

<div style="padding: 10px;">1.本网站部分资源是搜集整理而成，版权均归原作者所有。本站仅提供一个观摩学习的环境，将不对任何资源负法律责任。<br /><br /> 2.若无意中侵犯到您的版权利益，请联系联系我，我会在收到信息后会尽快给予处理并将处理结果给予答复。！<br /><br /> 3.网站内所有资源仅供学习交流之用，请勿用作商业用途，谢谢。</div>