Vue Router 通过使用路由可以很好的实现SPA页面，即只有一个真实页面。一个页面可能承载很多功能页面，要实现不跳转来转换界面，可以通过路由链接实现。路由大体上是一个键值对，即pathcomponent。路径与组件相对应，根据路径跳转到相应的组件。router-link通过自定义组件router-link来创建链接。使得Vue Router可以在不重新加载页面的情况下更改URL，处理URL的生成以及编码。其中的to属性指向对应的path。router-view将显示与URL对应的组件。你可以把它放在任何地方...
算法练习（7） 给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。给你一个整数数组nums，除某个元素仅出现一次外，其余每个元素都恰出现三次。思路不使用循环或递归，可以通过位运算判断n是否为2的幂，再通过n对3取模是否为1便可判断出n是否为4的幂。给定一组非负整数nums，重新排列每个数的顺序（每个数不可拆分）使之组成一个最大的整数。思路通过哈希表存储数组中每个值的下标，遍历nums中的每个元素即可。...
算法练习（6） 题目一：玩筹码（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/minimum-cost-to-move-chips-to-the-same-position思路：统计奇数和偶数的个数取最小值即可题目二：移除元素（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/remove-element思路：通过while循环遍历数组，相同则使用del删除列表中元素，同时保持下标不变。题
ESMAScript（1） 目录ES5严格模式理解目的/作用使用语法和行为改变JSON对象JSON.stringify(obj/arr)JSON.parse(json)Object对象方法扩展Object.create(prototype,[descriptors])Object.defineProperties(object,descriptors)数组的扩展Array.prototype.indexOf(value)Array.prototype.LastIndexOf(value)Array.prototype.forEach(
算法练习（5） 题目一：从根到叶的二进制数之和（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/sum-of-root-to-leaf-binary-numbers思路：通过递归实现深度优先去遍历树，将每个路径存入到一个列表中，随后遍历该树通过int()函数将二进制数转换为十进制数然后相加即可。题目二：无重复字符的最长子串（难度：中等）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/longest-subst
算法练习（4） 题目一：Nim游戏（难度：简单）你和你的朋友，两个人一起玩Nim 游戏：桌子上有一堆石头。你们轮流进行自己的回合，你作为先手。每一回合，轮到的人拿掉1 - 3 块石头。拿掉最后一块石头的人就是获胜者。假设你们每一步都是最优解。请编写一个函数，来判断你是否可以在给定石头数量为 n 的情况下赢得游戏。如果可以赢，返回 true；否则，返回 false 。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/nim-game思路：这道...
算法练习（3） 题目一：长按键入（难度：简单）你的朋友正在使用键盘输入他的名字name。偶尔，在键入字符c时，按键可能会被长按，而字符可能被输入 1 次或多次。你将会检查键盘输入的字符typed。如果它对应的可能是你的朋友的名字（其中一些字符可能被长按），那么就返回True。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/long-pressed-name思路：首先把字符不相同或者typed字符串长度小于名字的直接返回false。其他情况...
算法练习（2） 题目一：搜索插入位置（难度：简单）给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/search-insert-position思路：直接通过二分查找，时间复杂度即为O(log n)；返回应插入的位置即为左边界的值。int searchInsert(int* n
vue学习（2） 事件处理绑定监听三种绑定事件的方法：v-on:xxx="fun"@xxx="fun"@xxx="fun(参数)"默认事件形参：event 隐含属性对象：$event事件修饰符.prevent：阻止事件的默认行为 event.preventDefault().stop：停止事件冒泡 event.stopPropagation()按键修饰符xxx.keyCode：操作的是某个keycode值的键xxx.enter：操作的是回车键其中"xxx"指的...
vue学习（1） 基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
算法练习（1） 题目一：回文数（难度：简单）给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/palindrome-number思路：通过获得x的每位数，直接将数值倒序，然后对比x即可bool isPalindrome(int x){ if.
JS高级（2） 函数高级原型与原型链原型函数的prototype属性每个函数都有一个prototype属性，它默认指向一个Object空对象（即称为原型对象）。原型对象中有一个属性constructor，它指向函数对象。给原型对象添加属性（一般都是方法）作用：函数的所有实例对象自动拥有原型中的属性（方法） <script type="text/javascript"> //每个函数都有一个prototype属性，它默认指向一个Object空对象（即：称为原型对象）
JS高级（1） 数据类型分类基本类型String：任意字符串Number：任意数字boolean：布尔（true / false）undefined：undefinednull：null对象类型Object：任意对象Function：一种特别的对象（可以执行）Array：一种特别的对象（数值下标，内部数据是有序的）判断typeof：返回数据类型的字符串表达。可以判断undefined、数值、字符串、布尔值、function；不能判断null与Object、Object与Arr
H5（4） 目录视频播放器实例状态标签meterprogress列表标签datalistdetailssummary注释标签ruby标记标签mark新增表单控件新增表单属性表单验证validity对象视频播放器实例html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
H5（3） canvas像素操作事实上，直接通过ImageData对象操作像素数据，直接读取或将数据数组写入该对象中。getImageData()该方法可以获取一个包含画布场景像素数据的ImageData对象，它代表了画布区域的对象数据ctx.getImageData(sx,sy,width,height)sx：将要被提取的图像数据矩形区域的左上角x坐标sy：将要被提取的图像数据矩形区域的左上角y坐标width：将要被提取的图像数据矩形区域的宽度height：将要被提取的图像数据矩形区域
H5（2） canvas容器路径容器每次调用路径api时，都会往路径容器里做登记。调用beginPath()时，会清空整个路径容器。样式容器每次调用样式api时，都会往样式容器里做登记。调用save()时，将样式容器里的状态压入样式栈。调用restore()时，将样式栈的栈顶状态弹出到样式容器里，并覆盖原来样式。样式栈调用save()时，将样式容器里的状态压入样式栈。调用restore()时，将样式栈的栈顶状态弹出到样式容器里，并覆盖原来样式。canvas签名（实例）<
关注
