- 博客(50)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 1、Axure9.0实现简单的导航切换或tab切换效果
使用Axure9.0实现简单的web端导航栏的切换效果或者APP底部的tab切换效果，主要做了三种模式，如下图：1、构建基本的切换框架图2、设置交互2.1导航一效果设计（1）选中需要设置的交互元件，后点击交互页面中“新建交互”的按钮（2）设置交互事件，选中需要设置的元件，选择“单击时”的触发事件，并为其添加“设置选中”的动作（3）选中的元件为“当前元件”，并将其选中的值设置为“真”（4）修改鼠标选中后的样式，点击“添加类似鼠标悬停的交互样式”，并选择“元件选中
2021-02-10 16:28:39
4220
3
原创 仿微信读书APP原型设计
为了回顾一下之前学习的Axure，悄悄做了一个案例练练手，因为有用电子读书APP的习惯，再加上是常用APP差不多都绑定了QQ，所以选择腾讯旗下的微信读书作为这次案例的目标，功能点还没做完，只做了一部分，高深的部分还有待深入及后续的更新，目前先PO上已完成的原型设计图，在以后案例更新中会增加制作的详细的制作过程，既算是做一个总结，也希望能给同样正在学习的新手带来一点帮助（PS：这次已经成稿了，后面功...
2019-11-25 21:04:40
2660
3
原创 03 Scene场景及页面调试插件
场景是每个Three.js项目中放置内容的容器，同时也可以拥有多个场景进行切换展示，可以在场景中放置模型、灯光和相机，还可以通过调整场景的位置让场景内的所有内容都一起跟着调整位置。场景的结构在学JavaScript基础的时候免不了要操作DOM对象，而DOM对象的结构都是树形结构的，Three.js也遵循这样的理念，将所有可以添加到场景内的结构梳理成了一种树形的结构，以便能够更好的理解Thr...
2018-10-17 21:44:21
1776
原创 02 Three.js中的"Hello World”-旋转的立方体
通过Three.js中的“Hello World”-旋转的立方体来认识一下Three.js中的一些最基本的构件。构建场景首先，需要将Three.js库的js文件引入：<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/92/three.js"></script>然后在<body&g...
2018-10-12 21:27:15
418
原创 01 初识Three.js
什么是WebGL？WebGL（Web图形库）是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式的3D或者2D图形，并且不用使用任何的插件。WebGL通过引入一个与OpenGL ES2.0紧密相符合的API，可以在HTML5元素中使用。简而言之，WebGL可以提供一系列的图形接口，通过js去使用GPU来进行浏览器图形渲染的工具。什么是Three.js？Three...
2018-10-12 20:04:55
327
原创 LeetCode：80、删除排序数组中的重复项 II
题目描述：给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素最多出现两次，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。实例：实例1：给定 nums = [1,1,1,2,2,3],函数应返回新长度 length = 5, 并且原数组的前五个元素被修改为 1, 1, 2, 2, 3 。你不需...
2018-09-18 21:05:20
285
原创 LeetCode：164、最大间距
题目描述：给定一个无序的数组，找出数组在排序之后，相邻元素之间最大的差值。如果数组元素个数小于 2，则返回 0。示例：示例1：输入: [3,6,9,1]输出: 3解释: 排序后的数组是 [1,3,6,9], 其中相邻元素 (3,6) 和 (6,9) 之间都存在最大差值 3。示例2：输入: [10]输出: 0解释: 数组元素个数小于 2，因此返回 0。解题思路...
2018-07-26 15:11:00
521
原创 LeetCode：162、寻找峰值
题目描述：峰值元素是指其值大于左右相邻值的元素。给定一个输入数组 nums，其中 nums[i] ≠ nums[i+1]，找到峰值元素并返回其索引。数组可能包含多个峰值，在这种情况下，返回任何一个峰值所在位置即可。你可以假设 nums[-1] = nums[n] = -∞。示例：示例1：输入: nums = [1,2,3,1]输出: 2解释: 3 是峰值元素，你的函...
2018-07-25 15:01:06
1409
原创 LeetCode：83、删除排序链表中的重复元素
题目描述：给定一个排序链表，删除所有重复的元素，使得每个元素只出现一次。示例：示例1：输入: 1->1->2输出: 1->2示例2：输入: 1->1->2->3->3输出: 1->2->3解题思路：直接判断下个节点的val是否与当前节点相同，相同则删除，不同则将向后移。AC代码：/** * Def...
2018-07-23 16:16:28
193
原创 LeetCode：100、相同的树
题目描述：给定两个二叉树，编写一个函数来检验它们是否相同。如果两个树在结构上相同，并且节点具有相同的值，则认为它们是相同的。示例：示例1：输入: 1 1 / \ / \ 2 3 2 3 [1,2,3], [1,2,3]输出: true示例2：输入: ...
2018-07-23 15:15:10
164
原创 LeetCode：169、求众数
题目描述：给定一个大小为 n 的数组，找到其中的众数。众数是指在数组中出现次数大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在众数。示例：示例1：输入: [3,2,3]输出: 3示例2：输入: [2,2,1,1,1,2,2]输出: 2解题思路：思路1：使用排序的方式将数组中的所有数进行排序操作后再数列中间（n/2）的数就是绝对众...
2018-07-23 11:39:36
715
原创 LeetCode：154、寻找旋转排序数组中的最小值 II
题目描述：假设按照升序排序的数组在预先未知的某个点上进行了旋转。( 例如，数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] )。请找出其中最小的元素。注意数组中可能存在重复的元素。示例：示例1：输入: [1,3,5]输出: 1示例2：输入: [2,2,2,0,1]输出: 0解题思路：思路1：最笨的方法就是遍历一遍数组后...
2018-07-21 17:12:36
160
原创 LeetCode：168、Excel表列名称
题目描述：给定一个正整数，返回它在 Excel 表中相对应的列名称。例如： 1 -> A 2 -> B 3 -> C ... 26 -> Z 27 -> AA 28 -> AB ...示例：示例1：输入: 1输出: "A"示例2：输入: 28输出: "AB"...
2018-07-20 15:23:55
310
原创 LeetCode：153、寻找旋转排序数组中的最小值
题目描述：假设按照升序排序的数组在预先未知的某个点上进行了旋转。( 例如，数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] )。请找出其中最小的元素。你可以假设数组中不存在重复元素。示例：示例1：输入: [3,4,5,1,2]输出: 1示例2：输入: [4,5,6,7,0,1,2]输出: 0解题思路：最笨的方法就是将数组...
2018-07-20 14:39:06
485
1
原创 LeetCode：104、二叉树的最大深度
题目描述：给定一个二叉树，找出其最大深度。二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。说明：叶子节点是指没有子节点的节点。示例：给定二叉树 [3,9,20,null,null,15,7] 3 / \ 9 20 / \ 15 7解题思路：二叉树的高度等于二叉树左子树的最大高度与二叉树右子树的最大高度的最大值加1....
2018-07-18 17:49:17
164
原创 LeetCode：171、Excel表列序号
题目描述：给定一个Excel表格中的列名称，返回其相应的列序号。例如：A -> 1B -> 2C -> 3 ...Z -> 26AA -> 27AB -> 28 ...示例：示例1：输入: "A"输出: 1示例2：输入: "AB"输出: 28示例3：输入: "ZY"输出: 701解题思路：相..
2018-07-18 17:26:37
467
原创 LeetCode：172、阶乘后的零
题目描述：给定一个整数 n，返回 n! 结果尾数中零的数量。示例：示例1：输入: 3输出: 0解释: 3! = 6, 尾数中没有零。示例2：输入: 5输出: 1解释: 5! = 120, 尾数中有 1 个零.解题思路：列出所有5的倍数发现了规律，所有5的倍数会添加一个0，所有5^2的倍数会比5的倍数多添加一个0。1×5 → 5！ → 1个02×5...
2018-07-18 16:50:16
394
原创 LeetCode：88、合并两个有序数组
题目描述：给定两个有序整数数组 nums1 和 nums2，将 nums2 合并到 nums1 中，使得 num1 成为一个有序数组。说明：初始化 nums1 和 nums2 的元素数量分别为 m 和 n。你可以假设 nums1 有足够的空间（空间大小大于或等于 m + n）来保存 nums2 中的元素。示例：输入:nums1 = [1,2,3,0,0,0], m = 3nums2 = [2,...
2018-07-16 15:39:41
142
原创 LeetCode：27、移除元素
题目描述：给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。示例：示例1：给定 nums = [3,2,2,3], val = 3,函数应该返回新的长度 2, 并且 nums 中的前两个...
2018-07-16 14:43:46
143
原创 LeetCode：13、罗马数字转整数
题目描述：罗马数字包含以下七种字符：I， V， X， L，C，D 和 M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如， 罗马数字 2 写做 II ，即为两个并列的 1。...
2018-07-10 15:26:43
185
原创 LeetCode：35、搜索插入位置
题目描述：给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。示例：示例1：输入: [1,3,5,6], 5输出: 2示例2：输入: [1,3,5,6], 2输出: 1示例3：输入: [1,3,5,6], 7输出: 4示例4：输入: [1,3,5,6], 0输出: 0解题思路：遍历整个数组与目标值比较输出满足条件的值对应的...
2018-07-09 17:46:20
216
原创 LeetCode：258、各位相加
题目描述：给定一个非负整数num，反复将各个位上的数字相加，直到结果为一位数。示例：输入: 38输出: 2 解释: 各位相加的过程为：3 + 8 = 11, 1 + 1 = 2。 由于 2 是一位数，所以返回 2。解题思路：输入的数为非负数，当输入的数为个位数的时候不用叠加直接输出AC代码1：int addDigits(int num) { int result = 0; //...
2018-07-05 11:07:37
258
原创 LeetCode：202、快乐数
题目描述：编写一个算法来判断一个数是不是“快乐数”。一个“快乐数”定义为：对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和，然后重复这个过程直到这个数变为 1，也可能是无限循环但始终变不到 1。如果可以变为 1，那么这个数就是快乐数。示例：输入: 19输出: true解释: 1^2 + 9^2 = 828^2 + 2^2 = 686^2 + 8^2 = 1001^2 + 0...
2018-07-04 15:37:24
128
原创 LeetCode：9、回文数
题目描述：判断一个整数是否是回文数。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。示例：示例1：输入: 121输出: true示例2：输入: -121输出: false解释: 从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例3：输入: 10输出: false解释: 从右向左读, 为 01 。因此它不是一个回文数。解题思路：用变量存放...
2018-07-04 15:08:03
170
原创 LeetCode：1、两数之和
题目描述：给定一个整数数组和一个目标值，找出数组中和为目标值的两个数。你可以假设每个输入只对应一种答案，且同样的元素不能被重复利用。示例：给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]解题思路：使用穷举法，即将两数相加，穷举所有数进行对比，时间复杂度O（n^n）。AC代码：int*...
2018-07-04 14:11:06
124
原创 Axure实现省市列表的联动效果
---->初始状态："请选择"时：---->选择省市列表时：第一步：在第一个下拉列表中设置对应的省级城市，如下图：第二步：设置一个动态面板与第一个下拉列表并列排布，并将动态面板命名未“list”，在其中添加与下拉列表对应的省级城市的名字，如下图所示：第三步：对于动态面板“list”中的每一个省级城市对应的页面添加一个下拉列表并在下拉列表中添加该省级城市的下属城市名字，如下图所示：第四步...
2018-02-27 14:41:29
5671
3
原创 Axure实现单选、全选与取消全选的方式
第一步：创建一个多选项的页面，如下所示：第二步：实现单选效果，选中需要设置单选效果的原件添加用例：第三步：设置原件的选中状态当前原件，其值设置为“toggle":第四步：设置原件点击后发生的样式变化，在“选中”中对原件的样式进行设置：第五步：原件单选效果已经设置完毕，如下图：第五步：对每一个参与多选的原件都进行单选样式的设置，包括全选原件，如下图所示：第六步：对全选原件选中状态样式的改变进行用例增...
2018-02-27 11:58:42
31844
5
原创 CSS3中的动画功能-transition功能与animations功能
CSS3中的动画功能-transition功能与animations功能
2017-07-30 21:45:20
1552
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人