{"状态":"获取数据成功","数据":[{"资源名称":"一个基础的内容展示案例","简易描述":"一个基础的内容展示案例，演示了关于文章页面开发应该如何进行布局。\n","资源编号":"16642042173463590"},{"资源名称":"网页悬浮头部功能之css定位属性的粘性定位实现","简易描述":"很多网站都需要一个功能，就是在网页中的一个板块，在浏览的时候，希望它滑到指定位置的时候，希望板块可以固定到当前窗口位置，\n\n这个时候，css定位的粘性定位属性值就很有用，我的案例中有一个常用的案例，头部悬浮在顶部。\n\n\n定位: 粘性定位;\n顶部: 0;","资源编号":"16710814159246668"},{"资源名称":"快码编程-layui教学-lay-红色背景","简易描述":"点击查看?lay-红色背景?类名的解说：阅读lay-红色背景博客","资源编号":"16758467588906500"},{"资源名称":"快码编程-网页端通过JS跳转页面","简易描述":"快码编程-网页端通过JS跳转页面\n\n\n注意：请引用浏览器基础库","资源编号":"16799187902639362"},{"资源名称":"快码编程-移动端请求网络数据并循环创建组件","简易描述":"快码编程-移动端请求网络数据并循环创建组件\n\n\n请求网络数据，并根据网络数据动态创建组件","资源编号":"16807957066419822"},{"资源名称":"仿快码论坛首页","简易描述":"看完基础课程HTML+CSS后学习制作，还未看js课程。大神忽略！","资源编号":"16890699659725406"},{"资源名称":"lay表单大合集案例","简易描述":"表单数据的获取，单选框单击事件数据获取，开关的单击事件数据获取，下拉框的单击事件数据获取统统均在里面。需要的学习。","资源编号":"16893581526198990"},{"资源名称":"快码软件开发平台-模拟动态请求数据并渲染到页面中","简易描述":"快码软件开发平台-模拟动态请求数据并渲染到页面中","资源编号":"16897615798806010"},{"资源名称":"layui图标分享","简易描述":"用到layui内置的图标,确不知道是什么样子的,一个个试好麻烦,花了几个小时,特地把所有的图标都整理出来了,方便使用,分享给大家.","资源编号":"16898971100271397"},{"资源名称":"快码软件编程平台-移动端弹出层案例","简易描述":"快码软件编程平台-移动端弹出层案例\n","资源编号":"16900318627167421"},{"资源名称":"快码软件编程平台-桌面端托盘案例","简易描述":"快码软件编程平台-桌面端托盘案例\n","资源编号":"16904310422743995"},{"资源名称":"网页常见的下拉菜单三级联动","简易描述":"做了一个普通的选择地区的下拉菜单，三级联动，可以自己改装数据，或者数据用请求的方式加载等。\n\n\n\n\n里面这个文件是城市数据，用的附属文件夹。","资源编号":"16920831577498706"},{"资源名称":"仿小米商城首页","简易描述":"仿小米商城首页\n","资源编号":"17018292382545337"},{"资源名称":"时间戳5位转正常时间","简易描述":"时间戳5位转正常时间\n","资源编号":"17025392063427901"},{"资源名称":"快码FOF-同步文件复制或目录复制案例","简易描述":"快码FOF-同步文件复制案例\n\n\n同步复制文件或者目录","资源编号":"17127150836177327"},{"资源名称":" 利用JQ监听鼠标移动事件,实时加ccs样式例程","简易描述":"? ? ? ? 使用jQuery 库对鼠标移动事件进行监听，并根据鼠标所在位置对指定图片元素的位置和旋转进行调整，从而实现动态特效效果。\n\n? ? ? ? 具体思路:\n\n? ? ? ? 定义moveForce?和?rotateForce?分别表示移动和旋转的力度大小。然后通过?$(window).鼠标移动捕获全局的鼠标移动事件，并计算出偏移量和旋转角度等参数，最后使用?.设置或返回样式()?方法将样式应用到指定的图片元素上。\n\n代码如下\n\n\t\t\t变量 moveForce = 45;\n\t\t\t变量 rotateForce = 30;\n\t\t\t$(window).鼠标移动(定义函数 (e) {\n\t\t\t\t变量 docX = $(window).元素宽度();\n\t\t\t\t变量 docY = $(window).元素高度();\n\t\t\t\t变量 moveX = ((e.pageX - docX / 2) / (docX / 2)) * -moveForce;\n\t\t\t\t变量 moveY = ((e.pageY - docY / 2) / (docY / 2)) * -moveForce;\n\t\t\t\t变量 rotateY = (e.pageX / docX) * rotateForce * 2 - rotateForce;\n\t\t\t\t变量 rotateX = -((e.pageY / docY) * rotateForce * 2 - rotateForce);\n\t\t\t\t/*在图片框写出css代码,你的图片框类名替换即可*/\n\t\t\t\t$(\".你的图片框类名\").设置或返回样式(\"left\", moveX + \"px\").设置或返回样式(\"top\", moveY + \"px\").css(\"transform\", \"rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\");\n\t\t\t});\n\n","资源编号":"16821324129303730"},{"资源名称":"在layui动态表格中选择日期","简易描述":"一个简单的事件+组件结合的例子，大家可以参考此代码，做出更多表格效果。","资源编号":"16941664496857739"},{"资源名称":"孤岛-机器人/客服聊天界面布局案例","简易描述":"本篇教学博客将为大家详细演示如何快码创建一个简单的机器人/客服聊天界面。接下来我们将逐步介绍这段代码的结构、样式。\n\n首先，这是一个网页类型的代码，具有完整的网页结构，包括网页头部和网页主体两个部分。\n\n在网页头部，我们定义了网页的信息、标题和样式。其中，样式部分使用了 CSS3 的嵌套样式表语法，通过对每个元素类名进行设计，实现了对聊天窗口各个元素的布局和样式的定义。这里简要介绍一下样式的结构：\n\n通用样式定义：通过 * 来匹配所有元素，设置外边距、内边距和盒子模型。 对话框容器：包含对话框头、对话框主体和对话框底部三部分。设置外边距、背景颜色、圆角边框和阴影等样式。\n\n对话框头：设置高度、背景颜色、颜色和字体大小等样式。\n\n对话框主体：使用弹性布局实现消息的垂直显示，设置高度、内边距和滚动条样式等。\n\n消息：消息的基本样式，包括下边距、弹性布局和对齐方式等。\n\n消息.自己：消息的反转排列方式，使发送消息置于右侧。\n\n头像：头像的基本样式，包括宽度、高度、右边距和圆角边框等。\n\n头像 图片框：头像图片的样式设置，包括宽度、高度和大小适应方式等。\n\n消息 .文本：消息文本的基本样式，包括内边距、背景颜色、圆角边框和阴影等。\n\n消息.自己 .文本：将发送消息的文本颜色和背景颜色反转，使其与接收消息有所区别。\n\n对话框底部：聊天框底部的元素样式，包括高度、背景颜色、边框和对齐方式等。\n\n消息输入框：输入框的样式，包括扩展和收缩方式、高度、边框和内边距等。\n\n发送按钮：发送按钮的样式，包括宽度、背景颜色、边框和圆角边框等。\n\n在网页主体部分，聊天窗口由对话框容器、对话框头、对话框主体和对话框底部四个元素组成。\n\n<!文档类型 网页类型>\n<网页>\n  <网页头部>\n    <网页信息 文档编码=\"UTF8\" />\n    <网页标题>机器人/客服聊天界面示例</网页标题>\n    <样式>\n      * {\n        外边距: 0;\n        内边距: 0;\n        盒子模型: 边界框;\n      }\n\n      网页主体 {\n        背景-颜色: #f2f2f2;\n        字体-组: Arial, sans-serif;\n        字体-大小: 14px;\n        颜色: #444;\n      }\n\n      .对话框容器 {\n        显示模式: 弹性布局;\n        弹性布局-方向: 垂直显示;\n        内容对齐: 行尾排列;\n        宽度: 400px;\n        高度: 500px;\n        外边距: 50px 自动 0;\n        背景-颜色: #fff;\n        盒子-阴影: 0 0 10px 颜色通道(0, 0, 0, 0.2);\n        边框-圆角: 5px;\n        溢出: 隐藏;\n      }\n\n      .对话框头 {\n        显示模式: 弹性布局;\n        对齐-项目: 居中;\n        高度: 50px;\n        内边距: 0 20px;\n        背景-颜色: #2196f3;\n        颜色: #fff;\n        字体-大小: 18px;\n      }\n\n      .对话框主体 {\n        弹性布局-扩展: 1;\n        内边距: 20px;\n        溢出-y轴: 滚动;\n      }\n\n      .消息 {\n        下边距: 10px;\n        显示模式: 弹性布局;\n        对齐-项目: 居中; \n      }\n\n      .消息.自己 {\n        弹性布局-方向: 水平显示倒序; \n      }\n\n      .头像 {\n        宽度: 30px;\n        高度: 30px;\n        右边距: 10px;\n        边框-圆角: 50%;\n        背景-颜色: #ddd;\n        溢出: 隐藏; \n        弹性布局-收缩: 0; \n      }\n\n      .头像 图片框 {\n        宽度: 100%;\n        高度: 100%;\n        对象-适应: 宽高覆盖缩放;\n      }\n\n      .消息 .文本 {\n        显示模式: 内联块元素;\n        内边距: 8px;\n        背景-颜色: #f2f2f2;\n        边框-圆角: 5px;\n        盒子-阴影: 0 0 3px 颜色通道(0, 0, 0, 0.1);\n        最大-宽度: 70%;\n      }\n\n      .消息.自己 .文本 {\n        背景-颜色: #2196f3;\n        颜色: #fff;\n      }\n\n      .对话框底部 {\n        显示模式: 弹性布局;\n        对齐-项目: 居中;\n        高度: 50px;\n        内边距: 0 0px;\n        背景-颜色: #eee;\n        边框-顶部: 1px 实线 #ddd;\n      }\n\n      .消息输入框 {\n        弹性布局-扩展: 1;\n        高度: 100%;\n        右边距: 10px;\n        左边距: 1px;\n        边框: 无效;\n        内边距: 0 10px;\n        字体-大小: 16px;\n        盒子模型: 边界框;\n      }\n\n      .发送按钮 {\n        宽度: 80px;\n        背景-颜色: #2196f3;\n        颜色: #fff;\n        边框: 无效;\n        边框-圆角: 5px;\n        轮廓: 无效;\n        光标: 指针箭头;\n        字体-大小: 16px;\n        高度: 100%;\n      }\n    </样式>\n  </网页头部>\n\n  <网页主体>\n    <区块 类名=\"对话框容器\">\n      <区块 类名=\"对话框头\">机器人/客服聊天界面示例</区块>\n      <区块 类名=\"对话框主体\">\n        <区块 类名=\"消息\">\n          <区块 类名=\"头像\" 行内样式=\"右边距: 0;\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=1300986109,130010496&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=504\" />\n          </区块>\n          <区块 类名=\"文本\">你好，有什么需要帮助的吗？</区块>\n        </区块>\n        <区块 类名=\"消息 自己\">\n          <区块 类名=\"头像\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=421758871,1551602377&fm=253&fmt=auto&app=120&f=JPEG?w=505&h=500\" />\n          </区块>\n          <区块 类名=\"文本\">你好，我有一个问题想问。</区块>\n        </区块>\n        <区块 类名=\"消息\">\n          <区块 类名=\"头像\" 行内样式=\"右边距: 0;\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=1300986109,130010496&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=504\" />\n          </区块>\n          <区块 类名=\"文本\">请问是什么问题？</区块>\n        </区块>\n        <区块 类名=\"消息 自己\">\n          <区块 类名=\"头像\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=421758871,1551602377&fm=253&fmt=auto&app=120&f=JPEG?w=505&h=500\" />\n          </区块>\n          <区块 类名=\"文本\">我想了解一下如何使用 AI 翻译。</区块>\n        </区块>\n        <区块 类名=\"消息\">\n          <区块 类名=\"头像\" 行内样式=\"右边距: 0;\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=1300986109,130010496&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=504\" />\n          </区块>\n          <区块 类名=\"文本\">你可以在百度翻译中使用 AI 翻译服务，非常方便快捷。</区块>\n        </区块>\n        <区块 类名=\"消息 自己\">\n          <区块 类名=\"头像\">\n            <图片框 图像地址=\"https://img1.baidu.com/it/u=421758871,1551602377&fm=253&fmt=auto&app=120&f=JPEG?w=505&h=500\" />\n          </区块>\n          <区块 类名=\"文本\">好的，谢谢！</区块>\n        </区块>\n      </区块>\n      <区块 类名=\"对话框底部\">\n        <数据框 数据类型=\"文本输入\" 类名=\"消息输入框\"/>\n        <按钮 类名=\"发送按钮\"></按钮></按钮>\n      </区块>\n    </区块>\n\n  </网页主体>\n</网页>\n\n有了以上代码，我们就可以轻松地创建一个简单而美观的机器人/客服聊天界面了！","资源编号":"16860323704844055"},{"资源名称":"快码FOF-后端页面开发-移动端浏览框显示并回调","简易描述":"在移动端开发中，经常需要直接显示一个网页，而这通常需要使用浏览框控件；本案例则演示了使用快码FOF开发一个服务端和网页；并且移动端的浏览框调用这个网页的案例。\n\n注意：127.0.0.1是本机地址，大家测试的时候请改成自己的局域网地址","资源编号":"16944320742366526"},{"资源名称":"两个按钮，一个开启，则另一个禁用","简易描述":"\n\n\n\n","资源编号":"16910354524839500"},{"资源名称":"模仿阿里云登录注册页面以及部分功能","简易描述":"模仿阿里云注册登录页面 实现了桌面端日志输出，简单地短信发送? 图形验证码等功能??\n\n\n","资源编号":"17021149618688382"},{"资源名称":"用函数生成页面，参数化生成界面","简易描述":"用函数生成页面的代码，提供一个思路，因为还是不习惯密密麻麻的html代码","资源编号":"17122282380947652"},{"资源名称":"弹出层等框架页面直接使用原生桌面命令","简易描述":"部分时候，一些同学需要在框架层页面【例如：弹出层、选项卡】等页面中使用原生桌面命令，比如：数据库操作、文件操作等，这样的功能实现起来是比较繁琐的；更好的方案是直接打开多窗口\n\n多窗口参考方案1：桌面端多窗口隐藏显示切换及关闭监听\n\n多窗口参考方案2：桌面端多窗口案例\n\n解说：因为多窗口是多进程模式，则每一个窗口之间都是独立的，所以可以随意使用原生桌面命令。\n\n?\n\n上面介绍了多窗口后，此时回到博客的主题上面来；有些同学说：我就头铁，我就想用选项卡和弹出层模式来操控原生桌面端命令！\n\n当然也可以，只是实现起来会麻烦一些，下面教大家如何实现吧。\n\n首先第一步，在项目配置器中开启【框架层NODE进程】属性\n\n?\n\n开启该属性后，就可以让弹出层、选项卡、框架页等子页面也能使用原生桌面端的命令。\n\n但是重点来了；这个功能是electron的测试性命令之一，它有一个致命的缺点，那就是一旦启用后；框架页使用关闭命令就会导致整个窗口关闭！【原因是开启此选项后，框架页被视为与窗口一致的进程】\n\n也就是说，大家使用：lay_弹出层.关闭()、或者使用浏览器基础库自带的：浏览器窗口.关闭()、又或者说使用选项卡的关闭，例如下图：\n\n又或者说任何可能会用到\"浏览器窗口.关闭()\"的场景，都会导致当前窗口直接关闭！\n\n大家是不是直接就懵了？那开启这个属性还怎么玩，不一样的属于间接性不能使用弹出层或者选项卡又或者框架标签么？毕竟总不可能只能打开，不能关闭吧？\n\n这个时候又有一个新的办法解决该问题，那就是新增一个\"窗口是否可关闭\"的函数，该函数在窗口关闭前会触发，这个函数返回真窗口就可以关闭，否则返回假就不能关闭。\n\n于是大家就可以在这里面做判断，比如弹出层打开后，就设置一个变量为假，然后以这个变量作为是否可关闭窗口的媒介。\n\n例如：当打开弹出层后，这个变量为假；当关闭弹出层后；这个变量为真。\n\n具体大家可下载本源码测试。","资源编号":"17007228525111330"},{"资源名称":"移动端画板案例","简易描述":"移动端画板案例\n","资源编号":"17128082328827821"},{"资源名称":"管理系统框架类更新","简易描述":"之前一直都是用的易语言、火山写的管理系统，年后开始使用快码FOF边学边写，整体感受难度还是挺大的，过程遇到各种问题，反正一地鸡毛，其实这些框架中还是有一些问题未能解决，先分享给大家参考参考一下。\n\n以往在使用易语言、火山编写软件时，会有比较多的案例，学习起来上手比较快，但是FOF整体成品分享还是比较少的，对于我们这些小白上手难度会比较大，想想分享给大家，同时也希望大家指出功能上的缺陷哦。\n\n有些问题在问论坛提了问题，还没能解决，后面有进度我也会持续更新进来；\n\n整体这套系统的构想是：FOF为服务器和后端，实现EXE桌面端、网页端以及FOF移动端，同时还要提供端口给易语言和火山进行操作。\n\n这次分享的代码都是桌面端的部分，移动端的后面在更新，也是最近才开始写的。\n\n不喜勿喷，欢迎大神提供些解决方案！\n\n持续更新：\n\n【桌面端】\n\n2024-04-11，在之前的基础上，得到大神们帮助，完善了Lay_ui动态表格查询时页面发送问题，不会像之前固定发送页码，有时出现显示数量错乱问题；\n\n整体应用到的组件【表格、lay_ui动态表格、下拉框、下拉多选框、单选框、文件上传下载】，反正感觉写来写去，都是一些常用到的组件；\n\n【移动端】\n\n2024-04-11，加了一个移动端页面的应用，第一个页面，整体写上来，难度不小，好多都是FOF官方帮忙解决的，毕竟桌面端与移动端思维是完全不同的，移动端数据驱动难度旬接触难度不小；\n\n整体应用到的组件【轮播图、文件上传下载、输入框、下拉框、单选框等】\n\n  \n\n【易语言】\n\n后面再更新这个数据对接的代码，目前有点乱。\n\n说明：\n\n提供的都是比较完整的案例，算成品，整套软件是结合实际工作应用，可能思路和理念与大家的不同，大家只要代码应用，至于功能合理性不保证，大家可以看看思路，至于代码是否最优，肯定不是，我也初学，有时可能只是以实现功能效果为目标，后期在慢慢优化吧。\n\n \n\n \n\n \n\n ","资源编号":"17125595718545036"},{"资源名称":"特色轮播源码","简易描述":"分享一个很有特色的轮播源码，漂亮大气，代码简单方便。","资源编号":"17124560942339991"},{"资源名称":"移动端-日历选择器案例","简易描述":"移动端-日历选择器案例\n","资源编号":"17126689973875099"},{"资源名称":"桌面端自己设计窗口案例","简易描述":"自己设计窗口其实很简单，参考本案例就行\n\n如果自己设计的窗口想要圆角，可以设置为可任意形状窗口：\n\n并且使用CSS设置网页主体和外部盒子的圆角即可：","资源编号":"17128063712229304"},{"资源名称":"禁止某URL访问代码","简易描述":"?有很多小伙伴发现，我们的后台的做的选项卡有一个权限问题， 就是不做一些代码处理，别人就能通过我们的URL地址访问到我们子集的某个页面， 就是用户不用登录也能访问， 这个就是我们没有做详细的逻辑处理权限， 其实有一个代码很简单，我目前就是这样处理，无需多么复杂的处理，对于一些新手来说 还是很实用的。\n\n\n\n\n当用户否问某个URL时，就会自动判断地址URL\n\n\n","资源编号":"17063343153301749"},{"资源名称":"文心一言大模型案例","简易描述":"文心一言大模型案例\n\n\n\n","资源编号":"17084012320182025"},{"资源名称":"快码FOF桌面端国际音标练习器","简易描述":"英语国际音标练习器，英语小白的入门利器\n\n主要功能：\n\n音标随机练习\n辅音连缀练习\n随时看发音视频\n随机练习元音\n\n?\n\n学习价值：\n\n对象数据结构存储\n数据结构处理引用\n网页视频播放暂停\n网页音频播放暂停\n程序架构编写逻辑\n\n?\n\n注意：由于发音视频比较大无法上传，要自行找视频放到资源目录\n\n?\n\n国际音标视频目录：\\data\\video\\yinbiao\n\n文件格式：1_fy.mp4（数字对于代码的国际音标.ljs->音标数据对象->编号属性）\n\n?\n\n辅音连缀视频目录：\\data\\video\\lianzhui\n\n文件格式：1_fy.mp4（数字对于代码的辅音连缀.ljs->音标数据对象->编号属性）\n\n?\n\n?","资源编号":"17098612120846036"},{"资源名称":"WebSocket_支持多条连接_uniapp官方版","简易描述":"WebSocket客户端，用uniapp官方代码写的，相比快马官方的WebSocket，这个WebSocket支持多条连接。还有各种回调事件。比较全面。\n\n里面还带了一个WebSocket服务器给大家测试用的。\n\n【快马官方，你辛苦了，让我来帮你完善。hhhhh】\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","资源编号":"17040020954485795"},{"资源名称":"快码FOF中文编程-sign签名组件案例","简易描述":"快码FOF中文编程-sign签名组件案例\n\n\nUI设计器中的sign签名组件使用案例","资源编号":"17061805440768105"},{"资源名称":"网页端内置调试器窗口-适用于移动端网页调试","简易描述":"网页端内置调试器窗口-适用于移动端网页调试\n","资源编号":"17067845615849519"},{"资源名称":"移动端商品导航组件案例","简易描述":"移动端商品导航组件案例\n\n需要下载2024-02-28以上版本快码FOF","资源编号":"17091118967503070"},{"资源名称":"分享一个搜索框拿去可以自行改造","简易描述":"对于新手可以学习一下，可以拿来做自己的搜索，要引用lay","资源编号":"17060674742271041"},{"资源名称":"小米商城首页-学习源码  初学","简易描述":"CSS学完 仿制了快码的 还有小米的 这个是小米的 不算完全仿制 但是大部分以及做出了? 和大神比不了\n\n也有bug? 轮播图分类 希望大神解答\n\n\n\n\nJS学到130集? 但是我发现 我不会用? 希望大佬指路\n\n\n\n\n\n\n\n\n","资源编号":"17063678256891789"},{"资源名称":"一个气泡提示框插件。","简易描述":"如图所示\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","资源编号":"17090890797748265"},{"资源名称":"对接AI通义千问.rar","简易描述":"对接了阿里云免费开放的AI大模型，通义千问，可以访问他的官网https://tongyi.aliyun.com/，\n\n如果你没有相应的apikey ，可以这里申请一个，很简单也很快：https://help.aliyun.com/zh/dashscope/developer-reference/activate-dashscope-and-create-an-api-key?spm=a2c4g.11186623.0.0.29f412b0tkSgQw\n\n相应的API文档可以看这里：https://help.aliyun.com/zh/dashscope/developer-reference/api-details?disableWebsiteRedirect=true\n\n源码也写了非常详细的备注","资源编号":"17100795776603296"},{"资源名称":"快码FOF-遍历所有子目录案例","简易描述":"快码FOF-遍历所有子目录案例\n\n\n遍历子目录不遍历文件","资源编号":"17121547903491639"},{"资源名称":"快码FOF-后端首路径触发案例代码","简易描述":"通过非全路径方式，以某个首路径的方式来触发后端服务","资源编号":"17047673921885139"},{"资源名称":"小程序嵌入式相机案例","简易描述":"小程序嵌入式相机案例\n","资源编号":"17066890208069553"},{"资源名称":"移动端折叠展开式按钮菜单案例","简易描述":"注意：需要最新版本的快码FOF-2024-02-28的官网安装包文件","资源编号":"17091115779043300"},{"资源名称":"浏览器持久储存数据案例","简易描述":"浏览器持久储存数据案例\n","资源编号":"17096031509114290"},{"资源名称":"验证码前后端交互案例","简易描述":"由于官方提供的验证码案例只有在前端调用，新同学会比较不理解怎么使用。\n\n本案例由官方的验证码案例改编成前后端交互案例，是为了帮助新同学更好的学习验证码\n\n本案例只用到了普通验证、计算验证两种，还有剩下2种验证方式（滑动跟点击）还没有思路怎么做前后端交互。\n\n\n\n\n原案例链接：https://bbs.fofstudio.net/rsdetails?page=1&id=16944322002366041\n","资源编号":"17110895121656731"},{"资源名称":"其他编程工具与快码FOF进行HTTP网络交互案例","简易描述":"其他编程工具与快码FOF进行HTTP网络交互案例\n","资源编号":"17067896483583860"},{"资源名称":"桌面端获取系统各类信息案例","简易描述":"例如：系统的CPU，主板，BIOS信息。","资源编号":"17083974093919322"},{"资源名称":"小米商城首页 源码 ","简易描述":"自行下载查看","资源编号":"17085018827015744"},{"资源名称":"小程序使用服务器图片案例","简易描述":"由于小程序一般限制包大小，所以大多数时候图片等文件都是从服务器请求；这里给了一个简单的案例。\n\n值得注意的是：如果服务端文件是云端文件，则小程序的管理哪里需要设置您的域名白名单才可以。","资源编号":"17085833228276401"},{"资源名称":"快码FOF中文编程-视频播放列表案例","简易描述":"快码FOF中文编程-视频播放列表案例，鼠标移动上去显示遮罩\n","资源编号":"17052225230434614"},{"资源名称":"快码FOF-论坛界面源码","简易描述":"官方打算把整个论坛重构，使用快码自身来开发一套完整的论坛；目前整个项目的前后端、管理端等进度已经开发完成了%90的样子；剩下的预计几天就能彻底开发完毕。\n\n这里给大家放出来部分前端的页面【纯前端的界面，不带后端】\n\n给有需要参考学习的同学。","资源编号":"17118568461894562"},{"资源名称":"其他编程工具与快码FOF进行TCP交互","简易描述":"其他编程工具与快码FOF进行TCP交互\n","资源编号":"17067901247493092"},{"资源名称":"网页端转盘抽奖动画","简易描述":"基础转盘抽奖动画，可在当前基础上进行美化，奖项是随机取的值，真实抽奖，必须连接后台，接收后台奖项值。","资源编号":"17086834587576429"},{"资源名称":"百度二维码识别高精度版本","简易描述":"很多时候我们需要拍照识别二维码等，这些场景下的二维码使用常规的库是识别不出来的；于是就可以使用百度高精度二维码识别库。\n\n二维码识别网址\n\n上面是百度的二维码识别API\n\n大家打开地址后点击立即使用然后就会跳到百度的API管理界面\n\n然后把二维码识别这个功能开通\n\n再把自己的密钥填进源码中就可以使用了：","资源编号":"17104092838403499"},{"资源名称":"快码FOF-PUT事件交互案例","简易描述":"快码FOF-PUT事件交互案例\n","资源编号":"17060786662612116"},{"资源名称":"易语言与快码FOF通信案例","简易描述":"易语言与快码FOF通信案例\n","资源编号":"17068580268673822"},{"资源名称":"快码FOF-桌面端文件下载功能","简易描述":"快码FOF-桌面端文件下载功能\n\n1709738223599147.zip","资源编号":"17096991729298100"},{"资源名称":"分享一个搜索框拿去可以自行改造","简易描述":"对于新手可以学习一下，可以拿来做自己的搜索，要引用lay","资源编号":"17060674705614637"},{"资源名称":"小程序开始录像及结束录像案例","简易描述":"移动端开始录像及结束录像案例\n","资源编号":"17066918060058365"},{"资源名称":"网页端文心一言大模型案例","简易描述":"网页端文心一言大模型案例\n\n\n","资源编号":"17083998573583110"},{"资源名称":"水果忍者.rar","简易描述":"搬运的一款纯html+CSS+js写的3D水果忍者","资源编号":"17100832071103873"},{"资源名称":"非常好看的卡片墙","简易描述":"非常好看的3D卡片墙,分享给大家!","资源编号":"17115313638065278"},{"资源名称":"HTML文章内容生成word文档演示（html-docx.js）","简易描述":"过年学go时候想仿某公文范文的内容，这个页面有个功能是html页内容生成word文档并下载。\n\n?\n\n通过查阅资料发现vue的一个库（html-docx.js）可以实现，尝试了直接html调用，效果还不赖，没啥技术含量，单纯为了大家提供个思路。\n\n<!文档类型 网页类型>\n<网页 语言代码=\"中文\">\n    <网页头部>\n        <网页信息 文档编码=\"UTF8\" />\n        <网页信息 名称=\"页面视图\" 关联数据=\"视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假\" />\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n        <网页标题>文章内容页</网页标题>\n        <网页信息 名称=\"页面关键词\" 关联数据=\"\" />\n        <网页信息 名称=\"页面描述\" 关联数据=\"\" />\n        <脚本 脚本文件=\"https://cdn.jsdelivr.net/npm/html-docx-js/dist/html-docx.js\"></脚本>\n    </网页头部>\n        <唯一主体>\n            <区域内容 类名=\"页面标题\">\n                <区块 类名=\"主体宽度\">\n                    <区块 类名=\"文本\">\n                        <标题1>新闻详情(前端生成word文档演示)</标题1>\n                        <无序列表>\n                            <列表项><超链接 链接地址=\"#\">网站首页</超链接></列表项>\n                            <列表项><超链接 链接地址=\"#\">新闻中心</超链接></列表项>\n                            <列表项>优秀界面的终极形态：隐形的界面</列表项>\n                        </无序列表>\n                    </区块>\n                </区块>\n            </区域内容>\n            <区块 类名=\"主体宽度 文章内容\">\n                <区域内容>\n                    <标题1>优秀界面的终极形态：隐形的界面</标题1>\n                    <标题3><段落>发布时间:&nbsp; 2024-2-27 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <按钮 点击回调=\"HTML转Docx()\">下载word版本</按钮></段落></标题3>\n                </区域内容>\n                <区块 类名=\"文章\">\n                    <段落>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。 我们的设计贴合公司现状，用户体验也会得到满足，结合当前热门的界面板式， 增加用户体验度，质量高，效率高：</段落>\n                    <段落>位于云南省西部的xx市，是一座仅拥有20万人口且地处偏隅的县城。其中，xx市第 一民族中学，作为当地办学规模最大也是仅有的一所完全中学，却承载着数千名学子 的成才之梦。如今，我们正身处“移动为先，云为先”的世界中，运算能力变得无穷无 尽且无所不在。正如xx一中的一位同学所说：“隔着万道河，千重山，居然还能在一 块儿上课，这太神奇了。我们一下子多了好多新老师、新同学，从他们身上我们能学习 到很多新方法、新思想。有时候，感觉自己像是在大城市里学习似的。</段落>\n                    <段落>“xx编程之美挑战赛”是面向在校学生开展的大型编程比赛，致力于为年轻开发者提供 国际一流水平的开发与交流机会，鼓励他们开发潜能、通过创新方法应对现实问题。本 届大赛分为资格赛、初赛、复赛和决赛四轮，历时近两个月。其中，决赛将在xx（亚洲 ）互联网工程院苏州分院举办。xx（亚洲）互联网工程院苏州分院，专注于xx必应搜 索、人工智能、语音及自然语言处理技术等研发方向，人工智能个人助理xx小娜就诞生 在这里。决赛优胜选手除奖金外，还可获得进入xx中国研发部门实习、进入xx创投加速 器所扶植的创业企业的实习绿色通道以及到美国访问学习的机会。</段落>\n                </区块>\n            </区块>\n        </唯一主体>\n\n        <脚本>\n            定义函数 HTML转Docx() {\n                // 找到文章内容的 div 元素\n                常量 获得文章内容元素 = document.querySelector(\".文章内容\");\n                如果 (!获得文章内容元素 ) {\n                    console.error(\"未找到文章内容的元素\");\n                    返回;\n                }\n                // 获取文章内容的 HTML\n                常量 文章内容 = 获得文章内容元素.innerHTML;\n                // 将 HTML 内容转换为 Word 文档(调用了html-docx.js的)\n                常量 文章内容docx = htmlDocx.asBlob(文章内容);\n                // 创建下载链接\n                常量 下载链接 = document.createElement(\"a\");\n                下载链接.download = \"文章内容.docx\";\n                下载链接.href = 浏览器窗口.URL.createObjectURL(文章内容docx);\n                // 点击下载链接\n                下载链接.click();\n            }\n        </脚本>\n    </网页主体>\n</网页>","资源编号":"17090050826638407"},{"资源名称":"H5单机斗地主源码","简易描述":"H5斗地主源码，有详细地备注","资源编号":"17105189700556376"},{"资源名称":"移动端富文本点击拦截案例","简易描述":"需要下载：2024-03-29及以上版本的新快码\n\n移动端富文本点击拦截案例\n\n实现富文本拦截a标签、img标签的点击","资源编号":"17116779759269134"},{"资源名称":"快码FOF-桌面端PostgreSQL数据库案例","简易描述":"快码FOF-桌面端PostgreSQL数据库案例\n","资源编号":"17065482232138712"},{"资源名称":"报表打印合计列案例","简易描述":"看见很多同学都不会报表打印的合计，这里做出了一个案例。\n\n先说说思路，思路其实非常简单，大致为：\n\n1、遍历所有的行\n\n2、取到要合计的列\n\n3、做相加计算\n\n4、把相加的数据置入到合计的列中。\n\n同时这里给出这个案例的设计器代码：\n\n{\n  \"version\": \"1.0.0\",\n  \"formName\": \"表单示例\",\n  \"Author\": \"快码编程UI设计器\",\n  \"formId\": \"formPreviewForm\",\n  \"generateId\": 1,\n  \"data\": [\n    {\n      \"id\": \"reportFormsTable_1\",\n      \"index\": 0,\n      \"tag\": \"reportFormsTable\",\n      \"tagIcon\": \"layui-icon layui-icon-picture\",\n      \"title\": \"打印表格\",\n      \"width\": \"100%\",\n      \"height\": \"250\",\n      \"margin\": \"\",\n      \"padding\": \"\",\n      \"left\": 0,\n      \"top\": 5,\n      \"zIndex\": 1,\n      \"reportFormsColumn\": 1,\n      \"reportFormsRow\": false,\n      \"reportFormsColumnMargin\": 5,\n      \"reportFormsSqlType\": \"普通数据模式\",\n      \"reportFormsDataType\": \"不跟随数据库变动\",\n      \"reportFormsTableType\": false,\n      \"reportFormsTableRowsSize\": \"默认尺寸\",\n      \"reportFormsTableLine\": \"\",\n      \"reportFormsTableHead\": \"[{\\\"数据\\\": [{ \\\"内容\\\": \\\"姓名\\\",\\\"宽度\\\":100 },{ \\\"内容\\\": \\\"年龄\\\" }]}]\",\n      \"reportFormsTableHeadToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"内容\": \"\",\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"元素ID\": \"\",\n        \"允许输入\": true,\n        \"合并行\": 0,\n        \"合并列\": 0,\n        \"垂直对齐-居中\": \"居中对齐\",\n        \"垂直对齐-顶部\": \"顶部对齐\",\n        \"垂直对齐-底部\": \"底部对齐\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"边框粗细\": 1,\n        \"上边框颜色\": \"#000\",\n        \"上边框粗细\": 1,\n        \"右边框颜色\": \"#000\",\n        \"右边框粗细\": 1,\n        \"下边框颜色\": \"#000\",\n        \"下边框粗细\": 1,\n        \"左边框颜色\": \"#000\",\n        \"左边框粗细\": 1,\n        \"自定义CSS\": \"\"\n      },\n      \"reportFormsTableData\": \"[{\\\"数据\\\":[{\\\"内容\\\":\\\"张三\\\"},{\\\"内容\\\":\\\"24\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"李四\\\"},{\\\"内容\\\":\\\"25\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"合计：\\\",\\\"合并列\\\":2}]}]\",\n      \"reportFormsTableDataToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"内容\": \"\",\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"元素ID\": \"\",\n        \"允许输入\": true,\n        \"合并行\": 0,\n        \"合并列\": 0,\n        \"垂直对齐-居中\": \"居中对齐\",\n        \"垂直对齐-顶部\": \"顶部对齐\",\n        \"垂直对齐-底部\": \"底部对齐\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"边框粗细\": 1,\n        \"上边框颜色\": \"#000\",\n        \"上边框粗细\": 1,\n        \"右边框颜色\": \"#000\",\n        \"右边框粗细\": 1,\n        \"下边框颜色\": \"#000\",\n        \"下边框粗细\": 1,\n        \"左边框颜色\": \"#000\",\n        \"左边框粗细\": 1,\n        \"自定义CSS\": \"\"\n      },\n      \"reportFormsStyle\": \"{\\\"边框颜色\\\": \\\"#eee\\\"}\",\n      \"reportFormsStyleToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"上边框颜色\": \"#000\",\n        \"右边框颜色\": \"#000\",\n        \"下边框颜色\": \"#000\",\n        \"左边框颜色\": \"#000\",\n        \"自定义CSS\": \"\",\n        \"上级组件ID\": \"\",\n        \"上级组件ID间隔\": \"10\",\n        \"上级组件加载时间\": \"100\"\n      },\n      \"reportFormsSqlCode_NoBut\": \"\",\n      \"reportFormsSqlDataName\": \"[]\",\n      \"reportFormsCode_NoBut\": \"\",\n      \"grid\": false\n    }\n  ],\n  \"optionsArray\": [\n    {\n      \"id\": \"reportFormsTable_1\",\n      \"index\": 0,\n      \"tag\": \"reportFormsTable\",\n      \"tagIcon\": \"layui-icon layui-icon-picture\",\n      \"title\": \"打印表格\",\n      \"width\": \"100%\",\n      \"height\": \"250\",\n      \"margin\": \"\",\n      \"padding\": \"\",\n      \"left\": 0,\n      \"top\": 5,\n      \"zIndex\": 1,\n      \"reportFormsColumn\": 1,\n      \"reportFormsRow\": false,\n      \"reportFormsColumnMargin\": 5,\n      \"reportFormsSqlType\": \"普通数据模式\",\n      \"reportFormsDataType\": \"不跟随数据库变动\",\n      \"reportFormsTableType\": false,\n      \"reportFormsTableRowsSize\": \"默认尺寸\",\n      \"reportFormsTableLine\": \"\",\n      \"reportFormsTableHead\": \"[{\\\"数据\\\": [{ \\\"内容\\\": \\\"姓名\\\",\\\"宽度\\\":100 },{ \\\"内容\\\": \\\"年龄\\\" }]}]\",\n      \"reportFormsTableHeadToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"内容\": \"\",\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"元素ID\": \"\",\n        \"允许输入\": true,\n        \"合并行\": 0,\n        \"合并列\": 0,\n        \"垂直对齐-居中\": \"居中对齐\",\n        \"垂直对齐-顶部\": \"顶部对齐\",\n        \"垂直对齐-底部\": \"底部对齐\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"边框粗细\": 1,\n        \"上边框颜色\": \"#000\",\n        \"上边框粗细\": 1,\n        \"右边框颜色\": \"#000\",\n        \"右边框粗细\": 1,\n        \"下边框颜色\": \"#000\",\n        \"下边框粗细\": 1,\n        \"左边框颜色\": \"#000\",\n        \"左边框粗细\": 1,\n        \"自定义CSS\": \"\"\n      },\n      \"reportFormsTableData\": \"[{\\\"数据\\\":[{\\\"内容\\\":\\\"张三\\\"},{\\\"内容\\\":\\\"24\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"李四\\\"},{\\\"内容\\\":\\\"25\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"合计：\\\",\\\"合并列\\\":2}]}]\",\n      \"reportFormsTableDataToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"内容\": \"\",\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"元素ID\": \"\",\n        \"允许输入\": true,\n        \"合并行\": 0,\n        \"合并列\": 0,\n        \"垂直对齐-居中\": \"居中对齐\",\n        \"垂直对齐-顶部\": \"顶部对齐\",\n        \"垂直对齐-底部\": \"底部对齐\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"边框粗细\": 1,\n        \"上边框颜色\": \"#000\",\n        \"上边框粗细\": 1,\n        \"右边框颜色\": \"#000\",\n        \"右边框粗细\": 1,\n        \"下边框颜色\": \"#000\",\n        \"下边框粗细\": 1,\n        \"左边框颜色\": \"#000\",\n        \"左边框粗细\": 1,\n        \"自定义CSS\": \"\"\n      },\n      \"reportFormsStyle\": \"{\\\"边框颜色\\\": \\\"#eee\\\"}\",\n      \"reportFormsStyleToolJson\": {\n        \"宽度\": 100,\n        \"高度\": 100,\n        \"字体\": \"微软雅黑\",\n        \"字体尺寸\": 14,\n        \"背景色\": \"#FFFFFF\",\n        \"文本色\": \"#000000\",\n        \"水平对齐-居中\": \"居中对齐\",\n        \"水平对齐-左侧\": \"左侧对齐\",\n        \"水平对齐-右侧\": \"右侧对齐\",\n        \"字体类型-加粗\": \"粗体\",\n        \"字体类型-正常\": \"正常\",\n        \"边框颜色\": \"#000\",\n        \"上边框颜色\": \"#000\",\n        \"右边框颜色\": \"#000\",\n        \"下边框颜色\": \"#000\",\n        \"左边框颜色\": \"#000\",\n        \"自定义CSS\": \"\",\n        \"上级组件ID\": \"\",\n        \"上级组件ID间隔\": \"10\",\n        \"上级组件加载时间\": \"100\"\n      },\n      \"reportFormsSqlCode_NoBut\": \"\",\n      \"reportFormsSqlDataName\": \"[]\",\n      \"reportFormsCode_NoBut\": \"\",\n      \"grid\": false\n    }\n  ],\n  \"dataSource\": {},\n  \"formData\": {},\n  \"globalDisable\": false,\n  \"viewOrDesign\": true,\n  \"formDefaultButton\": true,\n  \"formProperty\": {},\n  \"selectItems\": [],\n  \"model\": \"A4\",\n  \"page\": {\n    \"id\": \"\"\n  },\n  \"elem\": {\n    \"0\": {\n      \"sizzle1709116345128\": {\n        \"undefined\": {\n          \"parentNode\": [\n            1439,\n            19,\n            false\n          ]\n        }\n      },\n      \"sizzle1709116345400\": {\n        \"undefined\": {\n          \"parentNode\": [\n            246,\n            32,\n            true\n          ]\n        }\n      }\n    },\n    \"length\": 1\n  },\n  \"id\": \"formdesigner\",\n  \"size\": [\n    \"21cm\",\n    \"29.7cm\"\n  ],\n  \"selectItem\": {\n    \"id\": \"reportFormsTable_1\",\n    \"index\": 0,\n    \"tag\": \"reportFormsTable\",\n    \"tagIcon\": \"layui-icon layui-icon-picture\",\n    \"title\": \"打印表格\",\n    \"width\": \"100%\",\n    \"height\": \"250\",\n    \"margin\": \"\",\n    \"padding\": \"\",\n    \"left\": 0,\n    \"top\": 5,\n    \"zIndex\": 1,\n    \"reportFormsColumn\": 1,\n    \"reportFormsRow\": false,\n    \"reportFormsColumnMargin\": 5,\n    \"reportFormsSqlType\": \"普通数据模式\",\n    \"reportFormsDataType\": \"不跟随数据库变动\",\n    \"reportFormsTableType\": false,\n    \"reportFormsTableRowsSize\": \"默认尺寸\",\n    \"reportFormsTableLine\": \"\",\n    \"reportFormsTableHead\": \"[{\\\"数据\\\": [{ \\\"内容\\\": \\\"姓名\\\",\\\"宽度\\\":100 },{ \\\"内容\\\": \\\"年龄\\\" }]}]\",\n    \"reportFormsTableHeadToolJson\": {\n      \"宽度\": 100,\n      \"高度\": 100,\n      \"内容\": \"\",\n      \"字体\": \"微软雅黑\",\n      \"字体尺寸\": 14,\n      \"背景色\": \"#FFFFFF\",\n      \"文本色\": \"#000000\",\n      \"元素ID\": \"\",\n      \"允许输入\": true,\n      \"合并行\": 0,\n      \"合并列\": 0,\n      \"垂直对齐-居中\": \"居中对齐\",\n      \"垂直对齐-顶部\": \"顶部对齐\",\n      \"垂直对齐-底部\": \"底部对齐\",\n      \"水平对齐-居中\": \"居中对齐\",\n      \"水平对齐-左侧\": \"左侧对齐\",\n      \"水平对齐-右侧\": \"右侧对齐\",\n      \"字体类型-加粗\": \"粗体\",\n      \"字体类型-正常\": \"正常\",\n      \"边框颜色\": \"#000\",\n      \"边框粗细\": 1,\n      \"上边框颜色\": \"#000\",\n      \"上边框粗细\": 1,\n      \"右边框颜色\": \"#000\",\n      \"右边框粗细\": 1,\n      \"下边框颜色\": \"#000\",\n      \"下边框粗细\": 1,\n      \"左边框颜色\": \"#000\",\n      \"左边框粗细\": 1,\n      \"自定义CSS\": \"\"\n    },\n    \"reportFormsTableData\": \"[{\\\"数据\\\":[{\\\"内容\\\":\\\"张三\\\"},{\\\"内容\\\":\\\"24\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"李四\\\"},{\\\"内容\\\":\\\"25\\\"}]},{\\\"数据\\\":[{\\\"内容\\\":\\\"合计：\\\",\\\"合并列\\\":2}]}]\",\n    \"reportFormsTableDataToolJson\": {\n      \"宽度\": 100,\n      \"高度\": 100,\n      \"内容\": \"\",\n      \"字体\": \"微软雅黑\",\n      \"字体尺寸\": 14,\n      \"背景色\": \"#FFFFFF\",\n      \"文本色\": \"#000000\",\n      \"元素ID\": \"\",\n      \"允许输入\": true,\n      \"合并行\": 0,\n      \"合并列\": 0,\n      \"垂直对齐-居中\": \"居中对齐\",\n      \"垂直对齐-顶部\": \"顶部对齐\",\n      \"垂直对齐-底部\": \"底部对齐\",\n      \"水平对齐-居中\": \"居中对齐\",\n      \"水平对齐-左侧\": \"左侧对齐\",\n      \"水平对齐-右侧\": \"右侧对齐\",\n      \"字体类型-加粗\": \"粗体\",\n      \"字体类型-正常\": \"正常\",\n      \"边框颜色\": \"#000\",\n      \"边框粗细\": 1,\n      \"上边框颜色\": \"#000\",\n      \"上边框粗细\": 1,\n      \"右边框颜色\": \"#000\",\n      \"右边框粗细\": 1,\n      \"下边框颜色\": \"#000\",\n      \"下边框粗细\": 1,\n      \"左边框颜色\": \"#000\",\n      \"左边框粗细\": 1,\n      \"自定义CSS\": \"\"\n    },\n    \"reportFormsStyle\": \"{\\\"边框颜色\\\": \\\"#eee\\\"}\",\n    \"reportFormsStyleToolJson\": {\n      \"宽度\": 100,\n      \"高度\": 100,\n      \"字体\": \"微软雅黑\",\n      \"字体尺寸\": 14,\n      \"背景色\": \"#FFFFFF\",\n      \"文本色\": \"#000000\",\n      \"水平对齐-居中\": \"居中对齐\",\n      \"水平对齐-左侧\": \"左侧对齐\",\n      \"水平对齐-右侧\": \"右侧对齐\",\n      \"字体类型-加粗\": \"粗体\",\n      \"字体类型-正常\": \"正常\",\n      \"边框颜色\": \"#000\",\n      \"上边框颜色\": \"#000\",\n      \"右边框颜色\": \"#000\",\n      \"下边框颜色\": \"#000\",\n      \"左边框颜色\": \"#000\",\n      \"自定义CSS\": \"\",\n      \"上级组件ID\": \"\",\n      \"上级组件ID间隔\": \"10\",\n      \"上级组件加载时间\": \"100\"\n    },\n    \"reportFormsSqlCode_NoBut\": \"\",\n    \"reportFormsSqlDataName\": \"[]\",\n    \"reportFormsCode_NoBut\": \"\",\n    \"grid\": false\n  }\n}","资源编号":"17091169009502613"},{"资源名称":"桌面端网页登录保存COOKIE详细方案","简易描述":"桌面端网页登录保存COOKIE详细方案\n","资源编号":"17042488616316863"},{"资源名称":"动态背景元素","简易描述":"使用了particles库，一行就可以生成动态背景","资源编号":"17105038996552142"},{"资源名称":"ERP桌面端框架","简易描述":"包含根据权限动态添加左侧菜单。权限设置，左侧伸缩，要自己创建2个数据库表。字段如下截图\n\n\n\n\n\n","资源编号":"17117901688429278"},{"资源名称":"其他安卓开发工具与快码网络交互","简易描述":"其他安卓开发工具与快码网络交互\n","资源编号":"17116104096443445"},{"资源名称":"快码FOF表格行鼠标移入及双击回调案例","简易描述":"快码FOF表格行鼠标移入及双击回调案例\n","资源编号":"17070232591456823"},{"资源名称":"WEB网页获取IP地址案例","简易描述":"WEB网页获取IP地址案例\n","资源编号":"17083118238348702"},{"资源名称":"模拟移动端的开关组件，可以自定义开关样式","简易描述":"单位用的rpx，大小和原开关大小不一致。","资源编号":"17085732861719635"},{"资源名称":"分级菜单实例","简易描述":"<网页 语言代码=\"中文\">\n    <网页头部>\n        <网页信息 文档编码=\"UTF8\" />\n        <网页信息 名称=\"页面视图\" 关联数据=\"视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假\" />\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n        <网页标题>Document</网页标题>\n    </网页头部>\n    <网页主体>\n        <表格 类名=\"lay-表格\">\n            <表格头组>\n                <表格行>\n                    <表格头>ID</表格头>\n                    <表格头>菜单ID</表格头>\n                    <表格头>菜单名称</表格头>\n                    <表格头>菜单图标</表格头>\n                    <表格头>链接地址</表格头>\n                    <表格头>子菜单数量</表格头>\n                    <表格头>操作</表格头>\n                </表格行>\n            </表格头组>\n            <表格内容组 id=\"父级表格内容组\">\n                <表格行 类名=\"父级菜单-1 父级隐藏\">\n                    <表格内容 类名=\"fc1-1\">1</表格内容>\n                    <表格内容 类名=\"fc1-2\">f01</表格内容>\n                    <表格内容 类名=\"fc-3 三角标识-1\" 点击回调=\"打开子菜单(1)\">\n                        <区块 类名=\"三角形效果\"></区块>\n                        系统管理\n                    </表格内容>\n                    <表格内容 类名=\"fc1-4\"><行内元素 类名=\"lay-图标 lay-图标设置\"></行内元素></表格内容>\n                    <表格内容 类名=\"fc1-5\">空</表格内容>\n                    <表格内容 类名=\"fc1-6\">3</表格内容>\n                    <表格内容>\n                        <按钮 类名=\"lay-按钮 lay-按钮-迷你 lay-按钮-暖色\" 点击回调=\"父菜单编辑(1)\">编辑</按钮>\n                        <按钮 类名=\"lay-按钮 lay-按钮-迷你 lay-按钮-暖色\" 点击回调=\"父菜单删除(1)\">删除</按钮>\n                    </表格内容>\n                </表格行>\n            </表格内容组>\n            <表格内容组 id=\"子级表格内容组\">\n                <表格行 类名=\"子级菜单-1 子级隐藏\" 行内样式=\"显示模式: 无效\">\n                    <表格内容 类名=\"zc1-1\">11</表格内容>\n                    <表格内容 类名=\"zc1-2\">z01-1</表格内容>\n                    <表格内容 类名=\"zc1-2\">&ensp;&ensp;&ensp;&ensp;用户管理</表格内容>\n                    <表格内容 类名=\"zc1-3\">空</表格内容>\n                    <表格内容 类名=\"zc1-4\">/XXX.html</表格内容>\n                    <表格内容 类名=\"zc1-5\">0</表格内容>\n                    <表格内容>\n                        <按钮 类名=\"lay-按钮 lay-按钮-迷你 lay-按钮-暖色\" 点击回调=\"子菜单编辑(1)\">编辑</按钮>\n                        <按钮 类名=\"lay-按钮 lay-按钮-迷你 lay-按钮-暖色\" 点击回调=\"子菜单删除(1)\">删除</按钮>\n                    </表格内容>\n                </表格行>\n            </表格内容组>\n        </表格>\n        <脚本>\n            //这里执行相关的JS代码\n            局部变量 显示隐藏 = 真;\n            定义函数 打开子菜单(参数) {\n                如果 (显示隐藏 == 真) {\n                    $(\".子级菜单-\" + 参数).显示标签();\n                    局部变量 返回的三角形 = $(\".三角标识-\" + 参数).设置或返回元素();\n                    返回的三角形 = 返回的三角形.替换(`<区块 类名=\"三角形效果\"></区块>`, `<区块 类名=\"三角形向下效果\"></区块>`);\n                    $(\".三角标识-\" + 参数).设置或返回元素(返回的三角形);\n                    显示隐藏 = 假;\n                } 否则 {\n                    $(\".子级菜单-\" + 参数).隐藏元素();\n                    局部变量 返回的三角形 = $(\".三角标识-\" + 参数).设置或返回元素();\n                    返回的三角形 = 返回的三角形.替换(`<区块 类名=\"三角形向下效果\"></区块>`, `<区块 类名=\"三角形效果\"></区块>`);\n                    $(\".三角标识-\" + 参数).设置或返回元素(返回的三角形);\n                    显示隐藏 = 真;\n                }\n            }\n            定义函数 父菜单编辑(参数) {\n                调试输出(\"父菜单编辑\" + 参数);\n            }\n            定义函数 父菜单删除(参数) {\n                调试输出(\"父菜单删除\" + 参数);\n            }\n            定义函数 子菜单编辑(参数) {\n                调试输出(\"子菜单编辑\" + 参数);\n            }\n            定义函数 子菜单删除(参数) {\n                调试输出(\"子菜单删除\" + 参数);\n            }\n            局部变量 返回的数据 = 网页访问_同步(\"/getmenuList\", 假, \"\");\n            调试输出(返回的数据);\n             $(\".表格内容组\").向后添加内容($(\"#隐藏内容\")[0][\"outerHTML\"]);\n             $(\".表格内容组\").向后添加内容($(\"#隐藏内容\")[0][\"outerHTML\"]);\n        </脚本>\n        <样式>\n            .三角形向下效果 {\n                显示模式: 内联块元素;\n                宽度: 0px;\n                高度: 0px;\n                边框-底部: 6px 实线 透明;\n                边框-顶部: 6px 实线 #757575;\n                边框-左侧: 6px 实线 透明;\n                边框-右侧: 6px 实线 透明;\n                定位: 相对定位;\n                垂直-对齐: 中部对齐;\n            }\n            .三角形效果 {\n                显示模式: 内联块元素;\n                宽度: 0px;\n                高度: 0px;\n                边框-底部: 6px 实线 透明;\n                边框-顶部: 6px 实线 透明;\n                边框-左侧: 6px 实线 #757575;\n                边框-右侧: 6px 实线 透明;\n                定位: 相对定位;\n                垂直-对齐: 基线对齐;\n            }\n        </样式>\n    </网页主体>\n</网页>","资源编号":"17086065214346420"},{"资源名称":"成品物料标签打印软件","简易描述":"? ? 完整物料标签打印软件，支持 批量打印\n","资源编号":"17103252108116617"},{"资源名称":"JQ获取layui选择框选中数据案例","简易描述":"JQ获取layui选择框选中数据案例\n","资源编号":"17063533106264197"},{"资源名称":"字符串与字节数组的相互转换案例","简易描述":"字符串与字节数组的相互转换案例\n","资源编号":"17086578188372427"},{"资源名称":"移动端转盘抽奖动画","简易描述":"移动端的转盘抽奖动画，奖项是前端随机取的，真实环境，必须后台给值。","资源编号":"17086836015046460"},{"资源名称":"移动端左右滑动抽屉组件案例","简易描述":"移动端左右滑动抽屉组件案例\n\n需要下载2024-02-28以上版本快码FOF","资源编号":"17091120851563759"},{"资源名称":"JS模块化文件案例","简易描述":"JS模块化文件案例\n","资源编号":"17098856033163833"},{"资源名称":"快码FOF-保存网页为PDF文件解决方案","简易描述":"项目展示了网页如何保存为PDF文件的方案，主要是使用后端的代码访问页面生成PDF，前端再下载。\n\n运行项目，然后浏览器访问：127.0.0.1:8081/我是网页.html 即可测试案例\n\n ","资源编号":"17120539378262994"},{"资源名称":"快码FOF-POST数据转换案例","简易描述":"快码FOF-POST数据转换案例\n\n发送数据到服务端，服务端接收数据并进行编码转换，收到的数据类似字节集","资源编号":"17064995550741591"},{"资源名称":"http服务端请求文件案例","简易描述":"http服务端请求文件案例\n","资源编号":"17085827344657050"},{"资源名称":"网页端与服务端进行base64数据交互","简易描述":"网页端与服务端进行base64数据交互","资源编号":"17086175257452138"},{"资源名称":"通用消息类","简易描述":"使用场景:\n\n通用消息类主要是为了HTTP服务类而做，方便所有HTTP返回消息都是一致的格式，方便自定义错误代码等，兼容layui的数据表格数据接收格式。\n\n\n\n\n//普通消息示例\n\n调试输出(消息对象.成功(数据对象,数据对象.数组.长度,0).取文本());\n\n调试输出(消息对象.失败(\"获取信息失败!\").取文本());\n\n调试输出(消息对象.错误(\"获取信息失败!\").取文本());\n\n\n\n\n//HTTP服务类使用示例\n\n访问信息[\"主动发送\"](消息对象.成功(局部_返回结果[\"数据\"],10).置发送().取对象());\n\n访问信息[\"主动发送\"](消息对象.失败(\"获取信息失败!\").置发送().取对象());\n\n访问信息[\"主动发送\"](消息对象.错误(\"获取信息错误!\").置发送().取对象());\n\n\n","资源编号":"17098793589456248"},{"资源名称":"HTTP服务端发送文件专属命令案例","简易描述":"HTTP服务端发送文件专属命令案例\n","资源编号":"17098879616754972"},{"资源名称":"开源大赛-食店下单小程序","简易描述":"包含广告轮播，分类区，展示区，产品明细，加入删除购物车，各种数量的增减都关联好","资源编号":"17107793168603658"},{"资源名称":"移动端抽奖动画基础案例","简易描述":"一个简单的抽奖案例","资源编号":"17022769245554232"},{"资源名称":"太极图","简易描述":"没事做,刚学完html,和css,看到这挺好玩的,就写了一个,不要见笑啊","资源编号":"17022194506592150"},{"资源名称":"快码FOF-动态渲染左侧导航案例","简易描述":"快码FOF-动态渲染左侧导航案例\n\n\n动态渲染顶部是一样的思路。","资源编号":"17012293009945958"},{"资源名称":"快码FOF中文编程-桌面端下载文件、指定编码网页访问案例","简易描述":"本案例展示了在桌面端中常规的网页访问以及返回指定编码数据的网页访问。\n\n本案例同时展示了桌面端中下载文件的方案。","资源编号":"16949978252842456"},{"资源名称":"快码FOF中文编程-移动端退出应用案例","简易描述":"快码FOF中文编程-移动端退出应用案例\n","资源编号":"16944413368201490"},{"资源名称":"快码FOF中文编程-网页端MQTT案例","简易描述":"快码FOF中文编程-网页端MQTT案例\n","资源编号":"16954657527222616"},{"资源名称":"快码FOF中文编程-MQTT服务端案例","简易描述":"快码FOF中文编程-MQTT服务端案例","资源编号":"16958267463231467"},{"资源名称":"移动端基础轮播图案例","简易描述":"<滑块容器 滑动动画时长=\"300\" 前边距=\"20rpx\" 后边距=\"20rpx\" 启用自动切换 启用衔接动画 显示指示点 当前位置=\"1\">\n    <滑块子项 行内样式=\"高度: 300rpx; 背景: #f76260; 边框-圆角: 20rpx\">\n        <图片框 图像地址=\"@文件_1688817455873334.jpeg\" 行内样式=\"宽度: 100%; 高度: 300rpx\"></图片框>\n    </滑块子项>\n    <滑块子项 行内样式=\"高度: 300rpx; 背景: #09bb07; 边框-圆角: 20rpx\">\n        <图片框 图像地址=\"@文件_1678973912273875.pic.jpg\" 行内样式=\"宽度: 100%; 高度: 300rpx\"></图片框>\n    </滑块子项>\n    <滑块子项 行内样式=\"高度: 300rpx; 背景: #f76260; 边框-圆角: 20rpx\">\n        <图片框 图像地址=\"@文件_1688817455873334.jpeg\" 行内样式=\"宽度: 100%; 高度: 300rpx\"></图片框>\n    </滑块子项>\n</滑块容器>\n\n加上背景是为了更好的展示，实际应用去掉背景。","资源编号":"16976812857478544"},{"资源名称":"svg动画，打勾，打叉","简易描述":"如果不能正常使用，请重新勾选支持库。\n\n另外，选择器是为了更好展示，加上的，如果正常使用，删除选择器，动态类名，给成功动画类名，加上“成功”类名。\n\n经过uniapp编译之后，svg在iOS不支持，所以更新了一版伪类做的版本，需要的话移步：弹出层成功失败弹窗动画，打勾，打叉2.0-快码编程源码下载 (https://bbs.fofstudio.net)\n\n效果展示","资源编号":"16952078601965588"},{"资源名称":"弹出层成功失败弹窗动画，打勾，打叉2.0","简易描述":"由于上一个版本是svg做的动画，但是经过uniapp编译之后，在iOS不显示svg，于是用伪类模拟了这个动画，并且以弹出层的方式弹出。\n\n上一版本：svg动画，打勾，打叉-快码编程源码下载 (https://bbs.fofstudio.net)","资源编号":"16953465480555496"},{"资源名称":"快码FOF中文编程-移动端动态修改图像地址案例","简易描述":"快码FOF中文编程-移动端动态修改图像地址案例\n","资源编号":"16953547015526523"},{"资源名称":"快码FOF-售货柜点单商城小程序源码-纯界面","简易描述":"该界面是纯UI，无后端功能～\n\n开源出来给需要的人学习\n\n?","资源编号":"16992753735004939"},{"资源名称":"移动端进入登录界面并跳转到底部导航页面","简易描述":"很多人都需要这个。\n\n首先从首页跳转到登录界面登录，登录完毕后再跳转到首页界面。","资源编号":"16986330172026692"},{"资源名称":"快码FOF中文编程-网页端各类型验证码案例","简易描述":"快码FOF中文编程-网页端各类型验证码案例\n","资源编号":"16944322002366041"},{"资源名称":"快码FOF编程-移动端MQTT案例","简易描述":"快码FOF编程-移动端MQTT案例\n","资源编号":"16956460440986479"},{"资源名称":"layui动态表格-鼠标移入自动展开单元格-密码输入修改","简易描述":"在layui的基础上做了两个需求。\n\n1、单元格内容过多的时候，会默认隐藏，鼠标移入单元格会出现一个按钮，点击展示单元格内容，这里写了一个鼠标移入，自动点击这个按钮，达到鼠标移入显示隐藏单元格内容的功能。\n\n// 鼠标移入展开隐藏内容\n$(\".表格盒子\").绑定事件(\"@事件_鼠标移入\", \"td\", 定义函数 () {\n    $(\".lay-表格-提示-关闭\").点击元素();\n    $(本对象).查找(\".layui-table-grid-down\").点击元素();\n});\n\n2、表格需要密码输入框，这里用了表格的工具，表头模板，具体请看案例。","资源编号":"16963545569113193"},{"资源名称":"移动端自定义导航栏-右侧图标-下拉列表","简易描述":"由于小程序标题右侧有个胶囊导航，所以小程序单独做了兼容处理，把图标放置在左边了，如果是内部页面，可以自定义左侧内容。\n\n参考：移动端自定义导航栏-快码编程源码下载 (https://bbs.fofstudio.net)\n\n\n\n\n\n","资源编号":"16965121789775717"},{"资源名称":"快码FOF-桌面端设置COOKIE案例","简易描述":"快码FOF-桌面端设置COOKIE案例\n","资源编号":"16984850239532401"},{"资源名称":"快码FOF中文编程-桌面端多窗口隐藏显示切换及关闭监听","简易描述":"快码FOF中文编程-桌面端多窗口隐藏显示切换及关闭监听\n\n?","资源编号":"16951946627054361"},{"资源名称":"快码FOF支持多端通用的中国标准时间转换","简易描述":"快码FOF支持多端通用的中国标准时间转换\n","资源编号":"16955303280486514"},{"资源名称":"快码FOF移动端-另一种初始化事件的方案","简易描述":"群里有朋友说它的项目在某些特殊设备上无法触发初始化事件，这里提供另一种思维的初始化方案。","资源编号":"16969424406206480"},{"资源名称":"快码FOF-移动端打开新窗口动画效果","简易描述":"快码FOF-移动端打开新窗口动画效果\n\n\n例如：从底部载入，从左侧载入等。\n\n注意：只支持安卓/IOS的APP；且不支持uniapp-x","资源编号":"16955570825642527"},{"资源名称":"在移动端制作一个全屏固定的背景","简易描述":"参考源码，固定一个背景图片在页面上，网页端，移动端通用，有的组件有个默认背景，需要去除背景。\n\n\n","资源编号":"16963507259232942"},{"资源名称":"快码FOF-取父窗口变量案例","简易描述":"快码FOF-取父窗口变量案例\n","资源编号":"16980246196326744"},{"资源名称":"快码FOF移动端-支持IOS的动画效果","简易描述":"快码FOF移动端-支持IOS的动画效果","资源编号":"16952694601728454"},{"资源名称":"移动端自定义导航栏","简易描述":"自定义移动端的导航栏，我这里只写了一个案例，但是原理都是相同的，注意配置页面。\n\n更多案例参考：\n\nuni-app官网 (dcloud.net.cn)\n\n\n\n\n\n\n","资源编号":"16957109913481110"},{"资源名称":"快码FOF-阿里云OSS支持库v1.3","简易描述":"v1.3更新\n\n1、修复与http服务支持库冲突的问题\n\nv1.2更新\n\n1、整理了一下支持库，做成了一个对象方便调用\n\n2、优化了内存相关问题\n\n封装介绍：\n\n看见有朋友需要oss，这里封装了一个阿里云的。\n\n使用本库请将alioss目录复制到你项目的最外层，也就是.lky项目文件所在的层级目录中\n\n将alioss目录复制到你项目的最外层后，在你的项目中引用该支持库的两个JS文件：\n\n引用JS文件后，请在桌面端的html文件中进行引用文件库；并确保OSS环境导入.ljs文件在OSS支持库文件.ljs的上方\n\n注意：支持库没有在linux和mac下做过测试，如果你在linux或mac下发现无法使用；可以自己在终端【命令行窗口】依照顺序使用下述三个终端命令下载支持库环境，并复制到支持库目录中：\n\nnpm install express --save\nnpm install express-rate-limit --save\nnpm install ali-oss --save\n\n\n\n\n?\n\n使用阿里云OSS首先你需要去阿里云获取key和ID等\n\n?\n\n然后在阿里云oss控制台获取区域及oss的Bucket名称\n\n例如：名称是exe 区域是：beijing\n\n?\n\n?\n\n最后推荐一下：\n\n如果有对桌面端支持库封装感兴趣的可以观看这篇博客：快码FOF-nodejs-封装教学","资源编号":"16970054681226040"},{"资源名称":"桌面端access数据库模块","简易描述":"本次提供了access数据库模块【只能用于windows系统中】\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学\n","资源编号":"16950367595663239"},{"资源名称":"快码FOF移动端-带参数打开新页面案例","简易描述":"快码FOF移动端-带参数打开新页面案例\n","资源编号":"16964792338418880"},{"资源名称":"快码FOF-桌面端封装oracle数据库操作支持库","简易描述":"快码FOF-桌面端封装oracle数据库操作支持库\n\n借鉴了这篇博客：快码FOF-nodejs-封装教学\n\n有兴趣的同学可以下载本源码看一看，其实非常简单。\n\n注意：支持库没有在linux和mac下做过测试，如果你在linux或mac下发现无法使用；可以自己在终端使用：npm install oracledb --save命令下载支持库环境，并复制到支持库目录中","资源编号":"16969219465124126"},{"资源名称":"快码FOF-移动端申请权限案例","简易描述":"在小程序开发中，经常会遇见需要获取相关权限的功能。\n\n例如将一张图片保存到相册中，则需要获取保存到相册的相关权限。\n\n本案例展示了如何在小程序中申请这些使用权限。\n\n值得注意的是使用：权限管理类.获取小程序信息设置((获取状态)=>{调试输出(获取状态)})\n\n这个命令所返回的已经获得的权限，需要参考如下的SCOPE列表【参考地址：获取小程序信息设置返回数据参考SCOPE】：\n\nscope.userInfo\t用户信息\nscope.userLocation\t地理位置\nscope.userLocationBackground\n\t后台定位 微信小程序\n\nscope.address\t通信地址\n\nscope.record\n\t录音功能\nscope.writePhotosAlbum\t保存到相册【抖音小程序的返回值是scope.album】\n\nscope.camera\n\t摄像头\n\n?","资源编号":"16971086845382696"},{"资源名称":"快码FOF中文编程-网页端播放直播流功能","简易描述":"快码FOF中文编程-网页端播放直播流功能\n\n直播播放器\n\n?","资源编号":"16945914670718311"},{"资源名称":"用css重置滚动条样式","简易描述":"用css重置滚动条样式，可以修改指定滚动条样式（背景颜色，大小，是否显示等），也可以修改全局滚动条样式，看代码注释。","资源编号":"16960768355154198"},{"资源名称":"移动端个人信息布局","简易描述":"用的列表组件布局方式。","资源编号":"16977016508291689"},{"资源名称":"快码FOF编程-ModbusTCP相关案例","简易描述":"快码FOF编程-ModbusTCP相关案例\n\n\n注意：更加详细的Modbus支持库案例可以参考这篇博客：Modbus支持库博客","资源编号":"16978679886748359"},{"资源名称":"快码FOF-最新移动端循环渲染组件案例","简易描述":"注意：因为微信小程序这个不负责任的家伙不支持中文的循环渲染命名；所以快码的内部做了很多的中文处理。\n\n虽然做了很多的中文处理；但是为了提高代码的容错率，在进行循环渲染的代码编写时，依然建议使用英文或者拼音命名，具体参考本案例","资源编号":"16953398823907977"},{"资源名称":"关于腾讯云点播类直播怎么设置全屏","简易描述":"首先这是云点播源码\n\n快码FOF中文编程-网页端播放直播流功能-快码编程源码下载 (https://bbs.fofstudio.net)\n\n我们设置全屏，需要用到云点播的方法\n\n腾讯云点播类.进入全屏模式();\n\n然后，云点播就会进入全屏了，但是它这个全屏是指把视频的宽高设置成了，100%，出现下面这种情况，这个原因是网页主体没有高度，或者高度没有>=浏览器的高度，这个时候需要设置一下网页主体的高度，让它占满浏览器屏幕的高度。\n\n我给网页主体加上了以下的样式。\n\n高度: 100vh; 外边距: 自动; 内边距: 0","资源编号":"16946797667945044"},{"资源名称":"通用SQL类","简易描述":"采用链式函数简化SQL命令，方便快捷！\n\n?\n\n命令示例：\n\nSQL.表名(\"用户表\").查询().条件(\"id=1\").取文本();\n\nSQL.表名(\"用户表\").新增(我是数组).取文本();\n\nSQL.表名(\"用户表\").修改(我是数组).条件(\"id=1\").取文本();\n\nSQL.表名(\"用户表\").删去().条件(\"id=1\").取文本();","资源编号":"16980615914781018"},{"资源名称":"快码FOF中文编程-移动端动态行内样式案例","简易描述":"快码FOF中文编程-移动端动态行内样式案例\n","资源编号":"16944987862271671"},{"资源名称":"快码FOF中文编程-移动端广告组件案例","简易描述":"快码FOF中文编程-移动端广告组件案例\n\n注意：强烈建议观看一下广告的注意事项博文，参考这篇文献：移动端广告组件注意事项","资源编号":"16945884252826185"},{"资源名称":"动态链接库之当返回值为char*时的解决方案","简易描述":"动态链接库之当返回值为char*时的解决方案\n\n\n例如一个arrstr2返回，里面的代码如下：\n\n@ static char * inputbuffer=\"12345qqkkll\";\n\n\n@ return inputbuffer;\n","资源编号":"16982462841434133"},{"资源名称":"快码FOF中文编程-移动端小程序获取手机号案例","简易描述":"快码FOF中文编程-移动端小程序获取手机号案例\n\n使用微信小程序获取手机号","资源编号":"16945221977409567"},{"资源名称":"输入框弹出表格选择器，可以进行筛选，上下键选择","简易描述":"打开项目不正常显示，请重新引用一下支持库。\n\n案例用来做搜索很舒服\n\n ","资源编号":"16950341954082430"},{"资源名称":"聚焦切换输入框样式","简易描述":"在未填入内容的时候，聚焦把文字放在左上角。","资源编号":"16950926227943982"},{"资源名称":"快码FOF中文编程-简易文件服务器案例","简易描述":"快码FOF中文编程-简易文件服务器案例\n\n启动程序后，可在浏览器通过127.0.0.1:8081打开页面，进行文件的上传，也可以下载文件等","资源编号":"16984631187579518"},{"资源名称":"快码FOF中文编程-excel写出数据案例","简易描述":"快码FOF中文编程-excel写出数据案例\n","资源编号":"16942696961911467"},{"资源名称":"快码FOF-网页/桌面端跳转页面并获取页面参数案例","简易描述":"快码FOF-网页/桌面端跳转页面并获取页面参数案例\n\n\n该案例适用于网页端和桌面端","资源编号":"16986655717103245"},{"资源名称":"移动端模拟选择框，单选框，可以自定义大小颜色样式等","简易描述":"\n\n\n选择事件和原版几乎一样，并且可以自定义样式，改变大小颜色样式，十分方便。","资源编号":"17010692346069327"},{"资源名称":"快码FOF中文编程-桌面端GET/POST访问案例","简易描述":"快码FOF中文编程-桌面端GET/POST访问案例\n","资源编号":"16941699488467952"},{"资源名称":"快码FOF中文编程-HTTP服务之全局跨域配置","简易描述":"快码FOF中文编程-HTTP服务之全局跨域配置\n\n\n可通过本案例设置全局跨域，所有客户端的请求都是允许跨域的请求。","资源编号":"16941843411861282"},{"资源名称":"快码FOF中文编程-桌面端POST数据到服务端案例","简易描述":"快码FOF中文编程-桌面端POST数据到服务端案例\n","资源编号":"16942407436033358"},{"资源名称":"后端发送页面-前端动态渲染的高级案例","简易描述":"这里直接使用后端发送，并在前端渲染。\n\n可以让大家更好的理解前后端分离开发模式～","资源编号":"16999291230847315"},{"资源名称":"快码FOF-桌面端窗口是否可关闭案例","简易描述":"快码FOF-桌面端窗口是否可关闭案例\n","资源编号":"17007240204603633"},{"资源名称":"仿小米登录界面","简易描述":"初学希望大神勿喷 谢谢","资源编号":"17014057804047898"},{"资源名称":"快码FOF-移动端MQTT带密码连接案例","简易描述":"快码FOF-移动端MQTT带密码连接案例\n","资源编号":"17014257461077334"},{"资源名称":"快码FOF-取MD5后的HEX数据","简易描述":"给一个客户做的案例，先将数据MD5，然后再取HEX\n\n当然，大家也可以直接取HEX数据值，MD5只是该用户所需要的方式。","资源编号":"17016880609323651"},{"资源名称":"判断请求的设备是移动端还是PC端","简易描述":"这里判断访问信息里面的参数，判断请求的设备类型。\n\nHTTP服务类.启动服务(\n    { \"端口\": 8081, \"域名\": \"0.0.0.0\" },\n    (反馈信息) => {\n        调试输出(反馈信息);\n    },\n    (访问信息, 整体信息) => {\n        局部变量 设备信息 = 访问信息[\"协议头部\"][\"user-agent\"].到小写();\n        如果 (设备信息.正则取子文本(/(ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile)/)) {  // 设备还有其它移动设备，主要的还是苹果和安卓\n            调试输出(\"设备是移动端\");\n        } 否则 {\n            调试输出(\"设备是PC端\");\n        }\n        返回 { \"发送数据\": 访问信息[\"文件数据\"][\"文件数据\"], \"数据协议\": HTTP服务类.获取数据协议(访问信息[\"请求类型\"]) };\n    }\n);","资源编号":"16988227531813788"},{"资源名称":"快码FOF-网页端预览PDF文件案例","简易描述":"使用弹出层，将PDF显示在弹出层中","资源编号":"16993392362915534"},{"资源名称":"快码FOF中文编程-移动端获取点击的坐标信息","简易描述":"快码FOF中文编程-移动端获取点击的坐标信息\n","资源编号":"16942330098941509"},{"资源名称":"快码FOF中文编程-桌面端下载文件、指定编码网页访问案例","简易描述":"本案例展示了在桌面端中常规的网页访问以及返回指定编码数据的网页访问。\n\n本案例同时展示了桌面端中下载文件的方案。","资源编号":"17006259944428041"},{"资源名称":"快码FOF中文编程-时间日期增减案例","简易描述":"快码FOF中文编程-时间日期增减案例\n","资源编号":"16943379536459435"},{"资源名称":"移动端微信小程序获取用户的openid","简易描述":"注意：案例只作为展示；实际开发需要将获取openid的代码放在服务器使用JQ的网页访问命令请求！","资源编号":"17014267339149500"},{"资源名称":"支付成功界面","简易描述":"\n","资源编号":"17017726400166447"},{"资源名称":"无人棋牌室预约小程序，无对接内容","简易描述":"无人棋牌室，微信小程序界面，无对接数据。","资源编号":"16990054698357618"},{"资源名称":"无人自助茶坊小程序-1.0.0界面源码","简易描述":"无人自助茶坊小程序-1.0.0界面源码\n\n\n实现了大量的UI界面，这个源码后续还会更新等","资源编号":"16989252331775774"},{"资源名称":"快码FOF-桌面端PDF文件支持","简易描述":"快码FOF-桌面端PDF文件支持\n\n?","资源编号":"16993426251112738"},{"资源名称":"快码FOF中文编程-小程序更新管理案例","简易描述":"快码FOF中文编程-小程序更新管理案例\n","资源编号":"16927780609243837"},{"资源名称":"快码FOF中文编程-桌面端识别二维码案例源码","简易描述":"快码FOF中文编程-桌面端识别二维码案例源码\n","资源编号":"16935581796464226"},{"资源名称":"快码FOF中文编程-移动端页面截图功能","简易描述":"快码FOF中文编程-移动端页面截图功能\n\n注意：只适用于APP","资源编号":"16933770611716277"},{"资源名称":"快码FOF中文编程-WEB地图类的使用案例","简易描述":"快码FOF中文编程-WEB地图类的使用案例\n\n\n提供百度地图的相关能力，可获取IP坐标、浏览器坐标等","资源编号":"16937158450605823"},{"资源名称":"仿超星学习平台登陆页面","简易描述":"学完html+css后制作的页面，等js学完在做逻辑功能。","资源编号":"17000310300933167"},{"资源名称":"快码编程-移动端获取中文拼音案例","简易描述":"快码编程-移动端获取中文拼音案例\n","资源编号":"16925815230149939"},{"资源名称":"网页翻译的一种前端解决方案","简易描述":"\n\n\n\n\n\n绑定每段文字，翻译替换这段文字。","资源编号":"16938271162465139"},{"资源名称":"移动端下拉更新案例","简易描述":"\n\n\n\n\n\n\n","资源编号":"16987191859764737"},{"资源名称":"移动端的开关组件的使用","简易描述":"<页面>\n    <开关 开关类型=\"默认\" :选中状态=\"数据层.选中\" @绑定事件_触发改变=\"方法层.改变开关\" />\n</页面>\n<脚本>\n    局部变量 数据层 = {\n        //所有的页面数据,请在本处定义\n        选中: 真\n    };\n</脚本>\n<脚本>\n    局部变量 方法层 = {\n        //所有页面方法,请在本处定义\n        改变开关(开关) {\n            如果 (开关[\"detail\"][\"value\"]) {\n                跨平台类.显示提示框(\"开启\");\n            } 否则 {\n                跨平台类.显示提示框(\"关闭\");\n            }\n        }\n    };\n</脚本>\n<样式></样式>","资源编号":"16999259581001153"},{"资源名称":"快码FOF-房间门锁管理源码【界面UI】-无人民宿、房东必备","简易描述":"快码FOF-房间门锁管理小程序【界面UI】-房东必备\n\n注意：该小程序只是实现了界面UI，没有做开关门锁的对接。\n\n开关门锁的对接官方会录制一个免费的视频给大家","资源编号":"17000423240935392"},{"资源名称":"拖拽排列按钮位置，可生成按钮，保存按钮，编辑按钮","简易描述":"设置行列，点击生成按钮可以直接生成，也可以设置按钮内容再生成，按钮内容以“，”分割。","资源编号":"16923257319342755"},{"资源名称":"ERP开发之PGSql数据库","简易描述":"ERP开发,会碰到各种数据库使用,目前官方还没有封PGSql数据库,自已搞了,实现简单的增删改查,支持参数化,均写了使用例子,非常简单.分享给大家.\n\n1.下载源码后,把项目里的[PGSQL]文件夹复制到你的项目根目录即可使用.\n\n2.使用代码显示\n\n           定义函数 连接数据库() {\n                局部变量 连接地址 = \"\";\n                局部变量 端口 = ;\n                局部变量 用户名 = \"\";\n                局部变量 数据库名 = \"\";\n                局部变量 数据库密码 = \"\";\n                局部变量 最大连接数 = 20;\n                PGSql数据库_连接(连接地址, 端口, 用户名, 数据库名, 数据库密码, 最大连接数);\n            }\n            定义函数 查询数据() {\n                局部变量 SQL语句 = \"SELECT * FROM 测试 where id > $1\";\n                局部变量 参数化数据 = [\"0\"];\n                PGSql数据库_执行SQL语句(SQL语句, 参数化数据);\n            }\n            定义函数 修改数据() {\n                局部变量 SQL语句 = \"UPDATE 测试 set a_aaa = $1 WHERE b_bbb = $2 \";\n                局部变量 参数化数据 = [\"我是修改后的PGSQL\", \"我是PGSQL\"];\n                PGSql数据库_执行SQL语句(SQL语句, 参数化数据);\n            }\n            定义函数 删除数据() {\n                局部变量 SQL语句 = \"DELETE from 测试  where b_bbb = $1\";\n                局部变量 参数化数据 = [\"22222\"];\n                PGSql数据库_执行SQL语句(SQL语句, 参数化数据);\n            }\n            定义函数 增加数据() {\n                局部变量 r=日期类.取时间戳2()\n                局部变量 SQL语句 = \"INSERT INTO 测试 (id,a_aaa,b_bbb) values ($1,$2,$3)\";\n                局部变量 参数化数据 = [r, \"我是一段内容\", \"我是PGSQL\"];\n                PGSql数据库_执行SQL语句(SQL语句, 参数化数据);\n            }\n            定义函数 关闭数据库() {\n                PGSql数据库_关闭();\n            }\n            定义函数 PGSql返回信息(参数) {\n                调试输出(参数);\n            }","资源编号":"16929384218831127"},{"资源名称":"快码FOF中文编程-单独的SQLite数据库操作案例","简易描述":"快码FOF中文编程-单独的SQLite数据库操作案例\n","资源编号":"16925169712231914"},{"资源名称":"快码编程-网页端post及Get操作基础案例","简易描述":"快码编程-网页端post及Get操作基础案例\n\n\n使用网页请求进行post和get操作","资源编号":"16927227186951066"},{"资源名称":"快码FOF中文编程-二维码生成案例","简易描述":"快码FOF中文编程-二维码生成案例\n","资源编号":"16927570701005825"},{"资源名称":"快码FOF中文编程-响应式页面模版-公共导航","简易描述":"下拉列表框的价格自动计算\n\n?\n\n?\n\n视频播放\n\n?\n\n?\n\n\n","资源编号":"16930482698168295"},{"资源名称":"移动端微信支付、微信登录完整案例","简易描述":"本源码是移动端小程序微信支付、微信登录的方案；方案提供了完整的实例；包括前端与后端\n\n下载源码后需要做的事情：\n\n1、替换微信公众号APPID和相关的秘钥以及微信商户号和APIv2秘钥等\n\n2、替换移动端中与服务端交互的地址为下载源码后自己的服务端地址\n\n3、替换小程序的APPID为自己的小程序APPID \n\n案例非常完整，只要你的微信后台相关的配置正确可以直接运行测试","资源编号":"16941363406834536"},{"资源名称":"基于layui滑块和layui表单实现的步骤表单","简易描述":"\n","资源编号":"16922362208254726"},{"资源名称":"uniapp快捷栏","简易描述":"\n","资源编号":"16923577924752570"},{"资源名称":"快码FOF中文编程-移动端多页面数据通信案例","简易描述":"快码FOF中文编程-移动端多页面数据通信案例","资源编号":"16927770534283888"},{"资源名称":"留言模板界面（没有实现功能）","简易描述":"留言模板界面（没有实现功能）\n","资源编号":"16929430229204700"},{"资源名称":"快码FOF中文编程-腾讯云点播视频播放器案例","简易描述":"快码FOF中文编程-腾讯云点播视频播放器案例\n","资源编号":"16930545321471733"},{"资源名称":"快码FOF中文编程-移动端直接操作数据库解决方案","简易描述":"有部分同学可能有需要在移动端直接操作数据库的需求，可以考虑使用中间件来进行操作。\n\n本中间件只是简单实现，具体还可以做安全加密防护等。\n\n本源码使用方法：\n\n1、打开下载的服务端源码【sqlite3】目录，然后运行\n\n2、运行移动端项目即可直接操作数据库\n\n注意：服务端中的数据库连接可更改为任意的数据库。\n\n?","资源编号":"16939030191442891"},{"资源名称":"简单的移动端时间线","简易描述":"简单的移动端时间线，可以参考此代码进行开发。","资源编号":"16940768394451467"},{"资源名称":"快码FOF中文编程-一个比较复杂的工业界面","简易描述":"快码FOF中文编程-一个比较复杂的工业界面","资源编号":"16931208942362983"},{"资源名称":"快码FOF中文编程-阳历转农历时间","简易描述":"快码FOF中文编程-阳历转农历时间\n","资源编号":"16931276260837304"},{"资源名称":"快码FOF中文编程-差异化平台编译","简易描述":"快码FOF中文编程-差异化平台编译\n\n\n可以在不同的平台执行不同的代码。","资源编号":"16933823826543124"},{"资源名称":"全局打印，局部打印的打印案例","简易描述":"全局打印：\n\n\n直接右键打印，可能会有一些不需要打印的元素，我们要想办法隐藏这类元素\n\ncss隐藏，css的打印 媒体查询，可以在打印的时候，隐藏不需要的元素。\n@媒体查询 print {\n    /*这里设置要隐藏的元素*/\n    .打印隐藏 {\n        显示模式: 无效;\n    }\n}\n脚本隐藏，有监听打印的方法，在方法里面设置某些元素隐藏，打印结束后显示。\n$(浏览器窗口).绑定事件(\"@事件_打印对话框出现前\", 定义函数 () {\n    // 在打印之前的操作\n    调试输出(\"准备打印\");\n    // 隐藏不需要打印的元素\n    $(\".打印隐藏\").隐藏元素();\n});\n\n$(浏览器窗口).绑定事件(\"@事件_打印对话框出现后\", 定义函数 () {\n    // 在打印之后的操作\n    调试输出(\"打印完成\");\n    // 恢复隐藏的元素\n    $(\".打印隐藏\").显示标签();\n});\n\n局部打印\n\n我做了一个局部打印的案例，首先需要把网页分成两部分；\n\n<区块 id=\"打印区域\" 行内样式=\"显示模式: 无效\"></区块>\n<区块 id=\"非打印区域\"></区块>\n\n打印部分是不要写代码的，而非打印部分则包裹整个网页代码。\n\n我们使用局部打印，首先需要局部打印的元素，加上开始注释与结束注释，如下：\n\n<!--画板打印区域开始-->\n<画板 id=\"签名画板\" 宽度=\"500\" 高度=\"300\"> </画板>\n<!--画板打印区域结束-->\n\n然后调用方法：\n\n// 无修改的\n$(\"#打印搜索区域\").点击元素(定义函数 () {\n    区域打印(\"<!--搜索打印区域开始-->\", \"<!--搜索打印区域结束-->\");\n});\n// 有修改的\n$(\"#打印画板区域,#打印画板\").点击元素(定义函数 () {\n    局部变量 画板数据 = 画板操作类.获取画板数据($(\"#签名画板\")[0]);\n    区域打印(\"<!--画板打印区域开始-->\", \"<!--画板打印区域结束-->\", 定义函数 () {\n        // 一系列的操作，为了完美打印，可以先去掉下面的打印，调试打印内容\n        浏览器窗口.打印();\n    });\n});\n\n区域打印的方法在案例里面，直接调用是不行的，如果是静态的html元素，可以不用设置定义函数，具体参考案例。\n\n$(\"#打印搜索区域\").点击元素(定义函数 () {\n    区域打印(\"<!--搜索打印区域开始-->\", \"<!--搜索打印区域结束-->\");\n});\n\n最后，如果是动态的元素，需要在打印结束之后，回复原本的操作\n\n$(浏览器窗口).绑定事件(\"@事件_打印对话框出现后\", 定义函数 () {\n    // 恢复网页\n    $(\"#打印区域\").隐藏元素().设置或返回元素(\"\");\n    $(\"#打印区域\").元素宽度(\"auto\");\n    $(\"#非打印区域\").显示标签();\n    // 恢复动态元素\n});\n\n里面写了一个画板打印，里面有个绑定事件，为了图片加载完成，然后再进行打印，不然无法成功。\n\n\n\n最后讲一下，打印背景问题，有的时候打印可能会去除背景，有些元素就没有颜色，需要在打印机设置打开背景颜色；","资源编号":"16933949324989788"},{"资源名称":"快码FOF中文编程-关闭HTTP服务案例","简易描述":"快码FOF中文编程-关闭HTTP服务案例\n","资源编号":"16940065551488211"},{"资源名称":"快码FOF中文编程-移动端浏览框案例","简易描述":"快码FOF中文编程-移动端浏览框案例\n","资源编号":"16940124716383137"},{"资源名称":"快码FOF中文编程-简单商城列表源码","简易描述":"快码FOF中文编程-简单商城列表源码","资源编号":"16933872289935487"},{"资源名称":"下载软件界面","简易描述":"只有界面代码。","资源编号":"16923494003089223"},{"资源名称":"快码FOF中文编程-移动端剪辑板操作","简易描述":"快码FOF中文编程-移动端剪辑板操作","资源编号":"16932723088863670"},{"资源名称":"自定义动态表格左侧事件区域","简易描述":"关于自定义左侧区域，可以自定义代码，可以绑定单击事件，其它事件则需要自己定义。\n\n如何实现：\n\n1、自定义对应的代码，绑定在工具栏\n\n\n\n\n2、编写对应的事件，这里只有一个点击事件，如果写了下拉菜单，日期选择框之类的，可以绑定对应的事件处理。\n\n\n\n\n建议如果要加入的元素比较多，不要放在这里，放在表格外面比较好。\n\n\n","资源编号":"16935672945032152"},{"资源名称":"图文列表，3种布局方式（定位，背景，浮动）","简易描述":"推荐定位布局。","资源编号":"16923314976812303"},{"资源名称":"ERP开发之ECharts图表","简易描述":"自已封了几个常用的图表,日常用用够了,使用非常简单,分享给大家.\n\n1.下载源码,有两个文件,拷贝到你的项目里.\n\n2.项目里引用这两个文件\n\n3.柱形图示例\n\n定义函数 柱形图() {\n                局部变量 元素绑定 = \"chart\";\n                局部变量 标题 = \"我是主标题\";\n                局部变量 副标题 = \"我是副标题\";\n                局部变量 标题位置 = \"左边\"; // 左边  居中  右边 三选一\n                局部变量 标题顶边距 = \"5px\";\n                局部变量 系列名 = [\"销售额\", \"回款额\", \"欠款额\"];\n                局部变量 系列名位置 = \"右边\"; // 左边  居中  右边 三选一\n                局部变量 系列名顶边距 = \"5px\";\n                局部变量 坐标名 = [\"1月\", \"2月\", \"3月\", \"4月\", \"5月\", \"6月\", \"7月\"];\n                局部变量 数据组 = [{ \"销售额\": [123, 234, 321, 234, 123, 345, 654] }, { \"回款额\": [323, 121, 234, 123, 432, 123, 432] }, { \"欠款额\": [323, 121, 234, 123, 432, 123, 432] }];\n                EC柱形图_基础(元素绑定, 标题, 副标题, 标题位置, 标题顶边距, 系列名, 系列名位置, 系列名顶边距, 坐标名, 数据组);\n            }","资源编号":"16928508524876022"},{"资源名称":"快码FOF中文编程-二维码、条码生成及识别","简易描述":"快码FOF中文编程-二维码、条码生成及识别\n","资源编号":"16934863094078827"},{"资源名称":"layui同一窗口下面的弹出层实现交互","简易描述":"在同一个页面，实现两个弹出层之间的交互，原理很简单，把子窗口的内容，返回到父窗口的方法，父窗口改变子窗口2的值，或者调用子窗口2的方法，把值当成参数传过去。","资源编号":"16939727390003519"},{"资源名称":"快码FOF中文编程-模块文件及源码加密方案","简易描述":"注意：使用本功能需要下载最新版本的快码FOF【至少需要保证为：2023-08-16号的版本文件才可以！】","资源编号":"16921811862503231"},{"资源名称":"基于layui的多选下拉列表","简易描述":"注意案例格式。","资源编号":"16938268129402734"},{"资源名称":"简单仿制一个商城首页 新手可以学习参考","简易描述":"初学者可以研究一下，俺也是一个新手，努力学习3天了，","资源编号":"17009167225152378"},{"资源名称":"快码FOF中文编程-移动端http网络请求案例","简易描述":"快码FOF中文编程-移动端http网络请求案例\n","资源编号":"16930981076985666"},{"资源名称":"一些画板的操作，写了一个画笔功能，可以实现签名，画图等","简易描述":"实现了一些简单的画板画图。","资源编号":"16936214928487056"},{"资源名称":"快码软件编程平台-移动端之websocket通信","简易描述":"快码软件编程平台-移动端之websocket通信\n","资源编号":"16904574368891467"},{"资源名称":"快码FOF-网页端管理系统框架","简易描述":"快码FOF-网页端管理系统框架\n","资源编号":"17012475994987962"},{"资源名称":"H5下载文件的几种方式","简易描述":"里面写了4种方法，感兴趣的可以看看。","资源编号":"16906282746911041"},{"资源名称":"FOF-移动端之单选框、选择框监听","简易描述":"快码-移动端之单选框、选择框监听","资源编号":"16901049917758339"},{"资源名称":"快码编程-网页端判断元素的显示模式","简易描述":"快码编程-网页端判断元素的显示模式","资源编号":"16895193601461971"},{"资源名称":"简洁课程表","简易描述":"一个很简洁的课程表，后期可以结合数据框，做成可自定义的课程表。","资源编号":"16911427145413744"},{"资源名称":"正则类几个方法的使用方式","简易描述":"// 验证手机号\n局部变量 手机号 = $(\"#手机号\").设置或获取值();\n// 两种方式创建正则\n// 局部变量 正则 = 新建对象 正则类(\"/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\\d{8}$/\", \"g\");\n局部变量 正则 = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\\d{8}$/g;\n// 正则里面的文字,两个//里面的东西\n调试输出(正则.正则匹配模式);\n// 是否设置g标志 /正则/g  后面的g(全局)\n调试输出(正则.是否设置g标志);\n// 同理i(大小写)\n调试输出(正则.是否设置i标志);\n// 同理m(多行)\n调试输出(正则.是否设置m标志);\n如果 (正则.匹配(手机号)) {\n    // 正则通过\n    lay_弹出层.消息框(\"手机号正确\");\n} 否则 {\n    // 正则不通过\n    lay_弹出层.消息框(\"手机号不正确\");\n    返回 假;\n}","资源编号":"16916577913007334"},{"资源名称":"快码软件开发平台-ERP之循环渲染案例","简易描述":"快码软件开发平台-ERP之循环渲染案例\n","资源编号":"16895823515194754"},{"资源名称":"微信引导打开浏览器","简易描述":"正式开发请删除此处代码，这里为了展示，把图片显示出来。","资源编号":"17017673449393995"},{"资源名称":"完善仿爱果网的登录，添加记住密码切换效果和功能","简易描述":"// 这里查询记住密码信息(这里是为了更好的演示,可以把这些加密存储成json保存)\n局部变量 邮箱地址 = 浏览器持久储存.读取数据(\"邮箱地址\");\n局部变量 密码 = 浏览器持久储存.读取数据(\"密码\");\n局部变量 记住密码 = 浏览器持久储存.读取数据(\"记住密码\");\n$(\"#邮箱地址\").设置或获取值(邮箱地址);\n$(\"#密码\").设置或获取值(密码);\n$(\"#记住密码\").控件属性值(\"checked\", 记住密码);\n// 这里是记住登录信息\n$(\"#登录\").提交表单(定义函数 () {\n    局部变量 记住密码 = $(\"#记住密码\").控件属性值(\"checked\");\n    局部变量 邮箱地址 = $(\"#邮箱地址\").设置或获取值();\n    局部变量 密码 = $(\"#密码\").设置或获取值();\n    如果 (!邮箱地址 || !密码) {\n        信息框(\"请填写邮箱地址和密码!\");\n        返回 假;\n    }\n    如果 (记住密码) {\n        // 记住密码\n        浏览器持久储存.保存数据(\"邮箱地址\", 邮箱地址);\n        浏览器持久储存.保存数据(\"密码\", 密码);\n        浏览器持久储存.保存数据(\"记住密码\", 记住密码);\n        信息框(\"已登录并且记住了密码!\");\n    } 否则 {\n        // 如果有记住密码,这里取消记住的密码\n        浏览器持久储存.删除数据(\"邮箱地址\");\n        浏览器持久储存.删除数据(\"密码\");\n        浏览器持久储存.删除数据(\"记住密码\");\n        信息框(\"已登录并且删除了记住的密码!\");\n    }\n    返回 假; // 加一个这个禁用表单提交\n});\n\n原始源码：\n\n仿爱果网登陆页-快码编程源码下载 (https://bbs.fofstudio.net)\n","资源编号":"16918218052784181"},{"资源名称":"仿小米侧边栏","简易描述":"第一次接触快码编程,","资源编号":"17007408121674539"},{"资源名称":"五彩导航栏","简易描述":"五彩导航栏","资源编号":"17013972950352920"},{"资源名称":"快码FOF-带密码MQTT服务端及客户端案例","简易描述":"快码FOF-带密码MQTT服务端及客户端案例\n\n\n其中服务端的密码可以设置多个，为数组类型","资源编号":"17014250718707321"},{"资源名称":"仿学成在线首页","简易描述":"初学还请大神指教,不喜勿喷,谢谢,欢迎留言交流","资源编号":"17015058903363465"},{"资源名称":"快码FOF中文编程-桌面端多窗口案例","简易描述":"快码FOF中文编程-桌面端多窗口案例","资源编号":"16912244913056764"},{"资源名称":"快码FOF中文编程-微信公众号支持库案例","简易描述":"在常规的项目开发中，常常需要有一些微信公众号的操作功能，例如说：微信登录、微信支付、微信公众号回复等；这些功能都可以通过微信公众号支持库实现。","资源编号":"16918353860711273"},{"资源名称":"移动端任务列表弹窗","简易描述":"\n","资源编号":"16918288492294965"},{"资源名称":"快码FOF中文编程-正则工具页面源码","简易描述":"快码FOF中文编程-正则工具页面源码\n","资源编号":"16916496261681811"},{"资源名称":"简洁的uniapp新闻列表+内页","简易描述":"\n","资源编号":"16911382430269500"},{"资源名称":"图片查看器的使用方法案例","简易描述":"<标题2>图集1(缩略图和图集是2张图)</标题2>\n<区块 id=\"演示\">\n    <图片框 图像地址=\"@文件_11.jpg\" 展示图地址=\"@文件_111.png\" 错替文本=\"森林秘境\" />\n    <图片框 图像地址=\"@文件_22.jpg\" 展示图地址=\"@文件_222.png\" 错替文本=\"天气之子\" />\n    <图片框 图像地址=\"@文件_33.jpg\" 展示图地址=\"@文件_333.jpg\" 错替文本=\"旭日山景\" />\n    <图片框 图像地址=\"@文件_44.jpg\" 展示图地址=\"@文件_444.jpg\" 错替文本=\"黑暗汽车\" />\n</区块>\n<标题2>图集2(缩略图和图集是一张图)</标题2>\n<区块 id=\"演示2\">\n    <图片框 图像地址=\"@文件_11.jpg\" 错替文本=\"森林秘境\" />\n    <图片框 图像地址=\"@文件_22.jpg\" 错替文本=\"天气之子\" />\n    <图片框 图像地址=\"@文件_33.jpg\" 错替文本=\"旭日山景\" />\n    <图片框 图像地址=\"@文件_44.jpg\" 错替文本=\"黑暗汽车\" />\n</区块>\n<脚本>\n    //这里执行相关的JS代码\n    局部变量 图集 = 新建对象 图片查看类(\"#演示\", {\n        [图片查看类.图片地址]: \"展示图地址\" // 图集地址是属性 展示图地址\n    });\n    // 这里的图集地址就是 图像地址\n    局部变量 图集2 = 新建对象 图片查看类(\"#演示2\");\n    // 如果是动态加载的，需要对图集进行更新\n    $(\"#演示2\").元素内向后添加内容(`<图片框 图像地址=\"@文件_44.jpg\" 错替文本=\"动态加入\" />`);\n    调试输出(图集2);\n    图集2.update();// 可格式化查看是否以中文封装\n</脚本>","资源编号":"16918381543534374"},{"资源名称":"layui按钮大合集，所有按钮样式全在里面，附带按钮点击事件。","简易描述":"按钮的形状，颜色，边框，大小，图标，事件都在源码里面。\n\n\n\n\n\n\n\n\n","资源编号":"16891888222034550"},{"资源名称":"移动端简单实现一个选项卡","简易描述":"简单实现了一个选项卡，只能通过点击上面的选项卡切换。","资源编号":"16920133353124447"},{"资源名称":"孤岛-3种大数据标签云项目案例","简易描述":"标签云是一套相关的标签以及与此相应的权重。典型的标签云有30至150个标签。权重影响使用的字体大小或其他视觉效果。同时，直方图或饼图表是最常用的代表约12种不同的权数。因此，标签云彩能代表更多的权，尽管不那么准确。此外，标签云通常是可以交互的：标签是典型的超链接，让用户可以仔细了解他们的内容。\n\n\n\n","资源编号":"16865347640054113"},{"资源名称":"孤岛-大数据控制中心项目源码","简易描述":"\n","资源编号":"16866539130805613"},{"资源名称":"仿单条微博信息块","简易描述":"\n","资源编号":"16862145063463782"},{"资源名称":"快码编程-引用外部JS、CSS文件案例！","简易描述":"在项目中引用了一个附属文件夹，然后使用附属文件夹中的js和css文件代码！","资源编号":"16863815704091169"},{"资源名称":"仿蓝奏云登陆页","简易描述":"\n","资源编号":"16863870462939319"},{"资源名称":"孤岛-在线音乐播放器项目案例","简易描述":"界面速览：","资源编号":"16865436942052702"},{"资源名称":"孤岛-热搜榜单布局案例","简易描述":"热搜榜单布局案例：","资源编号":"16860586982645725"},{"资源名称":"Hash计算器","简易描述":"界面和功能都做了，功能只做了第一个MD5！有兴趣的可以把其它的也实现。\n\n\n","资源编号":"16865601648767917"},{"资源名称":"Unix时间戳转换","简易描述":"功能方面，只做了第一个，获取当前的时间戳，后面两个没弄，有兴趣的可以继续完成。\n\n\n","资源编号":"16866502765774331"},{"资源名称":"孤岛-大数据系列之运行面板项目案例","简易描述":"\n","资源编号":"16866533685789839"},{"资源名称":"孤岛-app介绍下载网页项目案例","简易描述":"可以直接用的应用下载页面","资源编号":"16866553725607789"},{"资源名称":"快码编程-桌面后端开发之循环渲染多循环语法","简易描述":"快码编程-桌面后端开发之循环渲染多层次语法\n","资源编号":"16867954615966661"},{"资源名称":"仿精易论坛签到","简易描述":"\n","资源编号":"16865328427415255"},{"资源名称":"微软AI语音","简易描述":"语速和语调后面的数据框，数据类型=\"精确范围\"，我设置了上下边框，但不生效，如果官方看到，请看下是我写的有问题，还是快码工具有问题。\n\n\n","资源编号":"16863198026729500"},{"资源名称":"孤岛-表白墙项目案例","简易描述":"\n","资源编号":"16867159447979500"},{"资源名称":"快码编程-网页端XML解析案例","简易描述":"快码编程-网页端XML解析案例\n","资源编号":"16867985715286489"},{"资源名称":"孤岛-通用网站底部美化项目案例","简易描述":"底部样式：\n\n\n","资源编号":"16865344502631355"},{"资源名称":"仿快码发表提问页","简易描述":"\n","资源编号":"16865415304059403"},{"资源名称":"孤岛-意见反馈项目案例","简易描述":"\n","资源编号":"16867115551902169"},{"资源名称":"仿微博主页博主信息","简易描述":"\n","资源编号":"16861828756448206"},{"资源名称":"仿微博发布页","简易描述":"仿的微博发布页界面，图标之类的不完美。\n\n知识点是用到了伪元素，元素前，元素后，鼠标移入等。\n\n\n","资源编号":"16860586531509900"},{"资源名称":"孤岛-个人GitHub开源项目导航案例","简易描述":"\n","资源编号":"16868148255138477"},{"资源名称":"孤岛-个人介绍留言项目案例","简易描述":"\n","资源编号":"16869251018192738"},{"资源名称":"孤岛-站长向简洁风格后台登录申请授权进入页面","简易描述":"搜了下论坛，发现已发布的登录注册案例虽然很好，但是更适合用户登录使用，对于站长们登录后台的用途来说，后台管理界面应该采用简洁明了的设计风格，尽量避免使用过多的图形和复杂的布局。在界面的设计上，应该注重信息的层次关系和排版布局，使得界面的结构和功能更加清晰明了。\n\n那么为什么站长后台还要设置注册页面呢，这个主要是考虑到部分后台可能有内部授权申请进入后台的功能需求，稍微一改就是一个后台进入授权申请页面，可以自行使用页面进行diy。\n\n\n\n\n\n\n\n\n","资源编号":"16865386817846638"},{"资源名称":"孤岛-用户邀请中心页面项目案例","简易描述":"使用了渐变效果，适合做营销推广页。","资源编号":"16865641705351622"},{"资源名称":"孤岛-社交媒体圈子项目案例","简易描述":"\n","资源编号":"16866733094402347"},{"资源名称":"孤岛-精仿360应用下载项目案例","简易描述":"\n","资源编号":"16868130700806430"},{"资源名称":"孤岛-大数据风格动态登录项目源码","简易描述":"\n\n\n\n","资源编号":"16869228597515844"},{"资源名称":"孤岛-精仿豆瓣读书顶部导航","简易描述":"\n","资源编号":"16869254755415323"},{"资源名称":"孤岛-侧边卷帘菜单示例","简易描述":"看到群友有需要，写了一个，点击右上角按钮弹出隐藏。","资源编号":"16870954107896493"},{"资源名称":"仿快码创建技术圈页面","简易描述":"\n","资源编号":"16862752939427069"},{"资源名称":"孤岛-网址导航网站项目案例","简易描述":"界面预览\n","资源编号":"16866521152732484"},{"资源名称":"后台菜单嵌套，单个html页面","简易描述":"后台菜单嵌套，单个html页面","资源编号":"16868166093501535"},{"资源名称":"孤岛-堆糖风格壁纸网站项目案例","简易描述":"\n","资源编号":"16867325243111272"},{"资源名称":"孤岛-电竞风LOL出装查询项目案例","简易描述":"\n","资源编号":"16867653150281433"},{"资源名称":"孤岛-精仿百度首页","简易描述":"\n","资源编号":"16869244631212643"},{"资源名称":"快码编程-网页端XML解析自定义XML数据","简易描述":"快码编程-网页端XML解析自定义XML数据\n","资源编号":"16869336365701204"},{"资源名称":"仿爱果果注册页","简易描述":"\n","资源编号":"16871342696662489"},{"资源名称":"孤岛-视频网站案例","简易描述":"简洁视频网站页面","资源编号":"16860377140927369"},{"资源名称":"快码编程-JS异步函数同步返回数据案例","简易描述":"快码编程-JS异步函数同步返回数据案例\n","资源编号":"16865619936711292"},{"资源名称":"孤岛-简洁大数据网页布局案例","简易描述":"简洁大数据网页布局案例","资源编号":"16860450427431654"},{"资源名称":"快码开发的第一个ChatGpt界面来了","简易描述":"用了弹性布局，自适应网页大小。\n\n只是做了一个界面，功能并没有做，有兴趣的可以接着完善，做出一个完整的来。\n\n\n\n\n\n","资源编号":"16861131370188549"},{"资源名称":"孤岛-电竞风LOL英雄介绍项目案例","简易描述":"英雄列表框有毛玻璃特效和纯html+css实现的动效。\n","资源编号":"16867611410621079"},{"资源名称":"孤岛-人工智能产品推广页案例","简易描述":"\n","资源编号":"16868079291815369"},{"资源名称":"孤岛-历史上的今天项目时间轴案例","简易描述":"时间轴样式用途还是蛮多的，可以作为建站历史，企业发展历史页面用。","资源编号":"16865446717016501"},{"资源名称":"孤岛-苹果官网风格项目案例","简易描述":"\n","资源编号":"16868263728301733"},{"资源名称":"孤岛-精仿新浪微博项目源码","简易描述":"\n","资源编号":"16869247947036406"},{"资源名称":"孤岛-视频教程网首页项目案例","简易描述":"\n","资源编号":"16867202513727299"},{"资源名称":"仿爱果网登陆页","简易描述":"\n","资源编号":"16871643926704661"},{"资源名称":"FOF中文编程-网页富文本编辑器案例","简易描述":"注意事项：\n\n1、富文本编辑器必须跑在服务端下，也就是必须由服务端发送的页面才可以正常使用富文本组件\n\n2、案例运行后，在浏览器输入：127.0.0.1:8081/index1.html 即可预览效果\n\n3、请参考案例代码移植到自己的项目中","资源编号":"16915539017977840"},{"资源名称":"中文汉字转拼音","简易描述":"\n","资源编号":"16866218325694382"},{"资源名称":"仿33台词注册页","简易描述":"\n","资源编号":"16863903117339781"},{"资源名称":"孤岛-直播首页项目案例","简易描述":"和直播间那个案例风格一致\n\n\n","资源编号":"16867259225688039"},{"资源名称":"快码编程-HTTP服务发送301跳转","简易描述":"快码编程-HTTP服务发送301跳转\n","资源编号":"16874326515679111"},{"资源名称":"Base64在线编码解码","简易描述":"不单是界面，功能也是正常的！\n\n\n","资源编号":"16865624454672629"},{"资源名称":"快码编程-HTTP服务在其他方法中主动发送数据","简易描述":"快码编程-HTTP服务在其他方法中主动发送数据\n\n\n传递访问信息的对象到其他方法，然后在其他方法调用主动发送命令","资源编号":"16860587088551717"},{"资源名称":"孤岛-精仿百度侧边热搜榜","简易描述":"\n","资源编号":"16869236418273466"},{"资源名称":"递归循环取出树形组件的勾选项","简易描述":"\n\n\n// 递归取出勾选项\n定义函数 递归取出勾选项(数组 = []) {\n    局部变量 返回数组 = [];\n    数组.遍历成员回调((勾选项) => {\n        返回数组.添加成员(勾选项);\n        如果 (勾选项.children) {\n            // 这些形成递归\n            返回数组 = 返回数组.合并(递归取出勾选项(勾选项.children));\n        }\n    });\n    返回 返回数组;\n}\n\n定义函数 获取选中项() {\n    局部变量 返回结果 = lay_树形组件.获取选中(\"treeDemo\");\n    调试输出(返回结果);\n    返回结果 = 递归取出勾选项(返回结果);\n    调试输出(返回结果);\n}","资源编号":"16913900820341467"},{"资源名称":"小程序源码","简易描述":"?","资源编号":"16821724217231018"},{"资源名称":"快码编程-网页端跑马灯效果","简易描述":"快码编程-网页端跑马灯效果\n","资源编号":"16824920314898462"},{"资源名称":"资金明细页面","简易描述":"\n","资源编号":"16830066422311112"},{"资源名称":"快码编程-网页端设置layui的下拉列表当前选中","简易描述":"快码编程-网页端设置layui的下拉列表当前选中","资源编号":"16833574768462791"},{"资源名称":"动态切换layui开关状态","简易描述":"\n\n\n动态切换layui的开关状态，用了两种方法，第一种是layui独有的方法，设置表单内表单组件的值；第二种jq则是通用的，唯一不同是需要更新一下layui表单。\n\n// layui的表单操作,外面需要  类名=\"lay-表单\" lay-过滤器=\"表单过滤器\"  ,过滤名称可以自己定义\n定义函数 切换开关1() {\n    局部变量 表单数据 = lay_表单.数据值(\"表单过滤器\");\n    // !表单数据.开关  翻转状态,  真 翻转成 假, 假 翻转成 真\n    lay_表单.数据值(\"表单过滤器\", {\n        \"开关\": !表单数据.开关\n    });\n}\n定义函数 切换开关2() {\n    局部变量 开关状态 = $(\"#开关\").控件属性值(\"checked\");\n    // !开关状态  翻转状态,  真 翻转成 假, 假 翻转成 真\n    $(\"#开关\").控件属性值(\"checked\", !开关状态);\n    // 用jq更新之后,需要重新渲染表单\n    lay_表单.更新();\n}","资源编号":"16857869980277101"},{"资源名称":"浮动在线客服带QQ临时会话与微信二维码","简易描述":"点击QQ头像，会打开QQ临时会话\n\n点击左下角小图会弹出微信二维码\n\n点击右下角小图会回到网页顶部\n\n用到了固定定位，浮动的客服窗口会一直在网页右侧中间\n\n\n","资源编号":"16859366409119340"},{"资源名称":"css实现清新标签云","简易描述":"纯html+css实现清新标签云","资源编号":"16855478089431562"},{"资源名称":"导航点悬停效果CSS案例","简易描述":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","资源编号":"16856783015861802"},{"资源名称":"黑猫投诉顶部案例","简易描述":"?","资源编号":"16859145946037284"},{"资源名称":"一个左右排列可以折叠的超链接导航栏","简易描述":"一个左右排列可以折叠的超链接导航栏\n","资源编号":"16839487513428311"},{"资源名称":"快码编程-HTTP服务之文件POST上传","简易描述":"快码编程-HTTP服务之文件POST上传","资源编号":"16843777580794937"},{"资源名称":"酷炫css地球自转效果","简易描述":"?\n\n?","资源编号":"16856027103316142"},{"资源名称":"仿超点女生网搜索框","简易描述":"只是仿一个搜索框界面，无任何实际功能！\n\n\n","资源编号":"16859242115313976"},{"资源名称":"一个极简风格文章列表","简易描述":"\n\n\n长这样，练手源码。\n\n\n\n\n\n","资源编号":"16830154906963531"},{"资源名称":"快码编程-桌面端临时文件和持久文件的储存方案","简易描述":"快码编程-桌面端临时文件和持久文件的储存方案\n","资源编号":"16836017403732284"},{"资源名称":"TCP服务端及TCP客户端传送文件实战","简易描述":"根据官方博客内TCP服务端与客户端组包，测试不同类型文件的传输实战，理解了基本原理，期待后面再跟随官方教程优化。","资源编号":"16839819048499357"},{"资源名称":"快码编程-移动端弹性布局均分空间支持换行","简易描述":"快码编程-移动端弹性布局均分空间支持换行\n","资源编号":"16838158187704094"},{"资源名称":"鼠标经过效果案例","简易描述":"\n","资源编号":"16850943268272124"},{"资源名称":"动画特效导航菜单案例","简易描述":"\n","资源编号":"16851445765468276"},{"资源名称":"登录页面","简易描述":"?","资源编号":"16824919631471016"},{"资源名称":"快码编程-桌面端打开调试器窗口案例","简易描述":"快码编程-桌面端打开调试器窗口案例\n\n\n\n","资源编号":"16833322642257466"},{"资源名称":"快码编程-桌面端十六进制文件数据读写","简易描述":"快码编程-桌面端十六进制文件数据读写\n","资源编号":"16836173603919588"},{"资源名称":"快码编程-桌面端WEBSOCKET与SQLITE数据库结合使用","简易描述":"快码编程-桌面端WEBSOCKET与SQLITE数据库结合使用\n","资源编号":"16851731381006535"},{"资源名称":"图形化动态时钟","简易描述":"图形化动态时钟","资源编号":"16851744603138083"},{"资源名称":"快码编程-HTTP服务结合数据库使用案例","简易描述":"快码编程-HTTP服务结合数据库使用案例\n","资源编号":"16851769801541799"},{"资源名称":"快码编程-网页端多页面共享数据案例","简易描述":"快码编程-网页端多页面共享数据案例\n\n\n可以通过配置数据来实现多页面数据共享","资源编号":"16854967000531243"},{"资源名称":"简洁用户简介图文排版","简易描述":"简洁用户简介图文排版","资源编号":"16856006867957291"},{"资源名称":"简洁登陆页案例1","简易描述":"\n","资源编号":"16856788331625409"},{"资源名称":"光标闪烁动态输入打字动画代码","简易描述":"效果图：\n\nhtml实现：\n\n\n\n\n\n\n\ncss实现：\n\n\n\n\n\n\n\n\n","资源编号":"16856851388037795"},{"资源名称":"快码编程-响应式布局-PC与移动端兼容案例","简易描述":"快码编程-响应式布局-PC与移动端兼容案例","资源编号":"16823389025113658"},{"资源名称":"仿shell 跨平台工具 让运维人员，不在局限于win系统！","简易描述":"? ? ? ? ? ? ? ? 本人为初学者，本意开源，也本着学习的心态，现分享界面源码，能力有限，界面源码写的有点乱了点，欢迎大佬的指正，同时也欢迎初学者和我一起慢慢完成这个项目，大佬愿意一起当然最好不过了，此界面源码，有时间的大佬可以帮助修改，让我们更好的学习。我在快码1群，欢迎大家来交流或指导。","资源编号":"16824736530538289"},{"资源名称":"快码编程-桌面端实现文本类型的文件读写实例","简易描述":"快码编程-桌面端实现文本类型的文件读写实例\n","资源编号":"16835358177905446"},{"资源名称":" 快码编程-layui教学-高级组件-下拉菜单","简易描述":"点击查看 layui颜色选择器?的解说：阅读layui高级组件-下拉菜单博客","资源编号":"16847483025786564"},{"资源名称":"背景特效CSS样式","简易描述":"背景特效CSS快码样式","资源编号":"16849369520697436"},{"资源名称":"蓝色按钮边框特效样式","简易描述":"\n","资源编号":"16850158925154485"},{"资源名称":"用jq判断复选框（选择框是否被勾选）","简易描述":"判断复选框的时候，我们需要用到jq的??控件属性值，来获取元素是否被选中。\n\n 局部变量 是否选中 = $(\"#复选框\").控件属性值(\"checked\");\n\n属性值一般是设置元素的属性，属性值；\n\n被控属性值一般是设置元素的js属性，属性值，如单选框，复选框的选中，多选框的选择，禁用等等。\n\n怎么动态的给复选框选中\n\n$(\"#复选框\").控件属性值(\"checked\",真);  // 设置选中\n$(\"#复选框\").控件属性值(\"checked\",假);  // 设置不选中\n\n\n","资源编号":"16857838296929166"},{"资源名称":"仿起点注册页","简易描述":"只是仿的一个界面，无任何实际功能。\n\n\n","资源编号":"16859352961514730"},{"资源名称":"快码编程-跨平台word文件生成案例","简易描述":"快码编程-跨平台word文件生成案例\n\n可生成指定样式的word内容文件！","资源编号":"16859567211664689"},{"资源名称":"快码编程-桌面端右键弹出菜单案例","简易描述":"快码编程-桌面端右键弹出菜单案例\n","资源编号":"16826066710373155"},{"资源名称":"快码编程-桌面端之HTTP后端案例","简易描述":"快码编程-桌面端之HTTP后端案例","资源编号":"16842442162421775"},{"资源名称":"可以折叠的搜索栏","简易描述":"可以折叠的搜索栏\n","资源编号":"16843034185016680"},{"资源名称":"快码FOF中文编程-网页复制文本内容案例","简易描述":"快码FOF中文编程-网页复制文本内容案例\n","资源编号":"16931421653629146"},{"资源名称":"css鼠标移入旋转图标","简易描述":"通过css属性实现鼠标移入时，图标旋转效果。\n\nhtml实现：\n\n?\n\nCSS实现：","资源编号":"16849059837158930"},{"资源名称":"单选框漂亮样式","简易描述":"\n\n\n\n\n\n\n\n\n\n","资源编号":"16849807334391445"},{"资源名称":"简洁个人博客源码","简易描述":"\n\n\n\n","资源编号":"16852619969618477"},{"资源名称":"快码编程-网页端WEB相机库案例","简易描述":"快码编程-网页端WEB相机库案例\n","资源编号":"16853441655229377"},{"资源名称":"仿起点书籍介绍","简易描述":"\n","资源编号":"16859245897561431"},{"资源名称":"串口设备高端玩法","简易描述":"注意：该案例为早期案例，目前推荐大家参考新的串口知识：新的串口知识参考地址","资源编号":"16835533393134412"},{"资源名称":"快码编程-MYSQL的增删改查操作","简易描述":"快码编程-MYSQL的增删改查操作\n","资源编号":"16844686070641568"},{"资源名称":"简洁登陆页2","简易描述":"\n","资源编号":"16857029954482176"},{"资源名称":"6位数字验证码输入界面","简易描述":"6位数字验证码输入界面\n","资源编号":"16860215108841366"},{"资源名称":"注册页面","简易描述":"?","资源编号":"16824949399593354"},{"资源名称":"个人中心页面","简易描述":"个人中心\n\n?","资源编号":"16827350485343182"},{"资源名称":"快码编程-获取下拉列表的内容","简易描述":"快码编程-桌面端获取下拉列表的内容\n","资源编号":"16835583303536808"},{"资源名称":"一个可以调速的滚动显示栏","简易描述":"一个可以调速的滚动显示栏","资源编号":"16841419776767784"},{"资源名称":"鼠标菜单切换CSS案例","简易描述":"\n\n\n?","资源编号":"16852529814543190"},{"资源名称":"找回密码页面","简易描述":"?","资源编号":"16825187340554458"},{"资源名称":"快码编程-HTTP后端开发之POST数据的提交","简易描述":"快码编程-HTTP后端开发之POST数据的提交\n","资源编号":"16843085524803383"},{"资源名称":"WEBSOCKET客户端与服务端案例","简易描述":"快码编程-WEBSOCKET客户端与服务端案例","资源编号":"16849006605797499"},{"资源名称":"彩色导航菜单CSS","简易描述":"?","资源编号":"16849148478032203"},{"资源名称":"3D导航菜单案例","简易描述":"3D导航菜单案例\n","资源编号":"16850565211861948"},{"资源名称":"CSS贴纸标签特效案例","简易描述":"\n","资源编号":"16851381210502402"},{"资源名称":"快码编程-WebSocket服务群发案例","简易描述":"快码编程-WebSocket服务群发案例\n","资源编号":"16852625896013861"},{"资源名称":"MYSQL数据库案例","简易描述":"\n\n\n\n","资源编号":"16854204492846141"},{"资源名称":"简洁404页面源码","简易描述":"\n\n\n\n","资源编号":"16855228858015945"},{"资源名称":"登录页之不偷看密码的超萌猫头鹰","简易描述":"非常有趣的登录页，当密码框获得焦点，猫头鹰会双手遮住双眼，失去焦点后双会恢复原状。\n\n\n","资源编号":"16857549168949321"},{"资源名称":"物流大数据展示入口","简易描述":"\n","资源编号":"16859528053853128"},{"资源名称":"简单web登录页","简易描述":"学习快码编程源码","资源编号":"16823591064154821"},{"资源名称":"快码编程-网页端响应式顶部导航效果","简易描述":"快码编程-网页端响应式顶部导航效果\n\n支持在PC、平板、移动端等显示不同的效果～","资源编号":"16824351950949139"},{"资源名称":"图片背景特效案例","简易描述":"图片背景特效案例","资源编号":"16850998365433826"},{"资源名称":"快码编程-桌面端同步数据库查询并使用服务发送数据","简易描述":"这个提示很重要，源码采用的websocket+sqlite作为演示；但实际上原理适用于所有数据库及异步服务。\n\nhttp、tcp、udp、websocket、mysql、mssql、sqlite等都支持使用源码中的原理","资源编号":"16855828376548718"},{"资源名称":"鼠标悬停卡通式发光菜单","简易描述":"html实现：\n\n?\n\ncss实现：","资源编号":"16856054744568850"},{"资源名称":"h5进度条自定义样式","简易描述":"自定义进度条样式。\n\n.进度条 {\n\t宽度: 100%;\n\t高度: 30px;\n\t-谷歌内核-原生外观: 无效;\n\t原生外观: 无效;\n}\n.进度条::-谷歌内核-进度条伪类 {\n\t背景-颜色: #eee;\n\t边框-圆角: 50px;\n\t盒子-阴影: 0 2px 5px 颜色通道(0, 0, 0, 0.25) 内嵌;\n}\n\n.进度条::-谷歌内核-进度条进度 {\n\t背景: #33adff;\n\t边框-圆角: 50px;\n}","资源编号":"16822363026439916"},{"资源名称":"layui点击按钮添加选项卡","简易描述":"\n\n\n<按钮 id=\"添加选项卡\" 类名=\"lay-按钮\">添加选项卡</按钮>\n<区块 类名=\"lay-选项卡\" lay-过滤器=\"选项卡演示\">\n\t<无序列表 类名=\"lay-选项卡-标题\">\n\t\t<列表项 类名=\"lay-选中\">网站设置</列表项>\n\t\t<列表项>用户管理</列表项>\n\t\t<列表项>权限分配</列表项>\n\t\t<列表项>商品管理</列表项>\n\t\t<列表项>订单管理</列表项>\n\t</无序列表>\n\t<区块 类名=\"lay-选项卡-内容\">\n\t\t<区块 类名=\"lay-选项卡-项目 lay-显示\">内容1</区块>\n\t\t<区块 类名=\"lay-选项卡-项目\">内容2</区块>\n\t\t<区块 类名=\"lay-选项卡-项目\">内容3</区块>\n\t\t<区块 类名=\"lay-选项卡-项目\">内容4</区块>\n\t\t<区块 类名=\"lay-选项卡-项目\">内容5</区块>\n\t</区块>\n</区块>\n局部变量 id = 0;\n$(\"#添加选项卡\").点击(定义函数 () {\n\tid++;\n\tlay_元素.选项卡添加(\"选项卡演示\", {\n\t\t[lay_元素.选项卡配置.标题]: \"选项卡的标题\" + id,\n\t\t[lay_元素.选项卡配置.内容]: \"选项卡的内容\" + id, //支持传入html\n\t\t[lay_元素.选项卡配置.id]: id\n\t});\n\tlay_元素.选项卡切换(\"选项卡演示\", id);\n});\n\n\n\n\n注意属性 lay-过滤器，选项卡必须要配置这个。","资源编号":"16824112871743270"},{"资源名称":"励志清爽小页面","简易描述":"?\n\n?\n\n电脑励志小网页","资源编号":"16842416714985772"},{"资源名称":"个人资料页面","简易描述":"个人页面","资源编号":"16827375204459894"},{"资源名称":"快码编程-桌面端枚举文件及重命名文件","简易描述":"快码编程-桌面端枚举文件及重命名文件\n","资源编号":"16836338643375542"},{"资源名称":"蓝色简洁主页","简易描述":"?\n\n首发小作品,有问题欢迎指点.","资源编号":"16837891521771516"},{"资源名称":"商品说明特效CSS","简易描述":"商品特效CSS,代码有点多不截图了.","资源编号":"16849940359094942"},{"资源名称":"仿起点阅读设置","简易描述":"只是仿的一个界面，没有JS代码，所以没有任何功能效果。\n\n\n","资源编号":"16859354431331333"},{"资源名称":"动态日期时钟","简易描述":"很简单的小案列，用到了一个时钟事件，用到了JQ支持库。\n\n\n\n\n\n","资源编号":"16859555970404691"},{"资源名称":"简洁清爽导航HTML","简易描述":"?\n\n\n","资源编号":"16842928968892841"},{"资源名称":"快码编程-前端与后端AJAX数据交互","简易描述":"快码编程-前端与后端AJAX数据交互\n","资源编号":"16844605461196279"},{"资源名称":"仿万门大学首页","简易描述":"学习快码编程后进行的第一个完整页面编写","资源编号":"16855165527435973"},{"资源名称":"卡片悬停效果","简易描述":"通过css简单实现卡片悬停效果\n\nhtml实现：\n\n?\n\ncss实现：","资源编号":"16856039516838665"},{"资源名称":"快码编程-跨平台EXCEL读写操作支持库案例","简易描述":"快码编程-跨平台EXCEL操作支持库，使用本案例请升级最新版快码编程\n\n可在windows、linux、mac等平台进行xlsx、xls等excel的文件读写操作。","资源编号":"16858080092057348"},{"资源名称":"快码编程-移动端循环渲染实现传递方法参数","简易描述":"快码编程-移动端循环渲染实现传递方法参数\n","资源编号":"16822250910616212"},{"资源名称":"快码编程-网页端通过JS设置layui的复选框选择","简易描述":"快码编程-网页端通过JS设置layui的复选框选择\n","资源编号":"16831944979293542"},{"资源名称":"layui的动态赋值表单元素","简易描述":"遇到一个问题解决记录：\n\nlayui的表单是重新渲染过的，所以说直接操作表单元素是不起作用的，如果用js，jq改变了表单的单选框，复选框，下拉等元素，样式是不会改变的，需要用\n\nlay_表单.更新(); 重新渲染才可以。\n\n\n或者用layui提供的??lay_表单.数据值(’表单过滤器’,{表单数据})? 的这个命令。\n\n表单过滤器 里面的值要和 lay_表单.数据值(‘demo’) 是对应的\n\n\n<区块 类名=\"lay-表单\" lay-过滤器=\"demo\">\n<!--表单内容-->\n</区块>\n\n表单数据的格式，属性名称 : 属性值??\n\n<数据框 数据类型=\"文本输入\" 属性名称=\"姓名\"  />\n{\n    \"姓名\":\"张三\",\n}\n\n表单元素都是这个格式。\n","资源编号":"16832749765494303"},{"资源名称":"快码编程-桌面端TCP文件传输功能实现","简易描述":"快码编程-桌面端TCP文件传输功能实现\n","资源编号":"16838996380938428"},{"资源名称":"随机生成密码","简易描述":"可以设定生成密码的位数、组成类型","资源编号":"16849974439882552"},{"资源名称":"快码编程-桌面端一个最简单的HTTP服务源码","简易描述":"快码编程-桌面端一个最简单的HTTP服务源码\n","资源编号":"16852059160385783"},{"资源名称":"快码编程-桌面端使用WEB相机库拍照案例","简易描述":"快码编程-桌面端使用WEB相机库拍照案例\n","资源编号":"16853409053151626"},{"资源名称":"影视VIP视频播放","简易描述":"本源码仅供学习使用！可以自行修改解析接口，剧集采集，播放记录等功能","资源编号":"16860256307551411"},{"资源名称":"简单做个“时间线”","简易描述":"上班无聊中，摸鱼，顺便练练手制作个简单的时间线","资源编号":"16811805501058404"},{"资源名称":"网络请求WordPress REST API动态渲染例程","简易描述":"看完教程，动手把以前写的火山和易语言的例程翻译到快码上来！感觉不是很难，就是翻译软件翻译的太坑了，好累啊。\n\n老规矩源码有注释，不写教程。","资源编号":"16815890002302063"},{"资源名称":"快码FOF中文编程桌面端TCP客户端与TCP服务端通信","简易描述":"快码FOF中文编程桌面端TCP客户端与TCP服务端通信","资源编号":"16818343219659635"},{"资源名称":"快码编程-移动端评分选择器UI案例","简易描述":"快码编程-移动端评分选择器UI案例","资源编号":"16820982392664365"},{"资源名称":"跨平台桌面小工具------图片添加水印工具","简易描述":"跨平台桌面小工具------图片添加水印工具\n\n\n\n","资源编号":"16808567719479863"},{"资源名称":"快码编程-网页端CSS设置盒子模型","简易描述":"快码编程-网页端CSS设置盒子模型\n\n\n使用盒子模型防止因为内边距而增加宽高～","资源编号":"16808663273507818"},{"资源名称":"网页端-动态设置进度条的当前值","简易描述":"网页端-动态设置进度条的当前值\n\n\n通过JQ动态设置属性值","资源编号":"16816351658027334"},{"资源名称":"帐号密码登陆 保存缓存数据","简易描述":"帐号密码登陆 保存缓存数据\n","资源编号":"16808700888615246"},{"资源名称":"快码编程-网页端CSS实现计算及过渡动画","简易描述":"快码编程-网页端CSS实现计算及过渡动画\n","资源编号":"16808715033673036"},{"资源名称":"快码编程-移动端多层循环渲染案例","简易描述":"快码编程-移动端多层循环渲染案例\n\n\n使用循环套循环创建组件","资源编号":"16817428718251657"},{"资源名称":"动画效果的进度条","简易描述":"今天逛网站，在别人那看到这种进度条，就来模仿了一下。","资源编号":"16811419409467484"},{"资源名称":"初学完成课程源码","简易描述":"跟着老师完成的源码，分享给大家！","资源编号":"16810176752143283"},{"资源名称":"基础登录","简易描述":"增加获得焦点改变输入框样式\n","资源编号":"16818664143097258"},{"资源名称":"商城的分类列表简单实现","简易描述":"学习日志","资源编号":"16808433353665853"},{"资源名称":"layui的表单弹窗","简易描述":"弹窗里面设置表单代码，需要引入jq和layui支持库。","资源编号":"16819760048758938"},{"资源名称":"快码编程-移动端步骤条UI案例","简易描述":"快码编程-移动端步骤条UI案例\n\n实现一个步骤效果的UI","资源编号":"16820984390198822"},{"资源名称":"layui-表格-excel批量导入","简易描述":"学习快码编程\n\n尝试使用layui把批量导入数据功能实现，实际后台项目上会用到批量导入，读取excel文件，根据读取内容进行解析显示，可以核对数据是否正确再进行导入，没有接入服务端，需要根据实际情况对代码修改ajax异步操作","资源编号":"16824847935352937"},{"资源名称":"快码编程使用阿里巴巴字体图标的方法","简易描述":"快码编程使用阿里巴巴字体图标的方法","资源编号":"16825748235336065"},{"资源名称":"取本机IP地址","简易描述":"取本机IP回显到文本框\n\n\n\n\n定义函数 取本机IP地址() {\n\n\t局部变量 IP数组 = [];\n\n\t局部变量 系统网络信息 = 系统操作类.取系统网络信息();\n\n\t循环 (局部变量 网卡 取循环属性 系统网络信息) {\n\n\t\t局部变量 IPv4 = 系统网络信息[网卡][1][\"address\"];\n\n\t\tIP数组.从头部批量添加成员(IPv4);\n\n\t}\n\n\t返回 IP数组;\n\n}\n\n定义函数 取本机IP信息组() {\n\n\tdocument.querySelector(\"#\" + \"test\").textContent = 取本机IP地址().到可读文本();\n\n}","资源编号":"16832523500313386"},{"资源名称":"一个动态的倒计时源码，比较精致","简易描述":"一个比较精致的动态倒计时源码","资源编号":"16837937317813230"},{"资源名称":"识别输入的按键并显示","简易描述":"识别输入的按键并显示\n","资源编号":"16842212531382990"},{"资源名称":"快码FOF中文编程桌面端TCP进行群发案例","简易描述":"快码FOF中文编程桌面端TCP进行群发案例","资源编号":"16852681228873676"},{"资源名称":"快码编程-桌面端服务附属文件夹案例","简易描述":"快码编程-桌面端服务附属文件夹案例\n\n\n可以将一些文件夹附带编译到目录中！","资源编号":"16854273560795976"},{"资源名称":"仿起点书籍简介","简易描述":"\n","资源编号":"16859244719245473"},{"资源名称":"快码编程-网页端子元素精准控制方案","简易描述":"快码编程-网页端子元素精准控制方案\n\n通过子元素选择器精准控制每一个子元素样式","资源编号":"16808636350125991"},{"资源名称":"快码编程-移动端双向数据绑定-获取组件内容","简易描述":"快码编程-移动端双向数据绑定-获取组件内容\n\n获取和设置组件内容等","资源编号":"16814018761317449"},{"资源名称":"移动端-动态隐藏或显示元素","简易描述":"移动端-动态隐藏或显示元素\n","资源编号":"16818181681254295"},{"资源名称":"快码编程-移动端高级编辑框案例","简易描述":"快码编程-移动端高级编辑框案例\n\n\n实现左侧、右侧等带搜索图标或其他图标的编辑框","资源编号":"16820968443322772"},{"资源名称":"内嵌自定义网址打开(上中左右布局)","简易描述":"内嵌自定义网址打开(上中左右布局)\n\n\n喜欢的可以评论下","资源编号":"16811295227806444"},{"资源名称":"快码编程-移动端循环创建组件并传递单击事件参数","简易描述":"快码编程-移动端循环创建组件并传递单击事件参数\n","资源编号":"16817124747923076"},{"资源名称":"快码编程-移动端卡片分组器控件案例","简易描述":"快码编程-移动端分组框控件案例\n","资源编号":"16820964374686594"},{"资源名称":"快码编程-移动端自定义漂亮导航栏案例","简易描述":"快码编程-移动端自定义漂亮导航栏案例\n\n\n取消原始的导航栏效果，自定义漂亮的导航栏界面","资源编号":"16820976698711177"},{"资源名称":"快码编程-移动端数字叠加器UI案例","简易描述":"快码编程-移动端数字叠加器UI案例\n\n实现一个可以增加和减小数字的UI","资源编号":"16820980887448430"},{"资源名称":"快码编程-网页端CSS弹性布局各类对齐方式案例","简易描述":"快码编程-网页端CSS弹性布局各类对齐方式案例","资源编号":"16809248957554984"},{"资源名称":"网页端-使用JS主动设置组件获得焦点","简易描述":"网页端-使用JS主动设置组件获得焦点\n","资源编号":"16818743874614508"},{"资源名称":"快码编程-网页端伪元素实现动态创建","简易描述":"快码编程-网页端伪元素实现动态创建\n","资源编号":"16808619929654771"},{"资源名称":"快码编程-移动端通告栏UI案例","简易描述":"快码编程-移动端通告栏UI案例\n\n实现一个滚动的文本通告效果。","资源编号":"16820978396239281"},{"资源名称":"快码编程-移动端索引选择器案例","简易描述":"使用本控件可以实现城市选择等效果\n\n\n","资源编号":"16820966126649578"},{"资源名称":"按钮组件","简易描述":"好看的按钮组件分享","资源编号":"16810068396546333"},{"资源名称":"课程布局学习源码","简易描述":"网站源码页布局，完成搜索栏三级菜单。","资源编号":"16813050365717300"},{"资源名称":"快码编程-移动端全局JS及全局样式的配置案例","简易描述":"快码编程-移动端全局JS及全局样式的配置案例\n","资源编号":"16820733805756708"},{"资源名称":"快码编程-网页端盒子套盒子并分别设置外边距的解决方案","简易描述":"快码编程-网页端盒子套盒子并分别设置外边距的解决方案。\n\n当我们需要盒子套盒子，并分别给每个盒子设置外边距的时候；内部的盒子默认并不会以外面的盒子生效相关的外边距；这个时候可以通过本源码实现相关的解决方案。","资源编号":"16799958838796291"},{"资源名称":"快码编程-网页端实现快码论坛的排序列表案例","简易描述":"快码编程-网页端实现快码论坛的排序列表案例\n","资源编号":"16800727630185976"},{"资源名称":"快码编程-网页端模拟快码源码专区3","简易描述":"快码编程-网页端模拟快码源码专区3\n","资源编号":"16802518608511610"},{"资源名称":"快码编程-网页端比较完整的页面开发案例","简易描述":"快码编程-网页端比较完整的页面开发案例\n\n\n有下拉菜单等等一系列的效果～","资源编号":"16807923746076282"},{"资源名称":"将LayUI自带登录框改造至FOF实现","简易描述":"将LayUI自带登录框改造至FOF实现，图片收集自网络如有侵权请及时联系删除！！！！！！\n\n\n\n","资源编号":"16802269968159436"},{"资源名称":"快码编程-网页端实战源码专区布局模仿2","简易描述":"快码编程-网页端实战源码专区布局模仿2\n","资源编号":"16802305860627955"},{"资源名称":"仿登录页面","简易描述":"学习资料","资源编号":"16805883991475127"},{"资源名称":"简单的登录注册源码分享，初学分享","简易描述":"每天看视频学习，来一起学快码吧","资源编号":"16801658481802083"},{"资源名称":"快码编程-网站端完成快码论坛源码专区部分效果","简易描述":"快码编程-网站端完成快码论坛源码专区部分效果\n","资源编号":"16802345040476656"},{"资源名称":"快码编程-网页端浏览器居中显示方案","简易描述":"快码编程-网页端浏览器居中显示方案\n\n\n实现水平和垂直的居中","资源编号":"16802777672927593"},{"资源名称":"自制搜索框","简易描述":"简单的自制搜索框,配色可自改","资源编号":"16799264864022675"},{"资源名称":"底部购物车","简易描述":"搞外卖的,搞电商的,下载吧~","资源编号":"16800914673319912"},{"资源名称":"快码编程-网页端CSS设置-实战源码专区布局","简易描述":"快码编程-网页端CSS设置-实战源码专区布局\n","资源编号":"16800985653611973"},{"资源名称":"FOF小试牛刀-开发跨平台桌面文本查看器","简易描述":"FOF小试牛刀-开发跨平台桌面文本查看器","资源编号":"16802653795215326"},{"资源名称":"快码编程-首页导航栏","简易描述":"学习分享","资源编号":"16800037116986549"},{"资源名称":"自制优惠券弹出","简易描述":"适用于各类商场APP,可以通过条件隐藏显示来控制他的弹出还是隐藏","资源编号":"16800085162153266"},{"资源名称":"一个普通的网页二级菜单","简易描述":"这里要学习的css是，先隐藏二级菜单区块，利用鼠标移入的伪类，控制下面的元素改变样式，例如改变菜单字体颜色，改变背景颜色，改变显示模式等。\n\n/* 本来这个元素是隐藏的 */\n.菜单 无序列表 列表项 无序列表 {\n\t显示模式: 无效;\n}\n/* 鼠标移入过后，让它显示出来 */\n.菜单 无序列表 列表项:鼠标移入 > 无序列表 {\n\t显示模式: 块级元素;\n}","资源编号":"16800854880233643"},{"资源名称":"快码编程-网页端布局-浮动方式基础学习","简易描述":"快码编程-网页端布局-浮动方式基础学习\n","资源编号":"16800911807087821"},{"资源名称":"消除块级元素默认空格的四种方法","简易描述":"消除块级元素默认空格的四种方法\n\n\n\n讲解示例","资源编号":"16801628404058222"},{"资源名称":"快码编程-网页端三角形的实现方案","简易描述":"快码编程-网页端三角形的实现方案\n","资源编号":"16802801838835627"},{"资源名称":"快码编程-网页端通过CSS设置盒子元素的外边距","简易描述":"快码编程-网页端通过CSS设置盒子元素的外边距\n","资源编号":"16799907930115364"},{"资源名称":"轮播字幕的搜索框","简易描述":"搜索框可以有两种形式,一种是点击后直接在搜索框里进行搜索\n\n另一种是点击搜索框后跳转至搜索页面.\n\n本篇源码更适用于后者,也可以点击跳转搜索页面时带上轮播当前的文本","资源编号":"16800073640406114"},{"资源名称":"快码编程-网页端布局+导航实战","简易描述":"快码编程-网页端布局+导航实战\n\n\n实现了模拟快码编程源码专区的布局及实战开发导航区域～","资源编号":"16801834904632541"},{"资源名称":"快码编程-网页端处理行内元素之间的间距问题","简易描述":"快码编程-网页端处理行内元素之间的间距问题\n\n\n通过设置父元素的字体-大小:0px 实现取消行内元素之间的空白间距","资源编号":"16799205600188773"},{"资源名称":"动态霓虹灯边框","简易描述":"动态霓虹灯边框 好看的标题 可以做按钮?\n","资源编号":"16802949984083824"},{"资源名称":"简单的登陆页面","简易描述":"没有技术含量的登陆页面","资源编号":"16802977492572906"},{"资源名称":"仿京东首页 带轮播图 (有布局解释 不多)可以根据大小文字自定义变化","简易描述":"\n","资源编号":"16803824906456385"},{"资源名称":"模仿百度搜索按例，可以搜索，直接转到百度页面","简易描述":"坚持学习快码，加紧学习吧","资源编号":"16806758580241877"},{"资源名称":"纯css写加载动画","简易描述":"一篇用纯css写的加载动画,虽然代码比较多,实用也不错,用于了解css3的变换.动画的写法","资源编号":"16800877858247497"},{"资源名称":"快码编程-网页端基本完成源码专区仿造","简易描述":"快码编程-网页端基本完成源码专区仿造\n","资源编号":"16802677937907573"},{"资源名称":"仿TB商品框","简易描述":"仿TB商品框\n\n\n可以自己改写一下,用于练习写样式","资源编号":"16800063061011077"},{"资源名称":"快码编程-网页端使用CSS的外边距让盒子居中显示","简易描述":"快码编程-网页端使用CSS的外边距让盒子居中显示\n","资源编号":"16799925566913549"},{"资源名称":"带图标按钮组","简易描述":"带图标按钮组\n","资源编号":"16801477834758827"},{"资源名称":"自制授权登录页面","简易描述":"一个简单的登录页面,现在很少有用账号密码登录的了,多数使用WXQQ授权登录 这个仅作为参考","资源编号":"16800103990361529"},{"资源名称":"个人页介绍源码","简易描述":"没啥东西??","资源编号":"16802864046655495"},{"资源名称":"一直旋转的头像","简易描述":"一直旋转的头像,用户登录后可开始旋转,极高的提升界面的逼格\n","资源编号":"16800886893479750"},{"资源名称":"动态登陆界面","简易描述":"动态登陆界面 具体看GIF\n","资源编号":"16804997713493266"},{"资源名称":"好看的左右滑动注册登录","简易描述":"好看的左右滑动注册登录\n","资源编号":"16805012687198449"},{"资源名称":"快码编程-快码论坛界面","简易描述":"前面防的挺好的,最后有点潦草了,大体上差不多了分享一下.","资源编号":"16805245816129883"},{"资源名称":"自制商场排行榜","简易描述":"???自制商场排行榜样式?喜欢自取\n","资源编号":"16799280908627372"},{"资源名称":"快码编程-网页端模拟网站课程列表效果","简易描述":"快码编程-网页端模拟网站课程列表效果\n","资源编号":"16800048345411711"},{"资源名称":"登录窗口居中样式","简易描述":"登录窗口居中样式学习","资源编号":"16801397072937760"},{"资源名称":"简单登录注册学习","简易描述":"简单的登录注册","资源编号":"16801512570111467"},{"资源名称":"好看的导航栏 自由伸缩","简易描述":"\n","资源编号":"16805001933111264"},{"资源名称":"快码编程-layui教学-lay-表单 选择框","简易描述":"点击查看?lay-表单 选择框?的解说：阅读lay-表单 选择框博客","资源编号":"16759272339709706"},{"资源名称":"快码编程仿制站酷电脑端轮播","简易描述":"\n","资源编号":"16783339118631467"},{"资源名称":"快码编程移动端-精简的移动端登录界面","简易描述":"快码编程移动端-精简的移动端登录界面\n","资源编号":"16784154155175199"},{"资源名称":"快码编程-网页端通过CSS设置字体大小及文本颜色","简易描述":"快码编程-网页端通过CSS设置字体大小及文本颜色\n","资源编号":"16796586233546017"},{"资源名称":"快码编程-CSS设置文本的水平对齐方式","简易描述":"快码编程-CSS设置文本的水平对齐方式\n","资源编号":"16796653979924627"},{"资源名称":"快码编程-网页端配合CSS实现商城简单分类列表","简易描述":"快码编程-网页端配合CSS实现商城简单分类列表\n","资源编号":"16797288715685332"},{"资源名称":"快码编程-网页端仿新浪顶部导航案例","简易描述":"快码编程-网页端仿新浪顶部导航案例\n","资源编号":"16799183706763740"},{"资源名称":"快码编程-layui教学-lay-表单组件","简易描述":"点击查看?lay-表单?组件的解说：阅读lay-表单类名博客","资源编号":"16758522171124536"},{"资源名称":"快码编程-layui教学-lay-表单 单选框","简易描述":"点击查看?lay-表单 单选框?的解说：阅读lay-表单 单选框博客","资源编号":"16760119243656175"},{"资源名称":"快码编程-layui教学-lay-动画类名案例","简易描述":"点击查看?lay-动画?类名的解说：阅读lay-动画类名博客","资源编号":"16758477026993134"},{"资源名称":"快码编程-layui教学-lay-导航","简易描述":"点击查看?lay-导航?的解说：阅读lay-导航博客","资源编号":"16760819370131445"},{"资源名称":"快码编程-layui教学-lay-输入框","简易描述":"点击查看?lay-输入框 的解说：阅读lay-输入框类名博客","资源编号":"16759092973703539"},{"资源名称":"快码编程-CSS更改背景图像显示坐标","简易描述":"使用背景-图像命令设置背景的显示坐标、上、下、左、右、居中显示等方式","资源编号":"16758699471853745"},{"资源名称":"快码编程-layui教学-lay-按钮","简易描述":"点击查看?lay-按钮?的解说：阅读lay-按钮博客","资源编号":"16760187485928943"},{"资源名称":"快码编程-layui教学-lay-进度条","简易描述":"点击查看?lay-进度条?的解说：阅读lay-进度条博客","资源编号":"16761054655912618"},{"资源名称":"快码编程-layui教学-高级组件-分页","简易描述":"点击查看 layui分页?的解说：阅读layui高级组件-分页博客","资源编号":"16764301001801925"},{"资源名称":"快码编程-移动端多页面切换","简易描述":"快码编程-移动端多页面切换\n","资源编号":"16784354366984889"},{"资源名称":"快码编程-移动端通过滑块条使图片旋转","简易描述":"快码编程-移动端通过滑块条使图片旋转\n","资源编号":"16784430568745350"},{"资源名称":"快码编程-网页端重置表单按钮","简易描述":"快码编程-网页端重置表单按钮，可以实现单击按钮重置表单中的数据","资源编号":"16796301651276074"},{"资源名称":"快码编程-网页端设置字体粗细及大小","简易描述":"快码编程-网页端设置字体粗细及大小\n","资源编号":"16796622156356762"},{"资源名称":"快码编程-网页端设置文本缩进","简易描述":"快码编程-网页端设置文本缩进\n","资源编号":"16796659630927355"},{"资源名称":"快码编程-layui教学-lay-表单 多行文本","简易描述":"点击查看?lay-表单 多行文本?的解说：阅读lay-表单 多行文本博客","资源编号":"16760141315896705"},{"资源名称":"快码编程-layui教学-lay-字体类名案例","简易描述":"点击查看?lay-字体?类名的解说：阅读lay-字体类名博客","资源编号":"16758473078206853"},{"资源名称":"快码编程移动端-圆形图片框案例","简易描述":"快码编程移动端-圆形图片框案例\n","资源编号":"16783801222278628"},{"资源名称":"快码编程移动端-精美的登录界面源码","简易描述":"快码编程移动端-精美的登录界面源码\n","资源编号":"16784325480731961"},{"资源名称":"快码编程-layui教学-lay-表格","简易描述":"点击查看?lay-表格?的解说：阅读lay-表格博客","资源编号":"16762546798731589"},{"资源名称":"快码编程-layui教学-lay-徽章","简易描述":"点击查看?lay-徽章?的解说：阅读lay-徽章博客","资源编号":"16762604175763584"},{"资源名称":"快码编程-layui教学-高级组件-弹出层","简易描述":"点击查看 layui弹出层 的解说：阅读layui高级组件-弹出层博客","资源编号":"16763588918427734"},{"资源名称":"快码编程移动端动态更改样式类名案例","简易描述":"在快码编程中可以通过UniApp的模版语法来绑定类名属性，实现动态更改类名效果～","资源编号":"16783547443033292"},{"资源名称":"快码编程-滑块条的基础使用","简易描述":"快码编程-滑块条的基础使用\n","资源编号":"16785894608811428"},{"资源名称":"快码编程-移动端-滚动选择器案例","简易描述":"快码编程-移动端-滚动选择器案例\n","资源编号":"16785917041676489"},{"资源名称":"快码编程-移动端可编译到微信小程序的登录界面源码","简易描述":"快码编程-移动端可编译到微信小程序的登录界面源码\n","资源编号":"16795420517353258"},{"资源名称":"快码编程-网页端深入边框CSS命令学习","简易描述":"快码编程-网页端深入边框CSS命令学习\n","资源编号":"16799030747704162"},{"资源名称":"快码编程企业网站电脑端尾部模块","简易描述":"?","资源编号":"16783412995687238"},{"资源名称":"快码编程-进度条控件持续更新进度案例","简易描述":"快码编程-进度条控件持续更新进度案例\n","资源编号":"16784393742033375"},{"资源名称":"快码编程-单选框及多选框使用简单案例","简易描述":"快码编程-单选框及多选框使用简单案例\n","资源编号":"16785902565692919"},{"资源名称":"一个简单的带角标按钮","简易描述":"一个简单的带角标按钮","资源编号":"16794899923871153"},{"资源名称":"快码编程-网页端描述列表的简易示范","简易描述":"快码编程-网页端描述列表的简易示范\n","资源编号":"16795594580922983"},{"资源名称":"快码编程-网页端多行文本框及按钮标签","简易描述":"快码编程-网页端多行文本框及按钮标签\n","资源编号":"16796535697278959"},{"资源名称":"快码编程-网页端设置文本行高及垂直对齐","简易描述":"快码编程-网页端设置文本行高及垂直对齐\n","资源编号":"16796670284297039"},{"资源名称":"快码编程-网页端CSS设置超链接点击效果","简易描述":"快码编程-网页端CSS设置超链接点击效果\n\n\n实现鼠标移入、移出、点击等样式","资源编号":"16796692301256288"},{"资源名称":"快码编程-layui教学-lay-输入框2","简易描述":"点击查看?lay-输入框2?的解说：阅读lay-输入框2博客","资源编号":"16759131482153032"},{"资源名称":"快码编程移动端循环动态创建控件案例","简易描述":"快码编程移动端循环动态创建控件案例\n\n使用循环渲染语法动态创建控件","资源编号":"16783747480255123"},{"资源名称":"快码编程-输入框控件的基础使用案例","简易描述":"快码编程-输入框控件的基础使用案例\n","资源编号":"16784516844351467"},{"资源名称":"快码编程-移动端正在加载对话框","简易描述":"快码编程-移动端正在加载对话框，实现一个正在加载的动画框效果～\n","资源编号":"16794043102111068"},{"资源名称":"快码编程-网页端有序列表和无序列表展示","简易描述":"快码编程-网页端有序列表和无序列表展示\n","资源编号":"16795587383741714"},{"资源名称":"快码编程-网页端使用CSS之行内样式","简易描述":"快码编程-网页端使用CSS之行内样式\n\n\n通过行内样式属性直接编写CSS代码","资源编号":"16796574045987852"},{"资源名称":"快码编程-layui教学-lay-表单 开关","简易描述":"点击查看?lay-表单 开关?的解说：阅读lay-表单 开关博客","资源编号":"16760101969666452"},{"资源名称":"快码编程-layui教学-lay-表单 下拉列表","简易描述":"点击查看?lay-表单 下拉列表?的解说：阅读lay-表单 下拉列表博客","资源编号":"16759153705348890"},{"资源名称":"layui内置的文字颜色和大小样式","简易描述":"layui内置了几种文字颜色和大小的类名，在写一些不是很重复用到的代码时，可以直接用类名写入样式。\n\n<段落 类名=\"lay-字体12\">12px 的字体</段落>\n<段落 类名=\"lay-字体14\">14px 的字体</段落>\n<段落 类名=\"lay-字体16\">16px 的字体</段落>\n<段落 类名=\"lay-字体18\">18px 的字体</段落>\n<段落 类名=\"lay-字体20\">20px 的字体</段落>\n<段落 类名=\"lay-字体红色\">红色字体</段落>\n<段落 类名=\"lay-字体橙色\">橙色字体</段落>\n<段落 类名=\"lay-字体绿色\">绿色字体</段落>\n<段落 类名=\"lay-字体青色\">青色字体</段落>\n<段落 类名=\"lay-字体蓝色\">蓝色字体</段落>\n<段落 类名=\"lay-字体黑色\">黑色字体</段落>\n<段落 类名=\"lay-字体灰色\">灰色字体</段落>\n\n\n","资源编号":"16712795976488611"},{"资源名称":"优美的登录注册页面","简易描述":"一张登录注册页面，点击图画中的按钮动画切换登录/注册，看起来十分优美，可以根据网站换一张好看的背景图片。","资源编号":"16724564689075366"},{"资源名称":"十分有趣的猫头鹰登录页面","简易描述":"一个十分有趣的猫头鹰登录页面，当你输入密码的时候，猫头鹰的翅膀会把自己的眼睛蒙住，后期做优化的时候可以考虑加一个好看的森林背景。\n\n\n\n\n\n","资源编号":"16724573627975106"},{"资源名称":"一个简单的留言板块","简易描述":"一个简单的留言板块\n","资源编号":"16724693772445647"},{"资源名称":"快码编程-layui教学-lay-栅格类名案例","简易描述":"点击查看?lay-栅格?类名的解说：阅读lay-栅格类名博客","资源编号":"16758443767854593"},{"资源名称":"网页选项卡功能之jq实现","简易描述":"利用jq轻松制作出选项卡\n\n\n\n\n\n","资源编号":"16711573377683119"},{"资源名称":"快码编程-CSS<样式>标签案例","简易描述":"简单的展示了一下CSS样式标签的使用案例","资源编号":"16753307637283432"},{"资源名称":"快码编程-CSS设置元素字体大小","简易描述":"使用CSS设置标签中字体的大小。","资源编号":"16753930334496935"},{"资源名称":"快码编程-CSS设置背景颜色-宽度-高度等样式","简易描述":"快码编程-CSS设置背景颜色-宽度-高度等样式\n","资源编号":"16754067603939705"},{"资源名称":"快码编程-CSS设置标签显示字体案例","简易描述":"快码编程-CSS设置标签显示字体案例\n","资源编号":"16754109447213887"},{"资源名称":"快码编程-CSS设置字体大小及粗细案例","简易描述":"快码编程-CSS设置字体大小及粗细案例\n","资源编号":"16754116292541677"},{"资源名称":"快码编程-CSS更改元素显示模式","简易描述":"使用CSS的显示模式命令更改元素的显示状态","资源编号":"16756616075741830"},{"资源名称":"快码编程-CSS设置标签背景图像","简易描述":"\n\n\n\n","资源编号":"16756778000169856"},{"资源名称":"快码编程-layui教学-lay-面包屑","简易描述":"点击查看?lay-面包屑?的解说：阅读lay-面包屑博客","资源编号":"16760841768106800"},{"资源名称":"layui内置的按钮","简易描述":"layui内置了很多的按钮样式类名，我们看一下按钮类名的用法和作用，类名互相搭配可以形成多种按钮风格。\n\n\n\n\n\n\n\n\n","资源编号":"16712767838734858"},{"资源名称":"layui内置的多种导航","简易描述":"layui内置了很多种导航，有水平导航，垂直导航，面包屑导航（十分常用，可以看看），还是多种颜色主题的，有兴趣的可以看看。\n\n\n\n\n\n\n\n\n","资源编号":"16712777629221586"},{"资源名称":"快码编程-表格合并单元格案例","简易描述":"介绍了表格中如何纵向及横向合并单元格","资源编号":"16749637713652230"},{"资源名称":"快码编程-单选框案例","简易描述":"演示了<数据框>标签的单选框属性使用","资源编号":"16750712605014912"},{"资源名称":"快码编程-layui教学-lay-栅格间隔案例","简易描述":"点击查看?lay-栅格间隔?类名的解说：阅读lay-栅格间隔博客","资源编号":"16758448934196332"},{"资源名称":"快码编程-layui教学-lay-选项卡动态操作","简易描述":"点击查看?lay-选项卡动态操作?的解说：阅读lay-选项卡动态操作博客","资源编号":"16761014584536063"},{"资源名称":"快码编程-移动端-纵向滚动容器的属性绑定及自动滚动","简易描述":"纵向滚动容器的属性绑定及自动滚动","资源编号":"16786022396227946"},{"资源名称":"快码编程-网页端通过CSS深入颜色设置","简易描述":"快码编程-网页端通过CSS深入颜色设置\n","资源编号":"16796643648211764"},{"资源名称":"快码编程-网页端必备知识-显示模式学习案例","简易描述":"快码编程-网页端必备知识-显示模式学习案例\n","资源编号":"16797264080721437"},{"资源名称":"快码编程-网页端通过背景图像设置重复模式","简易描述":"快码编程-网页端通过背景图像设置重复模式\n","资源编号":"16797299063041841"},{"资源名称":"快码编程-网页端更改和获取数据框的值","简易描述":"快码编程-网页端更改和获取数据框的值\n","资源编号":"16797567875018134"},{"资源名称":"网页返回顶部功能之jq实现","简易描述":"很多网站都有返回顶部的功能，我们通过jq实现它。\n\n$(\"@转换_html>网页,网页主体\").滚动条位置(0)\n\n\n","资源编号":"16712763963581534"},{"资源名称":"快码编程-换行标签案例","简易描述":"点击查看换行标签的博客解说：阅读换行标签博客\n\n<换行>","资源编号":"16747198598035778"},{"资源名称":"快码编程-超链接标签案例","简易描述":"演示了超链接标签的基础用法\n\n点击查看博客解说：阅读超链接标签博客\n","资源编号":"16748897008227325"},{"资源名称":"快码编程-layui教学-lay-流体容器案例","简易描述":"点击查看?lay-流体容器?类名的解说：阅读lay-流体容器类名博客","资源编号":"16757418924393236"},{"资源名称":"快码编程-标题标签案例","简易描述":"点击查看标题标签的博客解说：阅读标题标签博客","资源编号":"16747172875824186"},{"资源名称":"快码编程-粗体标签案例","简易描述":"快码编程-粗体标签案例\n\n<粗体>\n\n<重要文本>","资源编号":"16747409521714155"},{"资源名称":"快码编程-无序列表标签案例","简易描述":"无序列表标签案例，展示了<无序列表>、列表项等标签的使用案例\n","资源编号":"16749823976797568"},{"资源名称":"快码编程-CSS设置字体样式案例","简易描述":"使用CSS设置字体的倾斜或正常等样式。","资源编号":"16754130942448248"},{"资源名称":"快码编程-layui教学-lay-栅格行案例","简易描述":"点击查看?lay-栅格行?类名的解说：阅读lay-栅格行类名博客","资源编号":"16758438887788400"},{"资源名称":"layui内置的静态表格样式","简易描述":"layui内置了一些静态表格的样式类名，做一些查看类的静态表格很容易用到，只需要在 表格 加上一个类名就可以实现，更多的类名配合，表格可以有多种样式。\n\n<表格 类名=\"lay-表格\">\n<!--...表格内容-->\n</表格>\n\n\n","资源编号":"16712773960241390"},{"资源名称":"快码编程-下划线标签案例","简易描述":"分别演示了两种下划线标签案例\n\n<下划线>\n\n<插入文本>","资源编号":"16747468982529014"},{"资源名称":"快码编程-提交表单及重置表单案例","简易描述":"演示了<数据框>标签中的重置按钮和提交表单数据的相关功能","资源编号":"16750768494426121"},{"资源名称":"快码编程-下拉列表标签案例","简易描述":"演示了<下拉列表>和<列表选项>标签的使用方法","资源编号":"16752341945443175"},{"资源名称":"快码编程-CSS设置文本对齐方式","简易描述":"快码编程-CSS设置文本对齐方式\n","资源编号":"16754171521163568"},{"资源名称":"快码编程-CSS设置内容行高案例","简易描述":"使用CSS设置段落与段落之间的行高间距。","资源编号":"16754872819978241"},{"资源名称":"快码编程-layui教学-高级组件-颜色选择器","简易描述":"点击查看 layui颜色选择器?的解说：阅读layui高级组件-颜色选择器博客","资源编号":"16764527282941940"},{"资源名称":"快码编程轮播图插件调用成品","简易描述":"?","资源编号":"16782706762695040"},{"资源名称":"快码编程-网页端CSS多文件的使用方法","简易描述":"快码编程-网页端CSS多文件的使用方法\n","资源编号":"16796578709627852"},{"资源名称":"快码编程-网页端设置CSS鼠标移入特效","简易描述":"快码编程-网页端设置CSS鼠标移入特效\n","资源编号":"16796678458198553"},{"资源名称":"快码编程-网页端设置背景的大小及圆角等效果","简易描述":"快码编程-网页端设置背景的大小及圆角等效果\n","资源编号":"16797328234874194"},{"资源名称":"网页不允许选择文本之css实现","简易描述":"在元素加入一句css代码，就可以不让用户选择代码；\n\n网页主体 {\n\t用户-选择: 无效;\n}\n\n\n","资源编号":"16712759114607816"},{"资源名称":"快码编程-文本输入和密码输入","简易描述":"使用<数据框>标签实现了文本输入和密码输入。","资源编号":"16750484092208499"},{"资源名称":"快码编程-CSS设置文本开始处缩进","简易描述":"使用CSS文本-缩进设置一段文本开始位置的指定大小缩进。","资源编号":"16754860848801041"},{"资源名称":"快码编程-CSS鼠标移入伪类案例","简易描述":"演示当鼠标移入某个标签时，实现一些特殊的效果。","资源编号":"16755003350714278"},{"资源名称":"快码编程-layui教学-高级组件-滑块","简易描述":"点击查看 layui滑块?的解说：阅读layui高级组件-滑块博客","资源编号":"16764586724331724"},{"资源名称":"快码编程-layui教学-高级组件-树形组件","简易描述":"点击查看 layui树形组件?的解说：阅读layui高级组件-树形组件博客","资源编号":"16767187291261126"},{"资源名称":"快码编程电影网站响应式筛选器模块","简易描述":"?","资源编号":"16782713578724182"},{"资源名称":"快码编程中间带搜索的电脑端轮播模块","简易描述":"?","资源编号":"16783438216695014"},{"资源名称":"移动端-仿制登录界面","简易描述":"只是一个登录界面，没有实际功能，仿制官方教程而来，与官方教程还是有不同的地方，第一次用FOF编写，请大家批评指正。","资源编号":"16793892300763138"},{"资源名称":"快码编程-移动端正在加载对话框效果","简易描述":"快码编程-移动端正在加载对话框效果\n","资源编号":"16794747370212694"},{"资源名称":"一个简单的带角标按钮","简易描述":"一个简单的带角标按钮\n","资源编号":"16794900341471883"},{"资源名称":"FOF文档站框架源码","简易描述":"本源码是快码编程(FOFStudio)的文档站框架源码。\n\n快码编程(FOFStudio)的文档站是基于此框架部署搭建。","资源编号":"16711799856412515"},{"资源名称":"快码编程-图片框标签案例","简易描述":"展示了图片框标签的相关使用方法。","资源编号":"16748766113173337"},{"资源名称":"快码编程-表格案例02","简易描述":"演示了<表格头>标签的作用。","资源编号":"16748999154333891"},{"资源名称":"快码编程-layui教学-lay-选项卡","简易描述":"点击查看?lay-选项卡?的解说：阅读lay-选项卡博客","资源编号":"16760971998039308"},{"资源名称":"快码编程仿制小米商城电脑端轮播","简易描述":"?","资源编号":"16783435356967957"},{"资源名称":"快码编程-移动端-滑块容器实现轮播图效果","简易描述":"快码编程-移动端-滑块容器实现轮播图效果\n","资源编号":"16786048807419089"},{"资源名称":"快码编程-移动端基础提示框案例","简易描述":"快码编程-移动端基础提示框案例\n","资源编号":"16793954146468561"},{"资源名称":"快码编程-移动端输入提示对话框","简易描述":"快码编程-移动端输入提示对话框\n","资源编号":"16793976630982523"},{"资源名称":"快码编程-网页端数据框标注绑定数据框","简易描述":"快码编程-网页端数据框标注绑定数据框。\n\n\n实现点击某个元素然后自动点击表单标签的效果～","资源编号":"16796403743106813"},{"资源名称":"layui内置的各式各样的徽章","简易描述":"layui内置了很多徽章样式，搭配在段落后面，按钮里面，会让当前的段落，按钮更加吸引视线。\n\n\n","资源编号":"16712782348303807"},{"资源名称":"快码编程-数据框标注标签案例","简易描述":"演示了<数据框标注>标签结合表单的使用场景。","资源编号":"16752204661252946"},{"资源名称":"快码编程-layui教学-高级组件-日期和时间选择器","简易描述":"点击查看 layui日期和时间选择器?的解说：阅读layui高级组件-日期和时间选择器博客","资源编号":"16763662039966201"},{"资源名称":"快码编程-移动端设置按钮点击效果","简易描述":"通过绑定属性的方式设置按钮的点击效果","资源编号":"16783417727872367"},{"资源名称":"快码编程-移动端-纵向滚动容器案例","简易描述":"快码编程-移动端-纵向滚动容器案例\n","资源编号":"16785995128645369"},{"资源名称":"快码编程-移动端使用API滚动界面","简易描述":"快码编程-移动端使用API滚动界面\n","资源编号":"16794759989105136"},{"资源名称":"快码编程-网页开发之下拉列表控件","简易描述":"快码编程-网页开发之下拉列表控件\n\n\n演示了下拉列表的使用方法～","资源编号":"16796409271086181"},{"资源名称":"快码编程-网页端通过CSS设置背景图像的显示位置","简易描述":"快码编程-网页端通过CSS设置背景图像的显示位置\n","资源编号":"16797318557407531"},{"资源名称":"快码编程官方网站案例","简易描述":"快码编程(FOFStudio)的官方网站也是使用快码编程自身开发的，此源码就是快码编程的官方网站案例","资源编号":"16711631164943464"},{"资源名称":"一个好看的后台登录页面","简易描述":"一个好看的后台登录页面","资源编号":"16724682979317145"},{"资源名称":"快码编程-盒子布局类型标签案例","简易描述":"介绍了<区块>和<行内元素>标签的相关区别\n\n点击查看布局标签的博客解说：阅读布局相关标签博客\n","资源编号":"16748740675194767"},{"资源名称":"快码编程-表格案例01","简易描述":"介绍了表格、表格行、表格数据等标签的基础使用方法","资源编号":"16748984574184254"},{"资源名称":"快码编程-行内样式属性案例","简易描述":"演示了通用属性中的行内样式属性用法","资源编号":"16753323768789446"},{"资源名称":"快码编程-CSS设置文字元素垂直居中","简易描述":"使用CSS设置元素的行高，使文字垂直居中～","资源编号":"16756667016389451"},{"资源名称":"快码编程-layui教学-lay-容器案例","简易描述":"点击查看?lay-容器?类名的解说：阅读lay-容器类名博客","资源编号":"16757382427066623"},{"资源名称":"layui内置的面板组件","简易描述":"layui的面板组件在做文档站，问答页面的时候，十分的好用，有兴趣的可以看一看。\n\n\n","资源编号":"16712789620753182"},{"资源名称":"500、404、403错误页面","简易描述":"500、404、403错误页面\n","资源编号":"16724753621463802"},{"资源名称":"快码编程-段落标签案例","简易描述":"点击查看段落标签的博客解说：阅读段落标签博客\n\n<段落>","资源编号":"16747184769211141"},{"资源名称":"快码编程-表格标签04","简易描述":"介绍了表格的结构性标签，例如：<表格头组>和<表格内容组>","资源编号":"16749621585242476"},{"资源名称":"快码编程-有序列表案例","简易描述":"展示了有序列表、列表项等相关标签的使用方法","资源编号":"16749828890409916"},{"资源名称":"快码编程-选择框标签案例","简易描述":"演示了<数据框>的选择框属性值使用方法","资源编号":"16750753550119564"},{"资源名称":"快码编程-CSS文件在HTML文件中引用案例","简易描述":"快码编程-CSS文件在HTML文件中引用案例\n","资源编号":"16753334620825186"},{"资源名称":"快码编程-CSS设置超链接伪类显示样式","简易描述":"使用CSS设置超链接的默认颜色及样式、鼠标移入颜色、点击后颜色、按下颜色等效果","资源编号":"16755040161737919"},{"资源名称":"快码编程-layui教学-lay-隐藏案例","简易描述":"点击查看?lay-隐藏?类名的解说：阅读lay-隐藏博客","资源编号":"16758461045924600"},{"资源名称":"layui内置的图标组件","简易描述":"layui内置了很多的图标，网站干巴巴的文字太生硬了，加上图标的点缀，是不是整个网站都更美观了，如果给图标加上好看的颜色，整个网站就更生动了！\n\n\n\n\n\n","资源编号":"16712799990205246"},{"资源名称":"快码编程-layui教学-lay-栅格偏移案例","简易描述":"点击查看?lay-栅格偏移?类名的解说：阅读lay-栅格偏移博客","资源编号":"16758457614047765"},{"资源名称":"快码编程-layui教学-lay-时间线","简易描述":"点击查看?lay-时间线?的解说：阅读lay-时间线博客","资源编号":"16762684235474823"},{"资源名称":"快码编程-layui教学-高级组件-评分","简易描述":"点击查看 layui评分?的解说：阅读layui高级组件-评分博客","资源编号":"16765164497815138"},{"资源名称":"使用JQ监听输入框内容改变","简易描述":"使用JQ监听输入框内容改变\n","资源编号":"16791939720339264"},{"资源名称":"快码编程-网页开发之表单相关基础学习","简易描述":"快码编程-网页开发之表单相关基础学习\n","资源编号":"16795629285772942"},{"资源名称":"快码编程-网页端CSS设置字体的斜体效果","简易描述":"快码编程-网页端CSS设置字体的斜体效果\n","资源编号":"16796636424283562"},{"资源名称":"快码编程-移动端通过API能力实现页面跳转","简易描述":"快码编程-移动端通过API能力【JS代码】实现页面跳转\n","资源编号":"16798088531423343"},{"资源名称":"网页多套主题功能之简单解决方案","简易描述":"很多的时候，网站需要切换主题的功能，可以用案例中的方法简单实现；\n\n后期优化：\n\n比如把用户选择的主题存储到浏览器，一打开就是上次选择的主题；\n网站存储用户主题，登录切换主题；\n把主题存放到不同的css文件，切换加载css文件；\n不仅只是改变主题，用户自定义主题等等\n\n\n\n\n\n\n\n\n\n\n\n\n","资源编号":"16711617100031184"},{"资源名称":"html颜色选择器的使用案例","简易描述":"网页选择颜色，拾取颜色功能。\n\n\n","资源编号":"16711719723072000"},{"资源名称":"网页底部海浪效果","简易描述":"\n","资源编号":"16724692097458282"},{"资源名称":"快码编程-斜体标签案例","简易描述":"快码编程-斜体标签案例\n\n<斜体文本>\n\n<强调文本>","资源编号":"16747420307651072"},{"资源名称":"快码编程-删除线标签案例","简易描述":"演示了<删除线>和<删除文本>标签的用法。","资源编号":"16747865033744038"},{"资源名称":"快码编程-layui教学-lay-主体案例","简易描述":"点击查看 lay-主体 类名的解说：阅读lay-主体类名博客","资源编号":"16757358557455926"},{"资源名称":"快码编程-移动端-课程讲解到的影视列表源码","简易描述":"快码编程-课程讲解到的影视列表源码","资源编号":"16786192109844905"},{"资源名称":"快码编程-移动端定时器与时钟的使用","简易描述":"快码编程-移动端定时器与时钟的使用\n\n\n定时器只执行一次，时钟会重复定时执行～","资源编号":"16794795118551061"},{"资源名称":"快码编程-移动端JSON解析和组装案例","简易描述":"看见有同学说不会JSON的解析和组装，这里安排一个案例～","资源编号":"16795835917562526"},{"资源名称":"快码编程-CSS设置上下左右内边距","简易描述":"快码编程-CSS设置上下左右内边距\n\n\n知识点：内边距可以设置内容与边距的距离，同时会增加盒子的宽高。","资源编号":"16799100112879183"},{"资源名称":"快码编程-layui教学-lay-卡片面板","简易描述":"点击查看?lay-卡片面板?的解说：阅读lay-卡片面板博客\n\n?","资源编号":"16761087595122517"},{"资源名称":"快码编程-layui教学-高级组件-穿梭框","简易描述":"点击查看 layui穿梭框?的解说：阅读layui高级组件-穿梭框博客","资源编号":"16764480361094498"},{"资源名称":"快码FOF中文编程layui教学-高级组件-数据表格","简易描述":"点击查看 layui数据表格?的解说：阅读layui高级组件-数据表格博客","资源编号":"16767061807377926"},{"资源名称":"快码编程仿制魔音网站电脑端首页","简易描述":"?\n\n?","资源编号":"16782692841723012"},{"资源名称":"快码编程-移动端-横向滚动容器等设计理念","简易描述":"快码编程-移动端-横向滚动容器等设计理念\n","资源编号":"16786044411558020"},{"资源名称":"快码编程-移动端配置文件的保存和删除","简易描述":"快码编程-移动端配置文件的保存和删除\n","资源编号":"16794831741916699"},{"资源名称":"简单的登陆界面","简易描述":"快码编程-简单的登陆界面","资源编号":"16798304899018289"},{"资源名称":"快码编程-CSS设置文本颜色案例","简易描述":"颜色了颜色值、十六进制颜色、颜色通道等值的使用。\n","资源编号":"16754158767847181"},{"资源名称":"快码编程-移动端仿造影视列表源码","简易描述":"快码编程-移动端仿造影视列表源码\n","资源编号":"16785340364793942"},{"资源名称":"快码编程-移动端-滑块容器-纵向轮播和横向轮播","简易描述":"快码编程-移动端-滑块容器-纵向轮播和横向轮播\n","资源编号":"16786068905943411"},{"资源名称":"快码编程-WEB基础单选框控件","简易描述":"快码编程-WEB基础单选框控件\n","资源编号":"16795799756573823"},{"资源名称":"快码编程-网页端了解基础CSS更改文本颜色","简易描述":"快码编程-网页端了解基础CSS更改文本颜色\n","资源编号":"16796551015802848"},{"资源名称":"快码编程-网页端通过CSS设置元素的宽度、高度及背景颜色","简易描述":"快码编程-网页端通过CSS设置元素的宽度、高度及背景颜色\n","资源编号":"16796601457153720"},{"资源名称":"layui内置的7种背景颜色","简易描述":"layui内置了7种背景颜色，在不同的板块搭配不同的背景颜色，让网页看起来更加美观，同时让重要板块更加的突出；\n\n也可以在一些重要元素加上背景颜色，让元素更加的突出，用户一眼就能看到。\n\n<区块 类名=\"lay-红色背景\">赤色</区块>\n<区块 类名=\"lay-橙色背景\">橙色</区块>\n<区块 类名=\"lay-绿色背景\">墨绿</区块>\n<区块 类名=\"lay-青色背景\">藏青</区块>\n<区块 类名=\"lay-蓝色背景\">蓝色</区块>\n<区块 类名=\"lay-黑色背景\">雅黑</区块>\n<区块 类名=\"lay-灰色背景\">银灰</区块>\n\n\n","资源编号":"16712785556091056"},{"资源名称":"layui内置的时间线组件","简易描述":"layui内置了时间线的组件，在做叙事记录，历程等会用到这个插件。\n\n\n\n\n\n","资源编号":"16712793090712610"},{"资源名称":"快码编程-新闻页面案例","简易描述":"一个简单的新闻页面案例","资源编号":"16747356643885561"},{"资源名称":"快码编程-表格案例03","简易描述":"本源码展示了表格及表格属性的相关使用方法","资源编号":"16749022894047394"},{"资源名称":"快码编程-描述列表案例","简易描述":"介绍了<描述列表>、<描述列表标题>、<描述列表项>等标签的使用方法","资源编号":"16749858243293342"},{"资源名称":"快码编程-文件选择案例","简易描述":"简单的演示了<数据框>标签进行文件选择的功能","资源编号":"16751528205292560"},{"资源名称":"快码编程-CSS设置标签背景颜色","简易描述":"快码编程-CSS设置标签背景颜色\n","资源编号":"16756698047278547"},{"资源名称":"快码编程网页常用模块-标签云","简易描述":"?","资源编号":"16782698904491868"},{"资源名称":"快码编程-移动端动态更改行内样式案例","简易描述":"案例采用行内样式方式实现了一个简单的定时更换按钮背景的效果～","资源编号":"16783627837606111"},{"资源名称":"快码编程-移动端单选框及多选框案例","简易描述":"分别展示了单选框、选择框、单选框分组、多选框分组的使用方法","资源编号":"16784500201682237"},{"资源名称":"快码编程-移动端-滚动选择器之按钮使用","简易描述":"点击按钮弹出滚动选择器","资源编号":"16785957996241787"},{"资源名称":"天气API","简易描述":"<!文档类型 网页类型>\n\n<网页 语言代码=\"中文\">\n\n    <网页头部>\n\n        <网页信息 文档编码=\"UTF8\" />\n\n        <网页信息 名称=\"页面视图\" />\n\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n\n        <网页标题>Document</网页标题>\n\n    </网页头部>\n\n    <网页主体>\n\n        <区块>\n\n            <表格 边框线=\"显示边框线\">\n\n                <表格行>\n\n                    <表格头>城市</表格头>\n\n                    <表格头>日期</表格头>\n\n                    <表格头>天气情况</表格头>\n\n                </表格行>\n\n                <表格行>\n\n                    <表格内容 id=\"chengshi\"></表格内容>\n\n                    <表格内容 id=\"riqi\"></表格内容>\n\n                    <表格内容 id=\"tianqi\"></表格内容>\n\n                </表格行>\n\n            </表格>\n\n        </区块>\n\n        <脚本>\n\n            //这里执行相关的JS代码\n\n            chatianqi();\n\n            定义函数 chatianqi() {\n\n                fetch(\"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=82171738&appsecret=4uOZ25d6\").then((response) => response.json()).then((data) => {\n\n                        调试输出(data);\n\n                        $(\"#chengshi\").设置或获取内容(data[\"city\"]);\n\n                        $(\"#riqi\").设置或获取内容(data[\"date\"]);\n\n                        $(\"#tianqi\").设置或获取内容(data[\"wea\"]);\n\n                    });\n\n            }\n\n        </脚本>\n\n    </网页主体>\n\n</网页>\n\n\n\n\n\n\n\n\n\n\n调试输出里面有很多信息，可以按自己的需要展示。（需要JQ）","资源编号":"1713343565868988"},{"资源名称":"移动端组件封装_提示框例程","简易描述":"动画弹出提示框，供给大家学习。\n\n大家可以根据动画例子，写更多的弹出框或者其他的动画样式。\n\n \n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","资源编号":"1713494446015228"},{"资源名称":"TCP发送字节数据案例","简易描述":"看见有人需要桌面端发送字节数据的案例，这里给出一个方案，有需要的人可以自行研究研究","资源编号":"1713923007214374"},{"资源名称":"桌面端HTTP服务热加载机制","简易描述":"看见有同学需要热加载的案例，这里给出具体的案例代码\n\n可以实现类似http服务的热更新机制，非常的方便","资源编号":"1713931184388158"},{"资源名称":"封装了一个前端压缩图片数据的解决方案","简易描述":"封装了一个前端压缩图片数据的解决方案\n\n\n需要的同学自行下载参考","资源编号":"1714313333926905"},{"资源名称":"免费版快码零基础网页开发学习","简易描述":"涉及技术  html    css    \n\n\n这是静态网页，本人很懒，图片随意搞的\n\n我是一小白，因为还没VIP，只能二个网页 ，首页和登录界面，后续再发其他的\n\n\n大家互相讨论，学习，大佬不喜勿喷，不愿指教请绕路\n\n于快码学习   分享于快码","资源编号":"1714504464176434"},{"资源名称":"文本转语音并播放案例-支持网页/桌面端","简易描述":"文本转语音并播放案例-支持网页/桌面端\n\n本案例不仅支持桌面端，也支持网页端","资源编号":"1714571978165191"},{"资源名称":"动态添加及渲染元素案例","简易描述":"动态添加及渲染元素案例\n\n\n动态在一个盒子里面生成图片框","资源编号":"1714581317597568"},{"资源名称":"桌面端全局变量数据案例","简易描述":"桌面端全局变量数据案例\n\n\n原理其实很简单，就是使用内存数据库模拟全局变量；代码已经封装好了；可以直接引入到自己的项目使用","资源编号":"1714734245490894"},{"资源名称":"快码FOF-正则案例","简易描述":"演示了一个简单的正则案例，现在不需要特殊符号编译的命令；直接用：@符号_xxx来替代双引号、单引号等符号","资源编号":"1714735060181403"},{"资源名称":"移动端图片框加载图像错误时更换默认图片案例","简易描述":"移动端的图片框是没有错替文本之类的属性的，所以这里给出了一个解决方案；加载失败时可以默认加载一张图片","资源编号":"1714878725704392"},{"资源名称":"管理系统框架类更新2024-06-18","简易描述":"接着之前的继续更新：\n\n相对之前的页面部分，其实还是有很多内容更新，桌面端与移动APP端均也已正常上线使用，仅大家参考，过程有些地方可能很别扭，但是由于需要适用工厂，很多都是跟着公司模式走的；\n\n\n\n\nFOF的服务团队很强大，遇到的问题都能快速帮忙提供解答，点个赞！\n\n之前提供的链接一样可以使用，晚些我把数据库上传上去：\n\n网址：http://http://43.143.86.21:8081/\n\n账号：test123456\n\n密码：test123456\n\n\n\n\n\n\n\n \n\n ","资源编号":"1714923014325632"},{"资源名称":"分享一个瀑布流布局案例","简易描述":"分享一个瀑布流布局案例\n\n\n瀑布流可以有效的展示图片等信息","资源编号":"1714979194271890"},{"资源名称":"安卓、IOS操作填表案例","简易描述":"介绍一下安卓和IOS中执行JS填表和返回数据的简单案例","资源编号":"1715507934580317"},{"资源名称":"一个数据搜索页面分享","简易描述":"一个数据搜索页面分享，可以用来做一些数据搜索前的页面","资源编号":"1715568042449670"},{"资源名称":"邮件发送案例","简易描述":"发送邮箱案例，自己测试过有效，注意一些邮箱需要输入授权密码，请用网页登陆邮箱设置里申请。","资源编号":"1716552129824134"},{"资源名称":"生成机器码和软件授权案例","简易描述":"生成机器码和软件授权案例","资源编号":"1716696537283697"},{"资源名称":"监听数据框改变并缓存数据简单案例","简易描述":"监听数据框改变并缓存数据简单案例","资源编号":"1716877612517216"},{"资源名称":"桌面端启动程序时是否需要隐藏主窗口案例","简易描述":"近期更新的版本中新增了：\"是否显示主窗口\"事件，该事件可以直接再底层控制是否显示窗口；这样需要隐藏主窗口的功能在启动程序时窗口不会一闪而过。","资源编号":"1717061001650601"},{"资源名称":"多级伪类样式使用案例","简易描述":"多级伪类样式使用案例\n","资源编号":"1717323207806529"},{"资源名称":"管理系统框架-可以同时在网页端和桌面端中运行","简易描述":"这是一个较为完整的案例，使用SQLITE数据库演示了网页表格请求数据、分页、分页查询等功能。\n\n同时最重要的是这里演示了两种模式；第一种模式是纯网页在浏览器打开；第二种方式是在软件内部打开网页。\n\n实现了一个项目在多端运行的模式参考案例","资源编号":"1717398516957175"},{"资源名称":"弹出层、选项卡等子窗口调用父窗口的数据库操作","简易描述":"很多同学会涉及到子页面操作父窗口的数据库查询功能；这里给出了一个案例\n\n该案例是通用的，不管是弹出层、选项卡还是框架标签都可以采用这个方案。","资源编号":"1717399326317937"},{"资源名称":"非JQ【桌面端原生文件上传功能】","简易描述":"上传文件到服务端大部分时候用的是网页端，也可以通过JQ的ajax传输数据；但是这样并不友好\n\n在桌面端中，可能会涉及到大文件的上传等；所以一般推荐使用桌面端的原生post数据功能；可以参考本案例学习","资源编号":"1717646305048178"},{"资源名称":"跨平台桌面端屏幕快照截图案例","简易描述":"提供了跨平台windows、linux、mac等系统的屏幕快照功能","资源编号":"1717834227977470"},{"资源名称":"跨平台桌面端录音功能","简易描述":"本案例展示了跨平台桌面端的录音功能。\n\n值得注意的是MAC系统中请给程序开启系统录音权限","资源编号":"1717836406259425"},{"资源名称":"JQ监听选择框点击事件并取选择框状态","简易描述":"JQ监听选择框点击事件并取选择框状态\n","资源编号":"1717837800455233"},{"资源名称":"快码FOF服务端+多语言中间件","简易描述":"一个基于快码FOF服务端的中间件，涉及到了文件上传、文件下载、SQL执行等\n\n中间件客户端提供了易语言、火山、快码FOF网页端、快码FOF客户端等\n\n \n\n中间件服务端中采用的sqlserver数据库，有需要的可以自行改成mysql之类的数据库","资源编号":"1717939874947374"},{"资源名称":"快码FOF服务端与易语言客户端通信","简易描述":"由于易语言是GBK编码，所以这里在快码FOF中提供了一个与易语言通信并设置编码转换的案例","资源编号":"1717940970101341"},{"资源名称":"快码FOF比较完整的题库项目-移动端+后端","简易描述":"这是一个比较完整的题库项目\n\n可以自己上传题库、下载题库、进行考试、题目练习等；同时支持账号注册等\n\n下载源码后自己更改一下数据库连接即可；项目中有mysql数据库文件，可以自己还原数据库。","资源编号":"1717942397786562"},{"资源名称":"云端HTTP页面与本地ws服务文件交互","简易描述":"云端HTTP页面与本地ws服务文件交互，在http发送的页面中使用websocket与本地服务端进行文件交互","资源编号":"1718072816287978"},{"资源名称":"网页计算器","简易描述":"","资源编号":"1718508304143688"},{"资源名称":"网页显示本地IP地址","简易描述":"初学发帖.","资源编号":"1718509842886922"},{"资源名称":"文件选择示例","简易描述":"","资源编号":"1718607653043811"},{"资源名称":"网页端WS与其他开发工具本地服务通信","简易描述":"网页端WS与其他开发工具本地服务通信\n\n\n实现了WS客户端网页与火山开发工具的WS通信","资源编号":"1718691341714327"},{"资源名称":"websocket客户端与服务端进行json数据交互","简易描述":"websocket客户端与服务端进行json数据交互","资源编号":"1718766556134377"},{"资源名称":"弹出层包含多行文本框案例","简易描述":"弹出层包含多行文本框案例\n","资源编号":"1719039208000390"},{"资源名称":"移动端画板点击坐标回调案例","简易描述":"移动端画板点击坐标回调案例\n\n\n演示了点击画板的某处坐标实现回调功能","资源编号":"1719039312121765"},{"资源名称":"百度高精度图片文字识别","简易描述":"调用百度文字识别API实现高精度的图像文字识别\n\n记得前往：文字识别管理后台 创建相关的应用和权限","资源编号":"1719992760277434"},{"资源名称":"百度营业执照识别","简易描述":"用的百度识别\n\n1、先去百度智能云注册账号，申请文字识别\n\n\n\n\n可以申请免费用。\n\n2、在应用列表里面创建应用，获取API Key 和Secret Key，群里有分享的二维码识别什么的，变量是AK,SK就是这个。\n\n\n\n\n3、替换成自己的或者先用我上传的测试也是可以的。\n\n\n\n\n说明下，我之前看论坛的二维码与通用文字识别，然后按照代码改营业执照的没成功，我发现那个代码是单独调用的AccessToken ，每个api网址不带一样，我给改成通用的了，但是异步哪里是不一样的，没动。\n\n\n\n\n\n\n\n所以你用哪个，就去用哪个网址。\n\n营业执照涉及隐私，没放，做的对话框，可以读取你自己的。\n\n可能写的不是太明白，将就着看吧\n\n还需要上传资源图片，随便上传一张吧。","资源编号":"1720515539127650"},{"资源名称":"身份证、驾驶证识别","简易描述":"这个是对我之前营业执照识别的延申，主要是他多了几个参数。","资源编号":"1720582510161636"},{"资源名称":"图像识别之动物识别","简易描述":"你看到这个的时候,应该对文字识别有了解了,没有的可以先看那个.\n\n1、百度应用列表下边有个api在线调试.\n\n2、方法是通用的,在人工智能AI那选择图像识别,点击动物识别.\n\n3、右侧示例代码那选择node.jst调试\n\n4、把代码复制到快码,然后格式化\n\n5、它用了一个叫做request的nodejs库  这个下载一下就行\n\n6、左下角命令及设置那点击后,选择终端设置,第二个下载项目模式那个.\n\n 7、 输入命令安装库  npm install request --save","资源编号":"1720600631537114"},{"资源名称":"一键智能改写改写","简易描述":"调用的5118的一键智能改写api ","资源编号":"1720627502719744"},{"资源名称":"layui动态渲染多级菜单","简易描述":"基于layui实现的动态json渲染多级菜单，可以无限极。","资源编号":"1720696875514302"},{"资源名称":"ERP开发之execl","简易描述":"ERP开发中，非常需要用到表格，如果有一款插件能像excel表格一样，会非常实用。找到一个插件分享给大家，官网地址：https://dream-num.github.io/LuckysheetDocs/zh/guide/#%E5%BC%80%E5%8F%91%E6%A8%A1%E5%BC%8F\n\n同时，附件我也有简单使用方法，希望官方能封装这个插件让使用方法更简单一些，就完美了！","资源编号":"1720875011970676"},{"资源名称":"移动端渲染","简易描述":"\n","资源编号":"1721914666932478"},{"资源名称":"移动端商品列表循环条件渲染，加自制底部导航","简易描述":"\n\n\n\n","资源编号":"1721915113623666"},{"资源名称":"linux取主板及硬盘序列号案例","简易描述":"案例展示了linux取主板及硬盘序列号，注意请给一个时间间隔执行两个命令。","资源编号":"1722222021201995"},{"资源名称":"关于usc2编码的解析案例","简易描述":"展示了如何解析usc2，该案例适用于移动端、网页端、桌面端等","资源编号":"1722679200440347"},{"资源名称":"网页访问队列执行案例","简易描述":"一个队列执行网页访问的案例，一个一个的访问直到结束","资源编号":"1722696578264506"},{"资源名称":"封装了一个桌面端支持同步的post及get访问","简易描述":"这个post支持同步和异步访问\n\n如果想要把这个功能移植到自己的项目，只需要把这三个文件复制到自己的项目即可：\n\n另外目前我封装这个只提供了windows端，mac或者linux的话可以自行在终端窗口执行下述命令下载库文件：\n\nnpm install request --save\n","资源编号":"1722823791342337"},{"资源名称":"桌面端子窗口调用父窗口命令-内联框架等案例","简易描述":"制作这个案例的初衷是因为在桌面端中，内联框架、选项卡、弹出层等非原生子窗口无法调用原生的桌面端命令，所以可以取到父窗口对象，并取调用父窗口的命令。\n\n同时展示了一下内联框架标签的使用等","资源编号":"1722837614846775"},{"资源名称":"动态数据渲染树形框案例","简易描述":"动态数据渲染树形框案例\n\n\n一段JSON数据，根据这个JSON数据来渲染树形框","资源编号":"1722844714319867"},{"资源名称":"动态表格内容列计算案例","简易描述":"案例演示了表格的列合计","资源编号":"1722859257947670"},{"资源名称":"静态表格列合计案例","简易描述":"演示了静态表格的列合计","资源编号":"1722859325404920"},{"资源名称":"移动端选择图像文件并上传服务端","简易描述":"移动端选择图像文件并上传服务端\n\n\n演示了上传选择图像文件并上传的案例","资源编号":"1723104196059643"},{"资源名称":"数据表格与后端通信分页显示案例","简易描述":"演示了layui的数据表格开启分页功能，并和后端通信显示对应的数据","资源编号":"1723195185027166"},{"资源名称":"ad域账号统一认证","简易描述":"上面是AI的答案。在快码操作过程中还要注意几点\n\n1、启用快码的执行方式\n\n2、执行添加库指令要加 保存的参数  npm i activedirectory --save\n\n3、必须安装notejs环境，具体办法也很简答，就是快码目录的一个程序。具体教程看网页基础教程 第二课。然后重启IDE即可，最后终端指令输入：node -v   （群主指点）会出版本号即可\n\n4、参考包安装方式：https://bbs.fofstudio.net/%E5%B8%96%E5%AD%90%E8%AF%A6%E6%83%85.html?id=17101506350721179\n\n \n\nconst ActiveDirectory = require('activedirectory');\nconst ad = new ActiveDirectory({\n  url: 'ldap://domaincontroller.example.com', // 替换为你的域控制器地址\n  baseDN: 'dc=example,dc=com', // 替换为你的基础DN\n  username: 'admin@example.com', // 替换为你的域账户\n  password: 'adminPassword' // 替换为你的域账户密码\n});\n \n// 用户信息用于验证\nconst username = 'user@example.com'; // 替换为你要验证的用户账号\nconst password = 'userPassword'; // 替换为用户的密码\n \n// 验证用户\nad.authenticate(username, password, (err, authenticated) => {\n  if (err) {\n    console.log('认证失败:', err);\n    return;\n  }\n  if (authenticated) {\n    console.log('认证成功!');\n  } else {\n    console.log('认证失败: 用户名或密码不正确');\n  }\n});\n\n ","资源编号":"1723272959853700"},{"资源名称":"AD域统一认证","简易描述":"\n\n\n上面是AI的答案。在快码操作过程中还要注意几点\n\n1、启用快码的执行方式\n\n2、执行添加库指令要加 保存的参数  npm i activedirectory --save\n\n3、必须安装notejs环境，具体办法也很简答，就是快码目录的一个程序。具体教程看网页基础教程 第二课。然后重启IDE即可，最后终端指令输入：node -v   （群主指点）会出版本号即可\n\n4、参考包安装方式：https://bbs.fofstudio.net/%E5%B8%96%E5%AD%90%E8%AF%A6%E6%83%85.html?id=17101506350721179\n\n\n\n\n\n\n\n\n\n\nconst ActiveDirectory = require('activedirectory');\nconst ad = new ActiveDirectory({\n  url: 'ldap://domaincontroller.example.com', // 替换为你的域控制器地址\n  baseDN: 'dc=example,dc=com', // 替换为你的基础DN\n  username: 'admin@example.com', // 替换为你的域账户\n  password: 'adminPassword' // 替换为你的域账户密码\n});\n \n// 用户信息用于验证\nconst username = 'user@example.com'; // 替换为你要验证的用户账号\nconst password = 'userPassword'; // 替换为用户的密码\n \n// 验证用户\nad.authenticate(username, password, (err, authenticated) => {\n  if (err) {\n    console.log('认证失败:', err);\n    return;\n  }\n  if (authenticated) {\n    console.log('认证成功!');\n  } else {\n    console.log('认证失败: 用户名或密码不正确');\n  }\n});\n\n\n","资源编号":"1723344641258815"},{"资源名称":"动态控制时钟，新启动了时钟，原来的就关闭了，然后又重新启动了一个","简易描述":"动态控制时钟，新启动了时钟，原来的就关闭了，然后又重新启动了一个 \n\n\n\n\n\n\n\n\n<!文档类型 网页类型>\n<网页 语言代码=\"中文\">\n    <网页头部>\n        <网页信息 文档编码=\"UTF8\" />\n        <网页信息 名称=\"页面视图\" 关联数据=\"视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假\" />\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n        <网页标题>Document</网页标题>\n    </网页头部>\n    <网页主体>\n        <按钮 点击回调=\"测试启动()\">启动始终</按钮>\n        <脚本>\n            局部变量 测试 = 1;\n            定义函数 测试启动(参数) {\n                测试 = 取整数随机数(3, 12);\n                测试 = 测试 * 1000;\n                调试输出(测试);\n                时钟启动(测试);\n            }\n            局部变量 时钟ID = 空对象;\n            定义函数 时钟启动(时钟周期) {\n                调试输出(时钟周期);\n                如果 (时钟ID != 空对象) {\n                    关闭时钟(时钟ID);\n                }\n                时钟ID = 启动时钟(执行函数, 时钟周期);\n            }\n            定义函数 执行函数() {\n                变量 d = 新建对象 日期类();\n                变量 n = d.取秒();\n                调试输出(\"取秒\" + n);\n                //输出当前的秒\n                调试输出(\"测试\" + 测试);\n            }\n        </脚本>\n    </网页主体>\n</网页>","资源编号":"1723451553021906"},{"资源名称":"带返回值的函数同步和异步的用法","简易描述":"//下面是常规的函数返回\n 定义函数 b888(a, b) {\n    返回 a + b;\n}\n调试输出(b888(6,7);\n\n\n\n//下面是异步的函数返回,重点是异步的返回必须要同步的去接受执行，而同步又必须在异步里面,所以就出现了下面的格式风格.\n异步 定义函数 删除33() {\n    变量 aaa = 同步 a666(2, 3);\n    调试输出(aaa);\n}\n\n异步 定义函数 a666(a, b) {\n    返回 a + b;\n}\n删除33()\n\n\n","资源编号":"1723451718520404"},{"资源名称":"两种取随机数方法","简易描述":"//这个是ai回复的JS的,\n定义函数 取随机数(min, max) {\n  min = 计算类.取上舍入(min);\n  max = 计算类.取下舍入(max);\n  返回 计算类.取下舍入(计算类.取随机数() * (max - min + 1)) + min; // 加上min\n}\n\n变量 结果 = 取随机数(1, 100);\n调试输出(结果);\n\n\n\n\n\n//这种必须要引入全局支持库\n取整数随机数(1,100)   //这个是快马的全局支持库里面自带的","资源编号":"1723451952676257"},{"资源名称":"JS进制互转单片机教程16进制10进制2进制互转","简易描述":"\n\n定义函数 binaryToHex(binary) {\n    局部变量 hex = \"\";\n    // 确保二进制字符串长度为8的倍数\n    判断循环 (binary.长度 % 8 !== 0) {\n        binary = \"0\" + binary;\n    }\n\n    循环 (局部变量 i = 0; i < binary.长度; i += 8) {\n        // 每次处理8位二进制数字，转换为一个字节\n        局部变量 byte = binary.截取文本(i, 8);\n        // 将二进制转换为十进制，然后转换为16进制\n        局部变量 hexByte = 文本到整数(byte, 2).转字符串(16);\n        hex += hexByte;\n    }\n\n    如果 (hex.长度 < 2) {\n        hex = \"0\" + hex;\n    }\n\n    返回 hex;\n}\n\n// 使用示例\n局部变量 binaryData = \"00000001\"; // 二进制数据\n局部变量 hexData = binaryToHex(binaryData);\n调试输出(\"Hexadecimal:\", hexData);\n\n\n\n\n//16进制到2进制\n定义函数 hexToBinary(hex) {\n    局部变量 binary = \"\";\n    // 移除16进制字符串中的任何前缀，如 \"0x\"\n    hex = hex.替换(/^0x/, \"\");\n    // 遍历16进制字符串中的每个字符\n    循环 (局部变量 i = 0; i < hex.长度; i++) {\n        // 将每个16进制字符转换为4位二进制\n        局部变量 binaryChunk = 文本到整数(hex[i], 16).转字符串(2);\n        // 如果二进制字符串不足4位，在前面补0\n        binary += binaryChunk.文本长度填充2(4, \"0\");\n    }\n    返回 binary;\n}\n\n// 使用示例\n局部变量 hexData = \"0A\";\n局部变量 binaryData = hexToBinary(hexData);\n调试输出(\"Binary:\", binaryData); // 应输出 \"01001010\"\n\n\n\n//16进制到10进制\nfunction hexToDecimal(hex) {\n    // 去除16进制字符串中的任何前缀，如 \"0x\"\n    hex = hex.replace(/^0x/, '');\n    // 使用parseInt转换16进制字符串为10进制数值\n    return parseInt(hex, 16);\n}\n\n// 使用示例\nlet hexData = \"1A\";\nlet decimalData = hexToDecimal(hexData);\nconsole.log('Decimal:', decimalData); // 输出 26\n\n\n\n//10进制到16进制\nfunction decimalToHex(decimal) {\n    // 使用toString(16)直接将10进制转换为16进制字符串\n    return decimal.toString(16);\n}\n\n// 使用示例\nlet decimalData = 26;\nlet hexData = decimalToHex(decimalData);\nconsole.log('Hexadecimal:', hexData); // 输出 \"1a\"","资源编号":"1723727439574465"},{"资源名称":"wb2812亮指定的灯","简易描述":"附件我没传，随便扔的一张图片；直接贴代码出来了。\n\n\n变量 灯珠数 = 3;\n变量 灯光颜色 = 新建对象 无符号8位固定整型数组(灯珠数 * 3);\n变量 亮灯位置 = 0;\n\n定义函数 取随机数(min, max) {\n    min = 计算类.取上舍入(min);\n    max = 计算类.取下舍入(max);\n    返回 计算类.取下舍入(计算类.取随机数() * (max - min + 1)) + min; // 加上min\n}\n\n//亮指定位置颜色\n\n定义函数 亮指定位置颜色(位置, 颜色值1, 颜色值2, 颜色值3) {\n    循环 (变量 i = 0; i < 灯光颜色.长度; ) {\n        //先将所有的灯关闭\n        灯光颜色[i++] = 0;\n        灯光颜色[i++] = 0;\n        灯光颜色[i++] = 0;\n    }\n    变量 数组位置 = 位置 * 3 - 3; //因为数组位置从0开始计算\n    如果 (数组位置 < 0) {\n        数组位置 = 0\n    }\n    调试输出(数组位置)\n    灯光颜色[数组位置] = 颜色值2 ;\n    灯光颜色[数组位置 + 1] = 颜色值1 ;\n    灯光颜色[数组位置 + 2] = 颜色值3;\n    调试输出(灯光颜色)\n    单片机LED类.写数据(3, 灯光颜色);\n}\n\n//亮第5个灯红色\n//亮指定位置颜色(0, 255, 0, 0);  //应该红色实际为色\n//亮指定位置颜色(0, 255, 255, 0);  //黄色\n//亮指定位置颜色(0, 0, 255, 0);  //绿色\n亮指定位置颜色(0, 255, 0, 255);  //粉色\n\n","资源编号":"1723780633182903"},{"资源名称":"wb2812跑马流水","简易描述":"附件我没传，随便扔的一张图片；直接贴代码出来了。\n\n变量 灯珠数 = 3;\n变量 灯光颜色 = 新建对象 无符号8位固定整型数组(灯珠数 * 3);\n变量 亮灯位置 = 0;\n\n定义函数 取随机数(min, max) {\n    min = 计算类.取上舍入(min);\n    max = 计算类.取下舍入(max);\n    返回 计算类.取下舍入(计算类.取随机数() * (max - min + 1)) + min; // 加上min\n}\n\n//幻彩跑马效果\n启动时钟(定义函数 () {\n    循环 (变量 i = 0; i < 灯光颜色.长度; ) {\n        //默认先关闭所有的灯\n        //先将所有的灯关闭\n        灯光颜色[i++] = 0;\n        灯光颜色[i++] = 0;\n        灯光颜色[i++] = 0;\n    }\n\n    //再将需要亮的灯颜色随机\n    灯光颜色[亮灯位置 * 3] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 1] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 2] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 3] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 4] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 5] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 6] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 7] = 取随机数(1, 255);\n    灯光颜色[亮灯位置 * 3 + 8] = 取随机数(1, 255);\n    亮灯位置++;\n    如果 (亮灯位置 == 灯珠数) {\n        亮灯位置 = 0;\n    }\n    单片机LED类.写数据(3, 灯光颜色);\n}, 10);\n","资源编号":"1723780698461102"},{"资源名称":"熊猫登录页","简易描述":"分享-CSDN-熊猫登录页","资源编号":"1723885200404388"},{"资源名称":"CSS动画效果集","简易描述":"在等待官方封装Three3D支持库中,分享一些整理过的CSS动画效果.","资源编号":"1723891670780163"},{"资源名称":"桌面端生成二维码并保存为文件案例","简易描述":"桌面端生成二维码并保存为文件案例","资源编号":"1723958436356730"},{"资源名称":"仿百度输入框","简易描述":"简单实现的仿百度输入框效果,数据框获得焦点时候,边框变色","资源编号":"1724308944867109"},{"资源名称":"仿小米导航栏","简易描述":"两种方式实现仿小米导航栏,初学,还很菜,大佬勿喷","资源编号":"1724309331951813"},{"资源名称":"仿H3C官网首页","简易描述":"花了一下午时间终于把H3C官网首页仿出来了,刚开始学,有些代码过于繁琐,但是可以独立仿出来,感觉还是很有成就感的,大神绕过","资源编号":"1724333625187817"},{"资源名称":"单片机屏幕显示应用，ESP32-S3，Wi-Fi连接，并用屏幕显示IP地址。","简易描述":"大家好，上次已经把屏幕接上开发板，并且成功把hello，fofstudio显示出来了！这次我准备让开发板连上Wi-Fi并显示当前的IP地址。先看效果\n\n把屏幕和开发板连接起来\n\nGND ---- GND\n\nVCC ---- 3.3V\n\nSCL ---- IO.5\n\nSDA ---- IO.4\n\n打开快码IDE\n\n由于官方已经把所有的库集成到了内部，所以在调用SSD1306的时候不需要在新建库文件了！可以直接调用！\n\n下面是精彩的代码部分：\n\n变量 WIFI对象 = 单片机WIFI类.初始化(); //初始化一个Wi-Fi对象\nfunction 显示(文本,横,纵){ //新建一个子函数,用来显示需要显示的内容\n    显示对象.setFont(\"6x8:1\"); //设置显示的字体以及大小\n    显示对象.drawString(文本,横,纵); //把需要显示的内容写到相应的内存位置\n    显示对象.flip(); //把内存中的内容显示出来\n}\n变量 iic对象 = 新建对象 I2C(); //新建一个IIC对象\niic对象.setup({scl:D5,sda:D4}); //给IIC对象指定数据的引脚\n变量 显示对象 = 导入模块(\"SSD1306\").connect(iic对象); //新建一个显示操作的对象,并且启动连接IIC屏幕\n显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n显示(\"loading WIFI\",3,8); //第二行显示加载Wi-Fi信息\n单片机WIFI类.连接WIFI(WIFI对象, { \"ssid\": \"Xiaomi\", \"password\": \"707138225\" }, (回调信息) => {调试输出(回调信息);}); //使用新建的Wi-Fi对象来进行Wi-Fi连接操作\n变量 刷新 = 0; //新建一个变量,控制屏幕是否需要刷新内容\n启动时钟(()=>{ //正式启动时钟程序\n如果 (刷新==0) { //判断当前是否需要刷新屏幕内容\n   变量 信息 = 单片机WIFI类.获取WIFI状态(WIFI对象); //首先获取当前我弟对象的连接状态\n   如果 (信息[\"station\"]==\"connected\") { //最开始可以调试输出整个“信息”的所有内容,确定自己需要提取的数据字段后直接用“信息[\"station\"]”来提取数据,这里判断Wi-Fi是否已经连接好.\n       //这里是Wi-Fi已经连接好需要执行的程序\n      显示对象.clear(reset); //清空屏幕\n      显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n      变量 地址 = 单片机WIFI类.获取WIFIIP信息(WIFI对象)[\"ip\"]; //获取当前Wi-Fi对象的IP信息中的IP地址\n      变量 正确 = 地址.substr(0,1); //新建一个变量,来判断刚才获取的IP地址文本是否正确,因为在Wi-Fi刚连接好时,IP地址并没有立刻获取到,中间会有一段时间没有地址,即为0.0.0.0,此行语句正式判断获取到的IP地址第一位的文本是什么.\n      显示(地址,3,8); //在屏幕第二行显示IP地址\n      如果 (正确!=\"0\") { //判断IP地址中第一位文本如果不等于0了,就说明IP地址已经被正确分配了\n          刷新=1; //得到正确的IP地址之后就可以停止刷新屏幕内容了,以减少单片机的资源损耗\n      }\n       }否则{\n            //这里是Wi-Fi还没有连接好需要执行的程序\n          显示对象.clear(reset); //清空屏幕\n          显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n          显示(\"go WIFI\",3,8); //第二行显示正在奔向Wi-Fi的信息\n       }\n    }\n},100); //时钟的周期为100ms\n    \n\n\nJavaScriptCopy\n\n由于我在学习别人代码的过程中消耗了大量的精力去理解代码，所以现在在分享代码的时候也养成了注译的习惯，尽量做到每一行代码都进行注译，因为发布的代码都比较浅，感兴趣观看的小伙伴可能大多数都是新手。精彩的注译可以让大家更快地去理解代码的作用以及程序的逻辑。\n\n \n\n可惜论坛发不了视频，要不就可以看看开发板在上电，然后奔向Wi-Fi的过程。来个有水印的GIF看看吧！\n\n \n\n下一集，将在这集的基础上加入MQTT案例！使用快码编写一个按钮，使用电脑或者手机操作按钮，通过MQTT服务，控制开发板上的小灯。实现物联网的第一步！\n\n \n\n最后祝大家用餐愉快，并且敬请期待！谢谢！","资源编号":"1724376284301237"},{"资源名称":"单片机串口文本数据转16进制","简易描述":"定义函数 文本转16进制(str) {\n    局部变量 十六进制文本 = \"\";\n    循环 (局部变量 i = 0; i < str.长度; i++) {\n        变量 十六进制内容 = str.取Unicode值(i).转字符串(16);\n        如果 (十六进制内容.长度 < 2) {\n            十六进制内容 = \"0\".转字符串(16) + 十六进制内容;\n        }\n        十六进制文本 = 十六进制文本 + 十六进制内容;\n    }\n    返回 十六进制文本;\n}\n\n快码没有发现这个函数，问了ai,给的转换会缺少字节，用ai改了一下，发现好用。","资源编号":"1724463680532207"},{"资源名称":"ESP32-S3实现SSD1306屏幕显示，Wi-Fi连接，MQTT实现远程点灯","简易描述":"Hello,大家好！上集已经实现了Wi-Fi连接和IP地址的显示。这次我准备把ESP32连接上MQTT服务器。实现和Web端通信，利用网页端控制单片机。此次分享的代码主角是单片机部分。Web端是我之前写好的一个框架，暂时拿出来用一下演示。\n\n先看效果\n\n其实屏幕上面最下面一行写的是“MQTT good”，可能是屏幕太旧了，部分地方断线了！大家不要介意！\n\n下面是亮灯效果\n\n下面是灭灯效果\n\n这个是我之前写的MQTTWeb端的程序：\n\nWEB端连上服务器之后，按发送Hello消息时发送Hello到订阅的消息中，按发送OK消息时发送OK到订阅的消息中。\n\n我们就可以利用OK和Hello两个不同的消息去判断是否开小灯。\n\n下面是精彩的单片机代码部分：\n\n变量 WIFI对象 = 单片机WIFI类.初始化(); //初始化一个Wi-Fi对象\nfunction 显示(文本,横,纵){ //新建一个子函数,用来显示需要显示的内容\n    显示对象.setFont(\"6x8:1\"); //设置显示的字体以及大小\n    显示对象.drawString(文本,横,纵); //把需要显示的内容写到相应的内存位置\n    显示对象.flip(); //把内存中的内容显示出来\n}\n变量 iic对象 = 新建对象 I2C(); //新建一个IIC对象\niic对象.setup({scl:D5,sda:D4}); //给IIC对象指定数据的引脚\n变量 显示对象 = 导入模块(\"SSD1306\").connect(iic对象); //新建一个显示操作的对象,并且启动连接IIC屏幕\n显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n显示(\"loading WIFI\",3,8); //第二行显示加载Wi-Fi信息\n单片机WIFI类.连接WIFI(WIFI对象, { \"ssid\": \"Xiaomi\", \"password\": \"707138225\" }, (回调信息) => {调试输出(回调信息);}); //使用新建的Wi-Fi对象来进行Wi-Fi连接操作\n倒计时执行(()=>{ //这里利用一个倒计时,确保Wi-Fi已经成功连接上再执行\n    显示(\"go\",3,16); //在屏幕第三行显示一个运行标识\n    局部变量 MQTT对象 = 单片机mqtt类.初始化({host: \"0.0.0.72\",port: 7883,client_id:\"Espruino\"}); //新建一个mqtt的对象,并且设置好对象的信息,host是服务器的地址（地址已经做了隐私处理,请大家填写自己的服务器地址,或者使用公用的MQTT服务地址.）,port是MQTT的端口,client_id是连接后再服务器列表中显示的客户端名称,如果不设置的话,想回得到一个随机的名称.\n    单片机mqtt类.断开连接回调(MQTT对象,()=>{ //这是断开MQTT时执行的语句\n        显示(\"MQTT not good\",13,16); //屏幕第三行显示断开信息,13和16分别是横向位置和纵向位置\n    });\n    单片机mqtt类.连接成功回调(MQTT对象,()=>{ //这里是连接成功时执行的语句\n        显示(\"MQTT good!\",13,16); //屏幕第三行显示连接成功的信息.\n        单片机mqtt类.订阅主题(MQTT对象,\"123TX\"); //连接成功之后订阅一个主题,以便可以接收WEB端发过来的消息\n    });\n    单片机mqtt类.收到消息回调(MQTT对象,(消息内容)=>{ //这里建立接收到消息时的回调程序\n        调试输出(消息内容); //收到消息时首先在调试端口显示出来\n        如果 (消息内容[\"message\"].substr(0,1)==\"O\") { //通过分析收到的消息成分,得知“message”就是消息的本体,得到消息之后截取消息的文本,分析从0开始,取1位,其实就是取首文本,分析首文本是否为大写字母“O”\n            D1.reset(); //如果消息的首文本是大写字母“O”,把单片机的D1引脚电瓶拉低,led灯亮,开灯\n        }否则{\n            D1.set(); //如果消息的首文本不是大写字母“O”,把单片机D1引脚电平拉高,led灯灭,关灯\n        }\n    });\n},3000); //倒计时3秒之后执行以上语句\n变量 刷新 = 0; //新建一个变量,控制屏幕是否需要刷新内容\n启动时钟(()=>{ //正式启动时钟程序\n如果 (刷新==0) { //判断当前是否需要刷新屏幕内容\n   变量 信息 = 单片机WIFI类.获取WIFI状态(WIFI对象); //首先获取当前我弟对象的连接状态\n   如果 (信息[\"station\"]==\"connected\") { //最开始可以调试输出整个“信息”的所有内容,确定自己需要提取的数据字段后直接用“信息[\"station\"]”来提取数据,这里判断Wi-Fi是否已经连接好.\n       //这里是Wi-Fi已经连接好需要执行的程序\n      显示对象.clear(reset); //清空屏幕\n      显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n      变量 地址 = 单片机WIFI类.获取WIFIIP信息(WIFI对象)[\"ip\"]; //获取当前Wi-Fi对象的IP信息中的IP地址\n      变量 正确 = 地址.substr(0,1); //新建一个变量,来判断刚才获取的IP地址文本是否正确,因为在Wi-Fi刚连接好时,IP地址并没有立刻获取到,中间会有一段时间没有地址,即为0.0.0.0,此行语句正式判断获取到的IP地址第一位的文本是什么.\n      显示(地址,3,8); //在屏幕第二行显示IP地址\n      如果 (正确!=\"0\") { //判断IP地址中第一位文本如果不等于0了,就说明IP地址已经被正确分配了\n         刷新=1;//得到正确的IP地址之后就可以停止刷新屏幕内容了,以减少单片机的资源损耗\n      }\n       }否则{\n            //这里是Wi-Fi还没有连接好需要执行的程序\n          显示对象.clear(reset); //清空屏幕\n          显示(\"Hello FOFStudio!!\",3,0); //第一行显示欢迎信息\n          显示(\"go WIFI\",3,8); //第二行显示正在奔向Wi-Fi的信息\n       }\n    }\n},100); //时钟的周期为100ms\n    \n\n\nJavaScriptCopy\n\n 已经按照惯例，把每一行代码都注译了！\n\n本次分享中都使用了我自己的服务器。下一集我将尝试使用公共的MQTT服务器，还有把web端的代码开源。以便各位新同学可以更快了解MQTT原理和更轻松享受成功的喜悦。\n\n最后祝大家用餐愉快，并且敬请期待。谢谢！！","资源编号":"1724467080223876"},{"资源名称":"单片机和WEB端同时连接公共MQTT，实现远程开关灯操作，并且双方有完整的反馈","简易描述":"具体效果请点赞链接：单片机与web交互\n\n\n","资源编号":"1724601344140155"},{"资源名称":"万物皆可中文，ESP-01S，ESP8266，刷固件保姆级教程来了！","简易描述":"保姆级教程请点赞：万物皆可中文，ESP-01S，ESP8266，刷固件保姆级教程来了！","资源编号":"1724770829526257"},{"资源名称":"适合8266的tinyMQTT，精简版的MQTT，极具中国特色的Espruino固件","简易描述":"详情请点赞：适合8266的tinyMQTT，精简版的MQTT，极具中国特色的Espruino固件","资源编号":"1724861140847915"},{"资源名称":"三级子窗口调用原生桌面端命令","简易描述":"案例演示了index.html打开选项卡；选项卡再打开子页面这样的三级窗口；然后三级窗口使用index.html的原生桌面端命令","资源编号":"1725028646049215"},{"资源名称":"分享CRC32和CRC16的效验方案","简易描述":"定义函数 CRC_16_MODBUS效验(十六进制字符串) {\n    常量 字节数组 = [];\n    循环 (局部变量 i = 0; i < 十六进制字符串.长度; i += 2) {\n        字节数组.添加成员(文本到整数(十六进制字符串.截取文本(i, 2), 16));\n    }\n    局部变量 CRC数据 = 0xffff;\n    常量 polynomial = 0xa001;\n    循环 (常量 字节成员 取循环值 字节数组) {\n        CRC数据 ^= 字节成员;\n        循环 (局部变量 i = 0; i < 8; i++) {\n            如果 (CRC数据 & 0x0001) {\n                CRC数据 = ((CRC数据 >> 1) ^ polynomial) & 0xffff;\n            } 否则 {\n                CRC数据 >>= 1;\n            }\n        }\n    }\n    CRC数据 = ((CRC数据 & 0xff) << 8) | ((CRC数据 >> 8) & 0xff);//反转数据\n    返回 CRC数据.转字符串(16).到大写();\n}\n调试输出(CRC_16_MODBUS效验(\"AC010203\"));//得到31D5\n\n\n\n调试输出(E.CRC32(\"AC010203\")); //调试输出得到3667884767","资源编号":"1725238795805796"},{"资源名称":"分享一个声音播放模块","简易描述":"一个音乐播放模块，支持声音的播放、暂停、取声音播放位置等功能\n\n模块包里面也提供了使用案例\n\n模块的安装参考：模块安装教程","资源编号":"1725528867643409"},{"资源名称":"特效背景模块支持库","简易描述":"一个动画特效模块，可以快速生成背景动画\n\n模块包里面也提供了使用案例模块的安装参考：模块安装教程","资源编号":"1725547575843450"},{"资源名称":"Wi-Fi配网，快码单片机新作，ESP8266，4MB，MQTT远程控制，一个可以做出产品的实例","简易描述":"资源详情，请点赞：Wi-Fi配网，快码单片机新作，ESP8266，4MB，MQTT远程控制，一个可以做出产品的实例\n","资源编号":"1725620549204119"},{"资源名称":"lay轮播切换，页面跟随切换内容案例","简易描述":"\n","资源编号":"1725845137086339"},{"资源名称":"桌面端打开程序立即隐藏主窗口并跳转到新的窗口","简易描述":"看见有同学需要，这里做了一个案例\n\n打开程序立即隐藏窗口并跳转到新的窗口","资源编号":"1725852148558437"},{"资源名称":"中文快码封装FileReader模块的使用案例","简易描述":"对前端的FileReader进行中文快码封装。\n\n模块在资源的libuser目录【可以复制到自己的项目里面，模块的安装方式参考：模块安装教程】\n\n使用方式可参考案例，基础代码如下：\n\n<!文档类型 网页类型>\n<网页 语言代码=\"中文\">\n    <网页头部>\n        <网页信息 文档编码=\"UTF8\" />\n        <网页信息 名称=\"页面视图\" 关联数据=\"视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假\" />\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n        <网页标题>Document</网页标题>\n    </网页头部>\n    <网页主体>\n        <数据框 数据类型=\"文件类型\" 元素改变=\"获取文件数据(本对象)\" /><换行 />\n\n        <脚本>\n            //这里执行相关的JS代码\n            定义函数 获取文件数据(文件对象) {\n                // 获取选中的文件\n                局部变量 选择文件 = 文件对象[\"files\"][0];\n                // 新建一个读取工具\n                局部变量 文件读取工具 = 新建对象 文件读取器();\n                如果 (选择文件) {\n                    文件读取工具.读取为文本(选择文件, (错误, 数据) => {\n                        // 两个参数,如果错误存在就是报错,如果不存在就是有数据\n                        如果 (错误) {\n                            调试输出(错误);\n                        } 否则 {\n                            调试输出(数据);\n                        }\n                    });\n                }\n            }\n        </脚本>\n    </网页主体>\n</网页>\n\n\n","资源编号":"1725873546349880"},{"资源名称":"分享一个支持代理、同步的网页访问模块","简易描述":"下载后直接运行就可以\n\n模块在LibUser目录中\n\n如果需要集成在自己的项目，参考：模块安装教程\n\n代理设置字符串格式参考：http://username:password@hotname:port\n\n模块支持代理访问、同步GET、同步POST等","资源编号":"1725957968312848"},{"资源名称":"分享一个分词模块","简易描述":"封装了一个分词的模块；有需要的同学可以下载使用\n\n模块在案例的【LibUser】目录\n\n模块的安装方式参考：模块安装教程","资源编号":"1726018421329446"},{"资源名称":"支持网页、桌面端的拖拽模块","简易描述":"封装了一个非常方便的拖拽模块；可以很简单的实现元素拖拽功能。\n\n模块在案例包的【LibUser】目录中\n\n如果需要集成到自己的项目参考：模块安装教学\n\n\n\n\n\n","资源编号":"1726061598404915"},{"资源名称":"单片机超简单配网教程，自制模块，两行代码搞定配网。产品无忧","简易描述":"超详细介绍，请点赞本链接\n\n<---2024/9/13更新：修复了小BUG，增加查询储存空间地址功能（\"单片机自动配网(WIFI对象, \"ESP1989\", 0)\"把最后一个参数设置为0即可查询）--->\n","资源编号":"1726073252720183"},{"资源名称":"支持网页端、桌面端的企业拖放日历模块","简易描述":"fullcalendar是一个非常强大的拖放模块库；这里进行了简单的封装\n\n使用本模块可以轻松实现日历相关的标注功能开发\n\n模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教程\n\n ","资源编号":"1726112891490424"},{"资源名称":"支持网页、桌面端的NES游戏模拟器模块","简易描述":"在高强度的开发下，也可以适当的做做小游戏放松自己；本次模块提供了基于JS的NES模拟器模块\n\n使用该模块可以轻松载入NES的小游戏\n\n模块中提供了一些NES的文件，可以参考：【/LibUser/NES模拟器/jsnes-master/roms】中的NES文件。\n\n案例中wsad是上下左右 j和k是攻击和跳起【这些按键可以自定义哦】\n\n大家都可以基于该类库开发自己的游戏平台哦～ 回归小时候的纯真，小游戏的时代～\n\n【模块在/LibUser/目录中】如果想要集成在自己的项目，可以参考：模块安装教程\n\n\n\n\n ","资源编号":"1726136720749771"},{"资源名称":"负数转16进制","简易描述":"            定义函数 decToHex(number) {\n                // 将负数转换为32位无符号整数\n                局部变量 unsignedInt = number >>> 0;\n                // 转换为十六进制\n                局部变量 返回内容 = unsignedInt.转字符串(16).到大写();\n                返回内容 = 返回内容.截取(返回内容.长度 - 2,返回内容.长度);\n                返回 返回内容;\n            }\n            局部变量 number = -10;\n            局部变量 hex = decToHex(number);\n            调试输出(`十进制: ${number}, 十六进制: ${hex}`);","资源编号":"1726150603187793"},{"资源名称":"桌面端OPENCV.js-二维码识别模块","简易描述":"该模块封装了opencv.js的二维码识别模块，支持拍照识别等；抗干扰能力强；速度快～\n\n模块在案例的【LibUser】目录中，如果需要集成到自己的项目参考：模块安装教学\n\n\n","资源编号":"1726224856719426"},{"资源名称":"跨平台桌面端-SSH操作模块","简易描述":"本模块提供了SSH连接、数据收发、指令发送的相关功能。\n\n使用方法非常简单，只需要填入对应的服务器SSH私钥文件、用户名、端口、连接地址等即可\n\n注意：\n\n模块在案例的【LibUser】目录中，如果需要集成到自己的项目，可以参考：模块安装教学","资源编号":"1726281487856426"},{"资源名称":"开源一个下载列表布局","简易描述":"由于快码IDE需要做一个模块下载板块；所以用快码自身写了这个模块下载列表布局开源给大家\n\n其实快码IDE很多的页面和功能都是采用快码自身来编写；算是IDE的自举～","资源编号":"1726302260948813"},{"资源名称":"项目必备-使用流程引导模块","简易描述":"在项目开发中，常常会需要教新手朋友如何使用项目！\n\n这里给出了一个流程引导模块；帮助实现新手的指引学习\n\n注意：模块在案例的【LibUser】目录中，如需集成在自己的项目；可以参考：模块安装教学","资源编号":"1726330872978400"},{"资源名称":"EXCEL可视化编辑器模块-企业重要模块","简易描述":"该模块可以直接编辑EXCEL和保存EXCEL文件；并拥有可视化的操作界面。\n\n该模块在企业软件开发中非常常用，是企业软件开发的重要模块之一～\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1726626723483786"},{"资源名称":"企业流程开发模块-流程设计导图模块","简易描述":"今天为大家带来了企业软件开发必备的功能模块，流程设计思维导图模块。\n\n该模块可以轻松实现流程设计、思维导图等功能。\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1726626805950868"},{"资源名称":"快码甘特图任务视图模块-企业管理需求","简易描述":"很多时候我们需要进行企业的相关任务及进度管理；这里提供了一个甘特图任务管理模块～【支持：网页端、桌面端】\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1726626869868615"},{"资源名称":"AOS极简动画模块【网页端、桌面端】","简易描述":"今天为大家带来AOS.js极简动画模块\n\n该模块可以轻松实现一些常规的过渡动画效果\n\n值得注意的是模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学\n","资源编号":"1726627020191253"},{"资源名称":"打字效果模块分享【网页/桌面端】","简易描述":"很多时候，我们需要界面有打字的效果来展示某些重要的提示；使用本模块可以轻松实现这样的功能","资源编号":"1726631550352353"},{"资源名称":"【Swiper11】模块-滑动特效的新选择【网页/桌面端】","简易描述":"Swiper是JS中非常强大的滑动特效库；本次进行了模块的封装\n\n使用Swiper可以轻松实现：轮播图、滑动特效、卡片特效、布局特效等\n\n值得注意的是模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1726717121288441"},{"资源名称":"静态表格-比较完整的案例【复选框、选中状态、删除、修改等】","简易描述":"一个比较经典的案例，涉及了静态表格的选中样式更改、给静态表格添加复选框、删除按钮等效果\n\n同时也演示了静态表格如何修改内容列数据","资源编号":"1726821265252423"},{"资源名称":"腾讯云OCR身份证识别~直接用,别问为什么!","简易描述":"返回的结果ocr还需要处理一下才能顺利取出来.加上下面的代码.\n\nlet promise = Promise.resolve(ocr);\n\n                promise.then((result) => {\n\n                       //这里就能正常使用识别结果了\n\n                        调试输出(\"---1\",result.Response);\n\n                        \n\n                    }).catch((error) => {\n\n                        console.error(error);\n\n                    });\n\n                }","资源编号":"1726839969322202"},{"资源名称":"第二个单片机小模块，tinyMQTT，适用于8266这种小内存的单片机连接MQTT使用！","简易描述":"资源项目介绍请猛烈点赞：快点我！快点我！\n","资源编号":"1727083635150491"},{"资源名称":"zdog3D绘图模块及案例","简易描述":"今天为大家带来一个比较有意思的绘图模块，喜欢使用画板绘图的同学们可以参考使用。\n\nzdog.js是一个拥有10k+的star的开源模块，主要用来进行2d、3d的简单图形绘制；本次进行了封装。\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1727172107567542"},{"资源名称":"桌面端专用的字节数组操作模块","简易描述":"模块提供对字节数组的操作演示","资源编号":"1727351308202942"},{"资源名称":"【UI新库】MUI-UI模块封装完毕【网页端/桌面端】","简易描述":"MUI是最接近原生应用体验的高性能前端框架，本次快码进行了比较完整的模块封装，给用户带来了UI的新选择\n\n来源介绍：阅编快码正在内部研发一款一套代码编译到windows、linux、mac、安卓、鸿蒙NEXT的开发插件；开发插件选用了MUI作为前端渲染框架；故此进行了高度完整的封装\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1727608548148478"},{"资源名称":"手绘注解模块-文本注解新选择","简易描述":"很多时候我们需要对文本的重要内容进行注解；本次分享一个手绘注解模块；可以有效的解决该需求！\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1728209375200963"},{"资源名称":"数学公式渲染模块-数学项目必备","简易描述":"本支持库可以将常规的数学公式内容根据指定格式渲染为标准的数学公式结构样式。\n\n 注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1728212862415559"},{"资源名称":"lay动态表格工具栏按钮下拉菜单","简易描述":"很多小伙子，需要的动态表格下拉菜单他来了，他带了希望他飞来了，\n\n别急慢慢来，更多精彩表格教学，他慢慢来了\n\n我喜欢被夸，那么评论区 留下你精彩的留言，给我点动力和希望，下次分享更多组件经验和方法。","资源编号":"1728221044602626"},{"资源名称":"lay多文件或图片上传案例","简易描述":"\n\n\nlay文件图片多个上传案例","资源编号":"1728273017008842"},{"资源名称":"个人网盘","简易描述":"开源一套前段时间写的个人网盘，有需要的同学可以继续开发。\n\n\n","资源编号":"1728472664122610"},{"资源名称":"单片机之DS3231时钟模块","简易描述":"本次为大家带来高精度的时钟模块，DS3231模块；该模块可以实现高精度的读秒和设置\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1728546666186983"},{"资源名称":"单片机项目演示ds3231和aht10同时使用i2c案例","简易描述":"单片机项目演示ds3231和aht10同时使用i2c案例","资源编号":"1728547628187691"},{"资源名称":"数据表格点击行更改背景颜色","简易描述":"案例实现了数据表格【动态表格】点击行的时候更改当前行的背景颜色","资源编号":"1728626841433571"},{"资源名称":"【桌面端】HTTP文件上传跨域模块","简易描述":"本模块可以实现HTTP服务的文件跨域上传功能；引入模块后什么都不需要操作；只需要开启HTTP服务的全局跨域属性；就可以自动支持文件跨域上传到自己的服务端\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1728637664252175"},{"资源名称":"文件多次上传并传输列表到后端案例","简易描述":"演示了多次文件上传，并把上传的名称等传输到后端中储存","资源编号":"1728714866361489"},{"资源名称":"移动端文件上传案例【服务端及客户端】","简易描述":"演示了移动端进行文件的上传，服务端和客户端都有","资源编号":"1728719001241426"},{"资源名称":"前后端自定义协议头交互案例","简易描述":"演示了前后端数据交互 自定义token协议头等方式","资源编号":"1728962776635655"},{"资源名称":"网页和桌面端共用页面之cookie的储存和不同命令的使用","简易描述":"案例演示了一个网页在桌面端和网页端都可以打开，并且都会有cookie的信息；并且在网页和桌面端中执行不同的命令","资源编号":"1729485518377652"},{"资源名称":"树形框组件右键删除、修改、添加","简易描述":"树形框组件右键删除、修改、添加\n","资源编号":"1729764618616438"},{"资源名称":"酷炫登录界面参考模板","简易描述":"纯CSS样式制作的登录框，比较酷炫，适合低调的web后端登录","资源编号":"1729844677790116"},{"资源名称":"移动端与服务端进行网页交互案例","简易描述":"移动端与服务端进行网络交互案例","资源编号":"1729908939243122"},{"资源名称":"锐浪H5报表模块-支持加载、打印","简易描述":" \n\n案例提供了锐浪H5报表的加载、打印等\n\n注意：锐浪H5需要安装锐浪的报表客户端，并且似乎它的报表客户端只能在widnows使用。\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学\n\n请注意：报表在桌面端使用时发现没有安装锐浪的客户端会提示弹窗，安装安装锐浪客户端后才不会有提示。\n\n请注意：案例不仅适用于桌面端，也适用于网页端","资源编号":"1729911803149865"},{"资源名称":"移动端多级渲染并监听单击事件传递数据案例","简易描述":"移动端多级渲染并监听单击事件传递数据案例","资源编号":"1730116116141345"},{"资源名称":"数据库异步函数返回数据案例","简易描述":"演示了数据库异步函数返回数据","资源编号":"1730188702950828"},{"资源名称":"微信公众号开发能力模块-[网页/桌面端]","简易描述":"微信公众号开发能力模块-[网页/桌面端]-赋能阅遍快码开发者走进公众号开发大门\n\n案例里面制作了一个大致的框架；开发者可依靠该框架直接进行公众号的网页开发，进行公众号的各种API能力调用\n\n模块中已经处理好了公众号开发的各种签名验证体系，开发者只需要调用公众号开发的原生API即可！","资源编号":"1730385822054500"},{"资源名称":"一个小小的WEB应用~收据小助手","简易描述":"哈哈！我带着个小应用又来啦！<!--- 哈哈请点击我查看详情 --->\n","资源编号":"1730646772618320"},{"资源名称":"父页面调用子页面函数方案","简易描述":"实现了父页面主动调用子页面的函数\n\n该方案适用于弹出层、选项卡等\n\n另外所有的子页面对象都可以获取到","资源编号":"1730987022880144"},{"资源名称":"加解密工具模块【支持网页及桌面端】","简易描述":"快码的加解密只有桌面端有，这里提供了一个网页端也可以使用的加解密库","资源编号":"1731242260801991"},{"资源名称":"支持H5和微信小程序的文件选择上传","简易描述":"案例里面使用了一个微信小程序文件上传模块，注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1731422041408163"},{"资源名称":"下载并打开文件案例","简易描述":"这是下载并打开文件的案例\n\n请注意：微信小程序需要配置域名白名单！\n\n\n","资源编号":"1731467305571985"},{"资源名称":"ZIP压缩解压-支持网页及桌面端","简易描述":"再给新插件F5应用封装支持库的时候用到了这个模块，顺带开源出来给大家\n\n该模块可以直接在网页进行ZIP文件的解压和压缩；非常的方便；作用很大\n\n例如：可以把所有的网页文件放在压缩包里面；然后从压缩包获取内容；从而实现文件的管理等。\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1731505438898721"},{"资源名称":"PDFJS模块-PDF预览的自动翻页等高级功能【网页/桌面端】","简易描述":"快码的网页和桌面端原本就支持PDF预览功能，但是为了更好的进行PDF的某一页预览控制、自动翻页等功能；这里进行了PDFJS的封装","资源编号":"1731579513755754"},{"资源名称":"树形框修改图标及颜色","简易描述":"一个树形列表修改图标及颜色的案例","资源编号":"1731590576922695"},{"资源名称":"word预览及生成模块【网页/桌面端】","简易描述":"现有的模块已经对excel的打开、编辑和pdf的打开和生成有了方案；但是没有word的打开和生成；这里给出了一个模块；至此几个主流的文档库都有了。\n\n这个模块可以打开预览word文件，也可以把页面内容保存为word文件；基于这两个功能用户可以自己实现word的编辑等【比如使用jq更改打开的word内容；然后进行保存】\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1731659063264210"},{"资源名称":"表格列合计案例可动态修改","简易描述":"一个可以动态修改内容的表格列合计案例","资源编号":"1731896925664169"},{"资源名称":"获取用户位置模块案例","简易描述":"模块提供了一个获取用户定位的命令\n\n注意：小程序记得开启微信权限的设置\n\n另外如果是其他的平台可以参考:https://uniapp.dcloud.net.cn/api/location/location.html#getlocation\n\n详细介绍:\n\nAndroid由于谷歌服务被墙，或者手机上没有GMS，想正常定位就需要向高德等三方服务商申请SDK资质，获取AppKey。否则打包后定位就会不准。云打包时需要在manifest的SDK配置中填写 Appkey。在 manifest 可视化界面有详细申请指南，详见：https://ask.dcloud.net.cn/article/29。离线打包自行在原生工程中配置。注意包名、appkey、证书信息必须匹配。真机运行可以正常定位，是因为真机运行基座使用了DCloud向高德申请的sdk配置，打包后必须由开发者自己申请。如果手机自带GMS且网络环境可以正常访问google定位服务器，此时无需在 manifest 填写高德定位的 sdk 配置。\n\n注意手机自身要开启定位、同时要给App赋予定位权限.权限判断可参考:https://uniapp.dcloud.net.cn/api/system/getappauthorizesetting.html","资源编号":"1731995936374274"},{"资源名称":"登录及更新下载界面案例","简易描述":" \n\n一个登录及更新下载的界面案例","资源编号":"1732116980099266"},{"资源名称":"F5+插件扫码模块","简易描述":"扫码功能是项目开发里面比较常见的功能，这里提供了一个三端可用的扫码模块；支持PC、鸿蒙、安卓。\n\n注意：模块在案例的【LibUser】目录中，如果需要集成到自己的项目可以参考：模块安装教学","资源编号":"1732258923360555"},{"资源名称":"一个好看的二维码分享界面","简易描述":"一个好看的二维码分享界面，用起来还是不错的","资源编号":"1732283688726686"},{"资源名称":"移动端测试_表格_动态条件渲染_源码","简易描述":"","资源编号":"1732511075708402"},{"资源名称":"移动端测试_表格_置选择行颜色_源码","简易描述":"","资源编号":"1732511261901764"},{"资源名称":"移动端测试_表格_置选择单元格颜色_源码","简易描述":"","资源编号":"1732511350148244"},{"资源名称":"初始化定位获取信息，腾讯地图选点插件，计算距离","简易描述":"\n\n\n \n\n    需要注意的是： 调试好 在微信开发这工具中 需要做几个调整\n\n     因为导入的文件不在根目录下 需要找到导入的文件 \n\n    在static目录 把导入的文件重新放置到根目录也就是 pages/UniappCode目录\n\n    然后打开调用文件中重新设置文件路径  ./文件名称.xxx\n\n    注意：这里主要是路径问题 我尝试好几次 只能这样   如何你有其他方法 ， 请博客评论区回复一下，谢谢\n\n \n\n然后就是app.js文件\n\n \n\n需要把这个{ }起来 和图中一样  然后去除其他}就可以了      \n\n小程序后台配置与腾讯开发地图配置; https://bbs.fofstudio.net/%E5%B8%96%E5%AD%90%E8%AF%A6%E6%83%85.html?id=17325596547381779\n\n ","资源编号":"1732559544556166"},{"资源名称":"移动端加解密类库","简易描述":"提供了一个移动端可用的加解密工具类库\n\n注意：需要在外部配置库中引入库的配置\n\nimport CryptoJS from 'crypto-js';","资源编号":"1732613378606863"},{"资源名称":"分享一个mac电脑png图片转ico图标的工具，工具用快码开发","简易描述":"分享一个用快码写的mac电脑ico图标工具，文件有点大放百度网盘，请用百度网盘下载。\n\n链接: https://pan.baidu.com/s/1rCEZOsIeOfmiTWAlgij7mA?pwd=hpmy 提取码: hpmy \n\n\n","资源编号":"1732690158734327"},{"资源名称":"微信小程序显示地图并根据经纬度定位到地图位置，显示图标","简易描述":"","资源编号":"1733635754288663"},{"资源名称":"桌面端IPC进程通信模版","简易描述":"注意：很重要的提示\n\n一定要参考这个帖子的回复：注入文件模式设置\n\n进行注入main和注入preload模式的设置","资源编号":"1733727462599227"},{"资源名称":"数据表格点击更改颜色及获取所有内容和点击行内容","简易描述":"数据表格点击更改颜色及获取所有内容和点击行内容","资源编号":"1733803379454152"},{"资源名称":"桌面端自绘标题栏案例","简易描述":"通过这个案例可以实现窗口的自绘；案例只是演示了标题栏窗口的自绘效果","资源编号":"1734013892403348"},{"资源名称":"MQTT客户端及服务端订阅及退订和断开案例","简易描述":"MQTT客户端及服务端订阅及退订和断开案例","资源编号":"1734060416457783"},{"资源名称":"浏览器数据库案例","简易描述":"浏览器数据库案例，实现了浏览器的数据库创建、浏览器记录集的使用","资源编号":"1734514384748807"},{"资源名称":"适用于跨平台PC端的NTP时间获取模块","简易描述":"源码可以获取NTP时间","资源编号":"1734575364222966"},{"资源名称":"HTTP反向代理模块；比NGINX更加自由","简易描述":"本模块弥补了官方支持库的反向代理支持库不够自由的问题；使用本支持库可以实现比nginx更加自由的功能","资源编号":"1734680656103335"},{"资源名称":"桌面端填表-调用内核层执行JS代码【实现模拟用户点击】","简易描述":"有一些网站可能会检测是否是用户鼠标点击；遇见这样的网站可以考虑使用FOF内核层的执行JS代码方式；可以参考本案例","资源编号":"1734841484593611"},{"资源名称":"180行代码实现五子棋游戏","简易描述":"180行代码实现五子棋游戏，精简高效的代码风格","资源编号":"1734954140614636"},{"资源名称":"登录样式_炫酷流动边框","简易描述":"登录样式_炫酷流动边框","资源编号":"1735039799819384"},{"资源名称":"网页/桌面端/F5插件-fetch网页访问模块","简易描述":"网页/桌面端/F5插件-fetch网页访问模块\n\n封装了基于自带的fetch-API访问方式的命令","资源编号":"1735527359214227"},{"资源名称":"账号登录源码","简易描述":"网页登录的代码，欢迎大家交流学习，只做了一个单页面\n\n<!文档类型 网页类型>\n<网页 语言代码=\"中文\">\n    <网页头部>\n        <网页信息 文档编码=\"UTF8\" />\n        <网页信息 名称=\"页面视图\" 关联数据=\"视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假\" />\n        <网页信息 关联HTTP=\"兼容模式\" 关联数据=\"最高IE版本\" />\n        <网页标题>Document</网页标题>\n    </网页头部>\n    <网页主体>\n        <区块 类名=\"主窗口\">\n            <区块 类名=\"左侧图片\">\n                <图片框 图像地址=\"@文件_register.png\" 错替文本=\"\" />\n            </区块>\n            <区块 类名=\"右侧表单\">\n                <区块 类名=\"登录方式div\">\n                    <无序列表 类名=\"超链接分组\">\n                        <列表项><超链接 链接地址=\"\">验证码登录</超链接><行内元素>|</行内元素></列表项>\n                        <列表项><超链接 链接地址=\"\">个人密码登录</超链接><行内元素>|</行内元素></列表项>\n                        <列表项><超链接 链接地址=\"\">微信登录</超链接></列表项>\n                    </无序列表>\n                </区块>\n                <区块 类名=\"表单div\">\n                    <表单 表单地址=\"\" 交互类型=\"\">\n                        <行内元素 类名=\"表单_文本\">手机号</行内元素><换行 />\n                        <数据框 属性名称=\"\" 数据类型=\"文本输入\" 数据值=\"请输入账号\" 类名=\"表单_编辑框\" /><换行 />\n                        <行内元素 类名=\"表单_文本\">个人密码</行内元素><换行 />\n                        <数据框 属性名称=\"\" 数据类型=\"密码输入\" 数据值=\"password\" 类名=\"表单_编辑框\" /><换行 /><换行 />\n                        <数据框 属性名称=\"\" 数据类型=\"选择框\" 数据值=\"记住密码\" 类名=\"表单_选择框\" />记住密码 <行内元素 类名=\"表单_忘记密码\">忘记密码?</行内元素><换行 />\n                        <数据框 属性名称=\"\" 数据类型=\"按钮类型\" 数据值=\"登录\" 类名=\"表单_提交按钮\" /><换行 />\n                        <行内元素 行内样式=\"左边距: 5px; 字体-大小: 15px\">注册紫鸟账号，获得新人优惠券</行内元素><超链接 链接地址=\"/\" 类名=\"表单_立即注册\">&nbsp;&nbsp;&nbsp;立即注册</超链接>\n                    </表单>\n                </区块>\n                <区块 类名=\"切换登录div\">\n                    <按钮><行内元素>❔︎</行内元素> 切换企业登录</按钮>\n                </区块>\n            </区块>\n        </区块>        \n    </网页主体>\n</网页>","资源编号":"1735549039640357"},{"资源名称":"桌面端结束进程案例","简易描述":"桌面端结束某个进程案例，适用于windows","资源编号":"1735894778994790"},{"资源名称":"桌面端获取拖放文件路径案例","简易描述":"案例实现了获取拖放到软件的文件路径信息","资源编号":"1735904333154958"},{"资源名称":"网页/桌面端-通义千问流式访问API案例","简易描述":"案例提供了通义千问的流式访问API\n\n注意：请自行更换案例里面的APPID、APPKEY、智能体ID等\n\n使用AI进行流式输出","资源编号":"1736157880981645"},{"资源名称":"移动端H5、微信小程序通义千问流式访问API","简易描述":"支持移动端H5、微信小程序两种模式的流式访问API-通义千问AI\n\n使用AI的流式输出-SSE","资源编号":"1736162418572643"},{"资源名称":"树形表格案例【网页/桌面端/F5】","简易描述":"一个树形表格案例，使用本案例记得参考该帖子：layui最新版模块-2.9.2更新","资源编号":"1736521017845465"},{"资源名称":"车牌输入模块【网页/桌面端/F5】","简易描述":"提供一个高度封装的车牌输入模块，做汽车相关业务的可以使用；可以轻松简单以及标准的让用户自己输入车牌","资源编号":"1736555948955725"},{"资源名称":"页面元素保存为图片模块【网页/桌面端/F5】","简易描述":"模块可以将页面中的某些元素保存为图片。\n\n\n","资源编号":"1736588028290521"},{"资源名称":"国产系统UOS专用开机自启及快捷方式设置案例","简易描述":"国产系统的开机自启很多方式有区别；这里分享一个UOS系统下的程序开机自启以及快捷方式设置案例","资源编号":"1736852519496120"},{"资源名称":"移动端声音-音乐播放案例","简易描述":"分享一个移动端播放声音、播放音乐的案例","资源编号":"1736869017560417"},{"资源名称":"新年开源-灯笼、鼠标跟随、点击特效","简易描述":"封装了一个灯笼、鼠标跟随、鼠标点击的特效的模块\n\n如果只需要灯笼特效可以不加载三方模块，直接把灯笼的CSS和HTML代码拷贝到自己的项目即可","资源编号":"1737719959742488"},{"资源名称":"右键弹出菜单并复制选中的文本","简易描述":"案例实现了右键弹出菜单，并复制选中的文本到粘贴板中","资源编号":"1737795890862731"},{"资源名称":"移动端视频播放案例","简易描述":"一个移动端进行视频播放的案例","资源编号":"1738047245809807"},{"资源名称":"websocket服务端模块【官方库的扩展】","简易描述":"分享一个websocket的三方服务模块；这个模块与官方的websocket服务库命令一致【只有类名不一样；方法名都一样；用法也一样】\n\n这个模块在官方库的基础上增加了关闭服务等\n\n官方之所以不加关闭服务的命令是因为基于node的ws服务的关闭命令并不是立即生效；而是需要等待客户端都关闭了才会生效；所以我在这个基础上进行了一次包装。\n\n模块安装可以参考：模块安装教学","资源编号":"1738390533744961"},{"资源名称":"根据坐标获取位置-官方WEB地图库扩展模块","简易描述":"根据官方的WEB地图库进行了扩展，提供了根据坐标获取位置的功能","资源编号":"1738810903516438"},{"资源名称":"锐浪WEB报表最基础案例","简易描述":"提供了一个最基础的锐浪报表案例，就一个图片框和文本框；方便用户了解其JSON数据格式","资源编号":"1739010654337634"},{"资源名称":"纳彩指纹仪设备支持库【支持国产系统】","简易描述":"提供了纳彩指纹仪设备操控模块【纳彩指纹仪可以在某宝获得】\n\n注意：模块包里面提供了windows的驱动库；下载案例后需要安装一下\n\n注意：如果你是国产系统【例如麒麟、统信等，可以联系纳彩的官方客服发送指定的驱动给你】\n\n注意：案例使用了FOF的模块，模块安装参考教程：模块安装教程","资源编号":"1739438719150762"},{"资源名称":"分享一个通用倒计时网页模板","简易描述":"\n\n\n\n\n\n\n\n\n\n\n\n浏览器通用\n\n倒计时开始时候，理论上，网页不在置顶层，再次获取焦点时候，会自动核算当前所剩时间。","资源编号":"1739846635387486"},{"资源名称":"数据驱动属性使用方法更改图片","简易描述":"案例演示了图片框的地址属性使用数据驱动，属性的成员是方法。\n\n数据驱动属性使用方法更改图片","资源编号":"1739865750581424"},{"资源名称":"数据表格点击行自动勾选选择框","简易描述":"实现了数据表格点击某一行自动勾选复选框和行变色等","资源编号":"1739866401323545"},{"资源名称":"数据表格右键弹出菜单案例","简易描述":"数据表格右键弹出菜单案例\n\n演示了在数据表格中右键弹出菜单；并屏蔽浏览器自带的菜单；同时右键可以选中表格行；右键选中表格行的同时还可以更改颜色","资源编号":"1739952722872253"},{"资源名称":"XML解析高级模块案例","简易描述":"提供了比官方XML解析库更加全面的解析模块；命令与官方库用法基本一致。\n\n该类库提供了添加、删除节点，节点属性获取等命令","资源编号":"1740190651962406"},{"资源名称":"移动端子组件与父页面传递数据和通信案例","简易描述":"实现了移动端的自定义子组件向父页面传递数据以及父页面向子组件传递数据案例","资源编号":"1741659405762202"},{"资源名称":"移动端动态行内样式背景图片及循环创建组件","简易描述":"移动端动态行内样式背景图片及循环创建组件","资源编号":"1741704392447181"},{"资源名称":"THREE3D模块-1.0.3版本正式发布[新]","简易描述":"模块使用及安装教程参考：我的第一个THREE3D框架-THREE3D教程\n\n案例集合包下载地址：THREE案例集合包-内置大量FOF基础案例\n\n \n\nThree.js —— 开启你的3D创意宇宙！‌ \n\n想要在网页中打造令人惊叹的3D效果？‌Three.js‌ 是你的终极武器！作为基于 ‌WebGL‌ 的轻量级开源库，Three.js 让开发者无需深入底层图形API，即可轻松创建高性能的 ‌3D动画、交互场景、游戏‌，甚至 ‌VR/AR体验‌！\n\n ‌为什么选择Three.js？‌\n\n1️⃣ ‌极简开发‌\n用几行代码即可生成3D模型、材质与光影，告别复杂的底层代码，专注创意实现！\n\n2️⃣ ‌跨平台兼容‌\n支持所有现代浏览器与移动设备，一次开发，多端畅享丝滑3D体验！\n\n3️⃣ ‌强大生态‌\n海量示例、插件和工具库（如模型加载器、物理引擎、后期特效），满足从入门到企业级项目需求！\n\n4️⃣ ‌开源社区驱动‌\n全球开发者共同维护，文档完善、教程丰富，问题随时解决，灵感永不枯竭！\n\n ‌应用场景无限‌\n ‌网页游戏与元宇宙‌：打造沉浸式3D游戏与虚拟空间\n ‌数据可视化‌：将复杂数据转化为动态3D图表\n ‌产品展示‌：360°交互式展示商品、建筑与工业设计\n ‌艺术与教育‌：用互动3D让知识跃然屏上\n\n \n\n更新公告：\n\n2025-03-15：\n\n1、新增【THREE动画混合器类】\n\n2、新增【THREE动画动作类】\n\n3、新增【THREE时钟类】\n\n4、新增【THREE3D模型类】中加载fbx模型功能\n\n2025-03-29：\n\n1、优化相机、以及各类基础命令\n\n2、新增THREE的物理引擎类","资源编号":"1741922611432428"},{"资源名称":"three3D-glb-模型加载案例","简易描述":"注意：案例里面没有加载模块；模块太大了。\n\n可以自行下载模块安装，参考模块下载地址中提供的下载及安装教程：THREE3D模块下载","资源编号":"1741924375176934"},{"资源名称":"FBX动画模型加载及显示","简易描述":"注意：案例里面没有加载模块；模块太大了。\n\n注意：至少需要three-FOF-1.0.2版本【2025-03-15以上版本】\n\n可以自行下载模块安装，参考模块下载地址中提供的下载及安装教程：THREE3D模块下载","资源编号":"1742002617155845"},{"资源名称":"软件布局框架界面，可左右拖动的栏目和顶部菜单以及底部状态栏","简易描述":"软件布局框架界面，可左右拖动的栏目和顶部菜单以及底部状态栏\n\n如果是开发相关的软件则可以通过这个框架快速的构建自己的布局界面","资源编号":"1742043316702272"},{"资源名称":"layui多文件上传案例","简易描述":"layui多文件上传案例，点击图片框可以选择多个我呢见，点击按钮上传 后端会收到多次文件请求","资源编号":"1742390276995577"},{"资源名称":"HTTP服务上传大文件时超过最大尺寸返回自定义信息","简易描述":"HTTP服务上传大文件时超过最大尺寸返回自定义信息。\n\n演示了定义服务端的最大允许上传尺寸，当上传的文件超过了大小时返回自定义信息","资源编号":"1742548474185925"},{"资源名称":"THREE3D案例包-内置大量FOF案例","简易描述":"本案例是FOF的THREE3D案例包，内置了大量的FOF基础3D案例","资源编号":"1743216042069895"},{"资源名称":"富文本编辑框上传文件案例以及上传文件过大提示错误案例","简易描述":"富文本编辑框上传文件案例以及上传文件过大提示错误案例","资源编号":"1743229336548884"},{"资源名称":"【只适用于APP】移动端浏览框弹出签名窗口并获取回调信息","简易描述":"【只适用于APP】移动端浏览框弹出签名窗口并获取回调信息\n\n请将里面的移动端测试地址改成自己的地址","资源编号":"1743478138215543"},{"资源名称":"网页水印相机","简易描述":"","资源编号":"1743499789743587"},{"资源名称":"移动端H5水印相机","简易描述":"","资源编号":"1743499987936757"},{"资源名称":"MQTT移动端及服务端案例-带断开、退订主题等功能","简易描述":"MQTT移动端及服务端案例-带断开、退订主题等功能","资源编号":"1744021764522981"},{"资源名称":"调用动态链接库实现设置和获取鼠标位置","简易描述":"调用动态链接库实现设置和获取鼠标位置","资源编号":"1744162353991793"},{"资源名称":"颜色选择器模块【网页/桌面端/F5】","简易描述":"实现一个流畅的颜色选择器模块","资源编号":"1744614483456188"},{"资源名称":"父窗口主动传递数据给子窗口案例","简易描述":"案例演示了获取所有子窗口，并调用某个特定子窗口的方法","资源编号":"1745315634543274"},{"资源名称":"移动端多个日历选择器组件案例","简易描述":"移动端多个日历选择器组件案例\n\n演示了组件标识类的使用方法","资源编号":"1745458096346827"},{"资源名称":"移动端输入框主动获得焦点案例","简易描述":"输入框主动获得焦点案例","资源编号":"1745550190899684"},{"资源名称":"数据表格选择行变色同时选择单选框","简易描述":"数据表格选择行变色同时选择单选框","资源编号":"1745569092149363"},{"资源名称":"七项第三方个人微信支付宝支付不需要yyzz","简易描述":"申请办理地址:https://www.qixiangpay.cn/?invite=WGFYUQ\n\n\n由于是第三方的，所以有什么问题，我不负责哈哈，我在用这还挺好，发上来大家一起完善吧，我也是个小白，能调用就行了，这个不需要营业执照什么的，我个人没有公司，所以整了这个，玩了这么久效果不错，很快哈哈哈\n\n\n","资源编号":"1745804722316571"},{"资源名称":"layui监听下拉列表改变","简易描述":"layui监听下拉列表改变","资源编号":"1746442115985918"},{"资源名称":"数据表格点击复选框进行询问，并使复选项复原案例","简易描述":"数据表格点击复选框进行询问，并使复选项复原案例","资源编号":"1747830913787451"},{"资源名称":"webview填表之主动设置cookie","简易描述":"演示了桌面端使用webview控件时主动设置webview的cookie案例。\n\n案例中使用了IPC通信的模式，如果要把案例移植到自己的项目，可以参考下面的介绍：\n\n1、首先把HOOKWebview.ljs设置为注入main模式\n\n2、把HOOKWebHtml.ljs设置为注入preload模式\n\n3、然后就可以使用这段代码进行cookie的主动设置：\n\nIPC通信类.设置COOKIE({\n    persist: \"persist:myPartition\",\n    url: \"https://www.fofstudio.net\",\n    name: \"ceshi\",\n    value: \"234567\",\n    domain: \".fofstudio.net\",\n    path: \"/\",\n    secure: 假,\n    httpOnly: 假,\n    expirationDate: 日期类.取时间戳2() + 3600 //代表一小时过期\n});\n\n上面代码中persist: \"persist:myPartition\",对应webview组件的partition属性：\n\n<桌面端框架 类名=\"contentFrame\" allowpopups 名字=\"contentFrame\" id=\"框架ID\" 链接地址=\"\" partition=\"persist:myPartition\"></桌面端框架>\n\n其他对应的就是cookie的信息","资源编号":"1749191144171777"},{"资源名称":"桌面端最简单生成PDF文件案例","简易描述":"使用桌面端快速生成PDF文件案例","资源编号":"1751444533261168"},{"资源名称":"网页录音器模块","简易描述":"提供了一个支持网页的录音器模块\n\n模块安装可以参考：关于快码三方模块的安装使用说明【推荐使用第一种方式】","资源编号":"1751508887702166"},{"资源名称":"服务端发送JSON数据到移动端循环渲染","简易描述":"服务端发送JSON数据到移动端循环渲染\n\n移动端请求数据，服务端发送数据；然后移动端动态渲染数据","资源编号":"1751539568674245"},{"资源名称":"小程序支付封装后端模块，加前端调起支付","简易描述":"前端带案例，后端带说明加封装模块，直接对接支付参数，加商品参数即可使用，简洁封装，省了不少对接支付模式\n\n\n\n\n\n","资源编号":"1751720131320654"},{"资源名称":"mysql8模块-支持直接连接mysql8.0以上版本","简易描述":"mysql8三方模块，与FOF的官方模块用法基本一致；看看案例就能明白。\n\n该模块支持直接连接mysql8.0以上的版本。\n\n模块安装可以参考教程：模块安装【推荐里面的第一种安装方式】","资源编号":"1751965848309186"},{"资源名称":"百度翻译模块【网页/桌面端】","简易描述":"百度翻译API官方接口的模块\n\n模块安装可以参考教程：模块安装【推荐里面的第一种安装方式】","资源编号":"1752027262795769"},{"资源名称":"sqlite模块-支持arm-支持内存数据操作","简易描述":"FOF的官方SQLITE数据库操作并不支持arm版本的windows；所以这里提供了一个不需要构建，直接通过js进行sqlite操作的模块。\n\n另外这个模块内部还提供了内存数据库的功能；如果有内存数据库、快速数据操作的需求可以使用。\n\n\n\n\n模块在案例的三方模块目录【LibUser】，模块的安装可以参考：模块安装教程","资源编号":"1752591778086529"},{"资源名称":"word生成扩展模块-控制行间距","简易描述":"可以重点关注案例中生成下面截图处的代码\n\n \n\n使用扩展模块进行行间距的控制。\n\n模块在案例的LibUser目录，安装可以参考：FOF模块安装教程【推荐第一种安装方案】\n\n另外记得要更新一下FOF，下午有推送一次更新","资源编号":"1752742020323572"},{"资源名称":"JWTtoken令牌生成解析等方法分享记录","简易描述":"JWT工具函数库 - 不依赖第三方库的JWT实现\n\n包含创建、验证、解码、刷新和检查过期状态等功能\n\nJWT（JSON Web Token）令牌是一种轻量级的身份验证和信息交换规范，主要作用体现在以下几个方面：\n1. 身份验证（Authentication）\n这是 JWT 最常见的用途。用户登录成功后，服务器生成一个包含用户身份信息的 JWT 令牌返回给客户端，客户端后续请求时携带该令牌，服务器通过验证令牌即可确认用户身份，无需每次查询数据库。\n优势：无需在服务器存储会话状态（无状态），适合分布式系统和前后端分离架构。\n2. 信息交换（Data Exchange）\nJWT 可以在不同系统间安全地传递信息。由于令牌包含签名，接收方可以验证信息是否被篡改，确保数据的完整性和真实性。\n适用场景：微服务之间的通信、第三方系统集成等。\n3. 授权访问控制（Authorization）\n令牌中可以包含用户的权限信息（如角色、操作权限），服务器通过解析令牌即可判断用户是否有权限访问某个资源，无需额外查询权限数据库。\n示例：令牌载荷中包含\"role\": \"admin\"，服务器可直接据此判断该用户是否为管理员。\n4. 减轻服务器负担\n传统的会话认证需要服务器存储会话 ID，而 JWT 是无状态的 —— 服务器无需保存任何会话信息，仅通过令牌本身即可完成验证，大幅减轻服务器存储压力，尤其适合高并发场景。\n5. 跨域认证支持\n在跨域场景中（如前后端分离、多系统集成），JWT 可以轻松在不同域名间传递，避免了传统 Cookie 受同源策略限制的问题。\n总结\nJWT 的核心价值在于安全、高效地在各方之间传递经过验证的信息，尤其在分布式系统和前后端分离架构中，它简化了身份验证流程，同时保证了信息的可靠性。不过，使用时需注意令牌的过期时间设置、密钥安全性等问题，避免安全风险。","资源编号":"1753725866177835"}]}