---恢复内容开始---一、前言 &n
转载
2024-04-24 13:32:54
626阅读
一、前言数据调试模块，用于显示通信串口的数据，自定义不同颜色显示，可以勾选过滤某个串口进行数据查看，也可以选择所有数据，还可以勾选暂停显示复选框用来暂停打印显示信息。数据调试可以很方便的查看串口收发数据，以便查证数据通信是否正确，特别是可以规避一些扯皮的问题，比如上位机下位机双方都是按照数据约定来编写程序，但是联调的时候突然发现没有按照约定的流程走下去，此时就可以打开数据调试模块，看下收发的数据是
转载
2024-05-08 12:03:04
886阅读
实现的九宫格效果： 一、使用 .box{
display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
display: flex; //将对象作为弹性伸缩盒显示
} 二、容器属性.box{...} flex-direction:row|column //默认，主轴水平方向，起点在左端，或者主轴垂
转载
2024-05-17 14:31:44
1270阅读
这段时间看回以前入门的CSS教程，发觉自已的CSS水平没太大的提高....郁闷....那么就做一个实例吧，自己也来动手做做九宫格吧.我还没有想到怎么做伸缩的九宫格，在这里我做的是可以横向伸缩的效果。只怪自己能力有限，先打打基础吧。我先用PS画了一个图，如下图： 跟着就是切图: 实际的布局： CTRL+ALT+SHIFT + S 输出。浏览输出的这个网页吧，
转载
2024-08-20 13:17:05
69阅读
前言 刚开始做前端的同学,样式是需要跨过去的第一道坎,而样式中的布局设计更是最常见的需求之一,比如说常见的九宫格或是六宫格,这篇文件就以一个实战案例讲述关于样式布局的相关内容.本文为uniapp项目,不同前端项目的css样式风部分会有差异,大部分都是一致的,重点理解体会布局实现方式以及注意问题. 先看下需
转载
2024-08-13 09:45:09
163阅读
前言在本文中将会用Vue完成九宫格拖拽效果，同时介绍一下网格布局。具体代码以及demo可以点以下超链接进入效果实例Demo简单了解Grid布局（网格布局）什么是网格布局CSS网格布局（又称“网格”），是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用的是table（表格）布局，然后用float(浮动)，position（定位）和inline-block（行内块）布局，但
九宫格手势密码项目Github地址GesturePassword项目九宫格密码的使用一般分为两种场景：系统级别的锁屏密码App级别的登录、启动验证本篇文章主要介绍的是App级别的启动验证，主要从三方面介绍：1、提供已经写好的九宫格密码View。2、讲解九宫格密码View的使用方法。3、九宫格密码View的UI的自定义更改。####废话不说，上图一、本文中用的九宫格密码自定义View参看Github
转载
2024-05-29 15:14:02
236阅读
使用vue2和vue3分别实现九宫格抽奖功能关于九宫格抽奖的功能，想必大家都见过。外圈为奖品，中间是一个抽奖的按钮，接下来就讲解怎么实现九宫格的抽奖功能。本demo使用技术：vue2/vue3，作用域插槽，定时器，递归自调用，注册全局组件这里我就搭建个新vue3的项目，虽然是vue3，但也完全可以使用vue2的写法实现创建项目删除初始化代码省略…在这里我是写死的数据。首先我们在App组件里声明li
转载
2024-07-08 21:37:04
724阅读
目录一、上次的反馈二、完成首页九宫格1、查看MUI2、到组件中使用3、调整样式(按F12查看有没有现成的样式名)三、完成组件切换动画效果1、分析2、使用transtion元素3、添加动画样式四、完成新闻列表1、新建新闻列表组件2、页面上换成` `3、配置路由4、在新闻组件添加内容5、修改标签和内容6、样式7、效果8、使用axios获取后端数据五、时间过滤器1、安装moment模板插件2、新建fi
转载
2023-12-13 21:16:52
216阅读
看到微博和朋友圈都实现了图片九宫格，曾经有次面试也问到了九宫格这个问题，当时想到的是先固定每个单元格的宽高，然后进行浮动。今天想折腾一下，实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格，算上inline-block的话就是五种了。首先要注意的是九宫格容器是宽高相等的正方形，并且是自适应的，这里关键是实现宽高相等，有些人想到了相对视口宽度 vw，但是它是相对于屏幕可见宽度来设
介绍下自己编写的九宫格手势密码。先见图思路：首先是9个格子，接着是格子连线；那么我们的步骤就有了。1.手势监听，进行连线2.格子的状态未连接（初始状态）、已连接的（没有结果前）、错误状态（有结果后）。（先这三个，可扩展，比如按下状态）3.自定义viewgroup作为九宫格的容器，里面包含9个view（小格子）一、先从简单的说起吧，9个小格子以及状态为了扩展性，不自定义view，将三个状态和有关属性
转载
2024-05-14 15:25:16
653阅读
最近在搞一个很复杂的页面，搞得脑子有点疲劳。。。抽空把前段时间用jQuery UI写的一个非常简单的九宫格拼图重新分析一下，转换一下心情。
jQuery UI提供了许多非常有用的工具，如draggable、droppable等。这可以让我们用很少的代码实现复杂的功能，并且做到多浏览器兼容。这个九宫格拼图根据需求的不同，我做了两个版本。由于两个版本的JS代码变化还是比较大的，所以我准备分开来
转载
2024-05-16 20:15:40
100阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言
一、基于vue实现九宫格大转盘抽奖二、使用步骤基于vue实现九宫格大转盘抽奖总结 前言基于vue实现九宫格大转盘抽奖提示：以下是本篇文章正文内容，下面案例可供参考一、基于vue实现九宫格大转盘抽奖示例：为活动而写的一小段代码。二、使用步骤1.基于vue实现九宫格大转盘抽奖代码如下（示例）：<
转载
2023-09-18 00:26:26
250阅读
摘要： 记录下我的面经，尽可能给出答案，但不一定正确，如果有不同意见的小伙伴，欢迎指正和讨论内容总结：欧朋： 1.算法题：给一个字符串，相邻的字符去重。（我的想法是写了个循环，如果下一个和现在的不同才添加到结果字符串中，直至串尾） 2.算法题：给一个9*9的数独，判断行，列以及小九宫格不重复。(java 代码)百度： 1.java相关： 问：垃圾回收机制 答：a、 停止—复
最近在微信朋友圈看到个好玩的抽奖九宫格： 随便点开一个： 哈哈，笑出猪叫！这个玩法利用了朋友圈发长图会显示中间局部的设定，搞笑之余也为朋友圈广告营销贡献了新思路。制作图的过程也不复杂，长图对应部分设计好，最后整合到一起就 OK 了，就是一张张地重复操作略显麻烦。想到这，不禁嘴角一翘、微微一笑，用 Python 的 PIL 模块来批量生成九宫格图片，不就
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"
原创
2023-06-21 00:16:40
206阅读
将数字 1…9 填入一个 3×3 的九宫格中，使得格子中每一横行和的值全部相等，每一竖列和的值全部相等。请你计算有多少
原创
2022-11-01 11:16:10
506阅读
题目描述九宫格是一款广为流传的游戏，起源于河图洛书。
游戏规则是: 1到9九个数字放在3x3的格子中，要求每行、每列以及两个对角线上的三数之和都等于15
在金庸名著《射雕英雄传》中黄蓉曾给九宫格的一种解法，口诀:戴九恩一，左三右七，二四有肩，八六为足，五居中央。现在有一种新的玩法，给九个不同的数字，将这九个数字放在3x3的格子中，要求每行、每列以及两个对角线上的三数之积相等(三阶积
幻方)。
解释
原创
2023-06-27 11:20:20
413阅读
创建九宫格： 添加一个取余和取整的方法： swift版本： 控制台打印如下：
原创
2023-08-23 12:23:57
145阅读
在移动开发里有相当多的时候需要使控件呈现九宫格格式的分布，最常见的如图案解锁界面：相册管理界面： 单独创建一个这样界面的步骤相当繁琐，要创建父视图用于控制每一个单独的控件，而控件添加的时候还要判断每一格的位置，而且代码复用性不高，因为每一种九宫格视图的控件边距，控件的宽高不同。所以，是否可以写一个这样的模块，只需要提供一个子控件的frame就能够生成一个完整的九宫格视图呢？以下是我的思路：首先肯定
转载
2023-11-03 09:29:31
135阅读
