摘要:
好家伙 今天遇到一个bug 0.问题描述 描述如下: 代码如下: copynodefunc() { this.copynode = this.model.selected }, affixnode() { const id = this.model.selected.wid - 1; const g 阅读全文
摘要:
好家伙, 本篇我们来说说,编辑器内如何实现拖拽 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 0.效果预览 1.思路 1.1.视图操作分析 这一块是这一章节最核心的部分 到 用户进行了什么操作? (1)点击编辑器中第一个组件 阅读全文
摘要:
好家伙, 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 本片我们来讲述 如何将dsl的数据渲染为视图 1.数据格式 dsl: { component: 'div', wid: 0, props: { }, style: { 阅读全文
摘要:
好家伙, 0.索引 在阿里的低开项目中,使用这种形式去注册组件,我不禁好奇,这到底是个什么玩意 1.概念 在 JavaScript 中,注册模式(Registry Pattern)是一种设计模式,它用于管理对象、函数或其他类型的实例,并提供一种机制来访问它们。注册模式通常用于将对象实例注册到一个中心 阅读全文
摘要:
好家伙, demo-general项目运行后主界面如下 解析阿里低开引擎中的初始化方法init 拆解项目来自阿里的lowcode engine目录下的 demo general项目 0.找到入口文件 可以看到整个项目用到的插件非常之多 于是 init: init 方法用于初始化低代码引擎,负责加载各 阅读全文
摘要:
好家伙, 今天来手写我们的老伙计vue-router, 1.替换router 新开一个项目,并使用我们手写的router 2.大致结构 let Vue; // 保存vue的构造函数 class VueRouter { constructor(options) { } } VueRouter.inst 阅读全文
摘要:
好家伙,狠狠地补一下代码量 本篇我们来尝试使用原生js实现vue的响应式 使用原生js,即代表没有v-bind,v-on,也没有v-model,所有语法糖我们都用原生实现 1.给输入框绑个变量 <body> <input id="input_1"></input> </body> <script> 阅读全文
摘要:
好家伙, 当我们对一个方法进行两次调用,我们希望第一次执行A分支,第二次执行B分支,该怎么做? 这意味着在连续的两次调用中,方法的执行逻辑会交替执行不同的分支。 方法一:公共变量 let flag = 1; function myMethod() { if (flag 1) { // 执行A分支的逻 阅读全文
摘要:
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件! 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置:在路由配置对象中,定义路径与组件的映射关系。例如: import AboutComponent from '../views/AboutCompon 阅读全文
摘要:
一、 课程设计(大作业)具体内容 3.1 程序概述 已完成一下命令 pwd //显示当前所在目录的路径名 list <目录名> //列出指定目录名中的所有目录及文件 modifydir <目录名或路径> //改变当前工作目录 makedir <目录名> //新建目录 deldir <目录名> //删 阅读全文