- 博客(12)
- 收藏
- 关注
RSS订阅原创 高仿【华为消费者业务官网】和精彩动画剖析：练习在低代码平台中嵌入JS代码
本课程是华为消费者业务官网的仿站习作。页面排版精美，照搬原站UI，一键导入HTML和CSS，还原度非常高，达到以假乱真的程度。本课程重点是带领读者学习如何在众触低代码应用平台中嵌入JS代码...
2022-08-02 07:40:34
226
原创 高仿项目协作工具【Worktile】，从零带你一步步实现组织架构、网盘、消息、项目、审批等功能
本课程目的是演示一个复杂的协同类OA的SaaS应用软件，基于众触这样一个专业的低代码应用平台，如何开发一个复杂的功能完整的SaaS应用。Worktile是专为企业办公场景设计的项目协作管理系统，业务概念多，关系错综复杂；虽然大家很可能不需要做到这种复杂度的应用，但学习里面用到的思想和用法是非常有价值的。...
2022-08-01 07:39:58
1114
原创 【中国象棋人机对战】引入了AI算法，学习低代码和高代码如何混编并互相调用
以低代码和高代码（原生JS代码）混编的方式引入了AI算法，学习如何使用表达式调用原生代码的。整个过程在众触低代码应用平台进行，适合高阶学员。
2022-07-19 08:27:36
985
原创 从零开始完整开发基于websocket的在线对弈游戏【五子棋】，只用几十行代码完成全部逻辑。
五子棋是规则简单明了的策略型游戏，先形成五子连线者获胜。本课程习作采用两人在线对弈的方式进行比赛，拿着手机在上下班路上玩特别合适。整个过程在众触低代码应用平台进行，使用表达式描述游戏逻辑（高度简化版JS）。本课程重点学习websocket实时消息的发送与接收处理。...
2022-07-18 09:40:14
959
原创 手把手带你从零开始完整开发经典游戏【俄罗斯方块】，全部逻辑只用不到200行代码。
经典俄罗斯方块是经久难忘的游戏，可用电脑键盘快捷键或鼠标点击玩，也可用手机触屏玩；可设置初始行数和难度级别；会自动保存/复原上次玩的场景。手把手带你从零开始完整开发经典游戏【俄罗斯方块】，全部逻辑只用不到200行代码。......
2022-07-16 23:52:51
1014
1
原创 从零开始制作【立体键盘】，画UI免写CSS，【盲打练习】的交互逻辑只用了10来行表达式
手把手教你从空白页面开始通过拖拉拽可视化的方式制作【立体键盘】的静态页面，不用手写一行CSS代码，全程只用10来行表达式就完成了【盲打练习】的交互逻辑。整个过程在众触应用平台进行，快速直观。...
2022-07-14 23:10:35
105
原创 从零开始通过拖拉拽可视化的方式制作【立方体透视动画图】，免手写CSS
手把手教你从空白页面开始通过拖拉拽可视化的方式制作【立方体透视动画图】。整个过程在众触应用平台进行，不用手写一行CSS代码。立方体它是有六个面的，并且它的每个面都是相同大小的。为了区分，分别给每个div选择了不同的颜色和名称，并且设置为半透明方便透视。通过perspective设置三维透视距离的，它仅作用于元素的后代，而不是其元素本身。...
2022-07-13 11:09:42
196
原创 【CSS遮罩可视化编辑器】mask-image，边拖拽边看效果，直观易懂，图片合成，渐变背景蒙版，易如反掌
所谓遮罩（mask-image），就是原始图片只显示遮罩图片非透明的部分，在PS中称为“蒙版”。类似于现实世界中一张A4卡纸剪了个洞，我们可以通过洞看卡纸后面的物体，这里卡纸相当于遮罩层，只不过洞是遮罩层不透明的部分，其他部分是遮罩层透明的部分，与我们想象中的正好相反。上面提到的图片也可以是各种渐变背景色。整个过程在众触应用平台进行，不用手写一行CSS代码。...
2022-07-12 11:46:26
1623
原创 【CSS滤镜可视化编辑器】边拖拽边看效果，直观易懂，再也不用摸瞎了
写filter滤镜CSS代码的时候总不知道给什么值才最美观，一次次实验很费时？直接拖拉拽看效果！直观易懂高效。整个过程在众触应用平台进行，不用手写一行CSS代码。
2022-07-12 10:19:30
442
原创 Grid属性太多记不住？【Grid栅格布局可视化编辑器】直观易懂高效，拖拉拽，有手就行
手把手教你通过拖拉拽可视化的方式带你练习【Grid栅格布局】的各个属性，直观易懂！再也不愁记不住繁多的Grid属性了。整个过程在众触应用平台进行，不用手写一行CSS代码。
2022-07-10 21:58:52
309
原创 【Flex弹性布局】Flex太难？通过可视化拖拽的方式包你一看就懂，非常直观
手把手教你通过拖拉拽可视化的方式带你练习【Flex弹性布局】的各个属性，直观易懂！整个过程在众触应用平台进行，不用手写一行CSS代码。flex-direction：主轴的方向，即决定项目的排列方向row： 默认排列方向，即主轴为水平方向，起点为左侧row-reverse：主轴为水平方向，起点为右侧column：主轴为竖直方向，起点为上沿column-reverse：主轴为竖直方向，起点为下沿flex-wrap：当一行放不下所有的项目时，其换行与否以及换行方式nowrap：默认值，即不换行wrap：换行，第
2022-07-10 10:32:13
466
原创 【湖上日出】从零开始通过拖拉拽可视化的方式制作动态风景，免手写CSS
手把手教你从空白页面开始通过拖拉拽可视化的方式制作一幅美丽的动态风景【湖上日出】，整个过程在众触应用平台进行，不用手写一行CSS代码。澄澈的湖水娴静而又安详，岸边的水草迎着晨风朝你微微点点头，平铺在水面上荷叶还没睡醒，一动也不动；偶尔冒出几个水泡，划出几道涟漪，打破平静的水面。忽然间，在远处天水相连的地方一个夺目的太阳冒了出来，带着耀眼的光环，洒下通红的朝霞，把整个天空和湖面都染红了。太阳冉冉升起，给湖面撒下一条条金丝带，鲜艳夺目。太阳消失在高空，深红的朝霞也渐渐消逝，留下两朵孤云，远处的。。。.....
2022-07-07 10:49:21
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人