pencilcode增强版开始投入测试

马黑黑 · 发表于 2023-8-28 12:13

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

几经迭代，pencilcode终于迎来增强版。增强版主要更新：

一、全新的运行机制

基于本地存储技术令运行的代码得以保存，在编写代码和预览效果页面，刷新浏览器仍能保留运行代码前的代码和本次预览的效果，并且，下一回访问pencilcode，上一次编写的代码依然存在，除非清除过本机浏览器缓存。

需要特别注意的是，未运行过的代码，在刷新浏览器时将得不到保存。

二、支持导入第三方JS资源

可以引用多个JS文档资源，文档资源可以采用两种方式导入：其一是 <script src="JS文档地址"></script>，其二是appendChild方法。对于前者，pencilcode会将JS文档资源追加到body代码域的末尾，而后者则由使用者自己定义，支持添加到head代码域、body代码域等，举例如下：

let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/xypp_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);

可能出现的问题：若所编写的JS代码出现致命性错误，运行代码/关闭预览按钮可能得不到切换，若此，在效果预览页面，可以通过浏览器的回退按钮回到编辑页面，修改好代码后再运行。

同时支持多个纯JS代码script标签，pencilcode会将代码整合在一处然后运行。纯代码的script标签里的代码将在最后运行，以确保和引入的JS文档资源建立正确的逻辑关系。

三、剥离前面版本对css-doodle的直接支持，页面启动速度更快。

pencilcode增强版更新匆忙，加之水平有限，错误在所难免。希望有心者参与测试并及时反馈相关信息，以帮助pencilcode健康成长。谢谢大家！

【附】pencilcode增强版测试地址 >> pencil code (52qingyin.cn)