- 博客(44)
- 收藏
- 关注
RSS订阅原创 Vue Router
通过使用路由可以很好的实现SPA页面，即只有一个真实页面。一个页面可能承载很多功能页面，要实现不跳转来转换界面，可以通过路由链接实现。路由大体上是一个键值对，即pathcomponent。路径与组件相对应，根据路径跳转到相应的组件。router-link通过自定义组件router-link来创建链接。使得Vue Router可以在不重新加载页面的情况下更改URL，处理URL的生成以及编码。其中的to属性指向对应的path。router-view将显示与URL对应的组件。你可以把它放在任何地方...
2022-08-07 00:00:00
446
原创 算法练习（7）
给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。给你一个整数数组nums，除某个元素仅出现一次外，其余每个元素都恰出现三次。思路不使用循环或递归，可以通过位运算判断n是否为2的幂，再通过n对3取模是否为1便可判断出n是否为4的幂。给定一组非负整数nums，重新排列每个数的顺序（每个数不可拆分）使之组成一个最大的整数。思路通过哈希表存储数组中每个值的下标，遍历nums中的每个元素即可。...
2022-07-24 00:00:00
207
原创 算法练习（6）
题目一：玩筹码（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/minimum-cost-to-move-chips-to-the-same-position思路：统计奇数和偶数的个数取最小值即可题目二：移除元素（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/remove-element思路：通过while循环遍历数组，相同则使用del删除列表中元素，同时保持下标不变。题
2022-07-10 00:00:00
449
原创 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(
2022-07-05 09:55:10
183
原创 算法练习（5）
题目一：从根到叶的二进制数之和（难度：简单）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/sum-of-root-to-leaf-binary-numbers思路：通过递归实现深度优先去遍历树，将每个路径存入到一个列表中，随后遍历该树通过int()函数将二进制数转换为十进制数然后相加即可。题目二：无重复字符的最长子串（难度：中等）来源：力扣（LeetCode）链接：https://leetcode.cn/problems/longest-subst
2022-07-03 00:00:00
93
原创 算法练习（4）
题目一：Nim游戏（难度：简单）你和你的朋友，两个人一起玩Nim 游戏：桌子上有一堆石头。你们轮流进行自己的回合，你作为先手。每一回合，轮到的人拿掉1 - 3 块石头。拿掉最后一块石头的人就是获胜者。假设你们每一步都是最优解。请编写一个函数，来判断你是否可以在给定石头数量为 n 的情况下赢得游戏。如果可以赢，返回 true；否则，返回 false 。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/nim-game思路：这道...
2022-05-30 07:48:42
303
原创 算法练习（3）
题目一：长按键入（难度：简单）你的朋友正在使用键盘输入他的名字name。偶尔，在键入字符c时，按键可能会被长按，而字符可能被输入 1 次或多次。你将会检查键盘输入的字符typed。如果它对应的可能是你的朋友的名字（其中一些字符可能被长按），那么就返回True。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/long-pressed-name思路：首先把字符不相同或者typed字符串长度小于名字的直接返回false。其他情况...
2022-03-12 20:30:00
441
原创 算法练习（2）
题目一：搜索插入位置（难度：简单）给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/search-insert-position思路：直接通过二分查找，时间复杂度即为O(log n)；返回应插入的位置即为左边界的值。int searchInsert(int* n
2022-03-06 00:00:00
84
原创 vue学习（2）
事件处理绑定监听三种绑定事件的方法：v-on:xxx="fun"@xxx="fun"@xxx="fun(参数)"默认事件形参：event 隐含属性对象：$event事件修饰符.prevent：阻止事件的默认行为 event.preventDefault().stop：停止事件冒泡 event.stopPropagation()按键修饰符xxx.keyCode：操作的是某个keycode值的键xxx.enter：操作的是回车键其中"xxx"指的...
2022-03-06 00:00:00
331
原创 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
2022-02-27 10:51:41
469
原创 算法练习（1）
题目一：回文数（难度：简单）给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/palindrome-number思路：通过获得x的每位数，直接将数值倒序，然后对比x即可bool isPalindrome(int x){ if.
2022-02-27 00:00:00
127
原创 JS高级（2）
函数高级原型与原型链原型函数的prototype属性每个函数都有一个prototype属性，它默认指向一个Object空对象（即称为原型对象）。原型对象中有一个属性constructor，它指向函数对象。给原型对象添加属性（一般都是方法）作用：函数的所有实例对象自动拥有原型中的属性（方法） <script type="text/javascript"> //每个函数都有一个prototype属性，它默认指向一个Object空对象（即：称为原型对象）
2022-02-20 13:12:56
324
原创 JS高级（1）
数据类型分类基本类型String：任意字符串Number：任意数字boolean：布尔（true / false）undefined：undefinednull：null对象类型Object：任意对象Function：一种特别的对象（可以执行）Array：一种特别的对象（数值下标，内部数据是有序的）判断typeof：返回数据类型的字符串表达。可以判断undefined、数值、字符串、布尔值、function；不能判断null与Object、Object与Arr
2022-02-13 11:17:25
326
原创 H5（4）
目录视频播放器实例状态标签meterprogress列表标签datalistdetailssummary注释标签ruby标记标签mark新增表单控件新增表单属性表单验证validity对象视频播放器实例html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
2022-02-06 14:34:50
496
原创 H5（3）
canvas像素操作事实上，直接通过ImageData对象操作像素数据，直接读取或将数据数组写入该对象中。getImageData()该方法可以获取一个包含画布场景像素数据的ImageData对象，它代表了画布区域的对象数据ctx.getImageData(sx,sy,width,height)sx：将要被提取的图像数据矩形区域的左上角x坐标sy：将要被提取的图像数据矩形区域的左上角y坐标width：将要被提取的图像数据矩形区域的宽度height：将要被提取的图像数据矩形区域
2022-01-30 13:25:03
1440
原创 H5（2）
canvas容器路径容器每次调用路径api时，都会往路径容器里做登记。调用beginPath()时，会清空整个路径容器。样式容器每次调用样式api时，都会往样式容器里做登记。调用save()时，将样式容器里的状态压入样式栈。调用restore()时，将样式栈的栈顶状态弹出到样式容器里，并覆盖原来样式。样式栈调用save()时，将样式容器里的状态压入样式栈。调用restore()时，将样式栈的栈顶状态弹出到样式容器里，并覆盖原来样式。canvas签名（实例）<
2022-01-23 13:35:53
158
原创 H5（1）
attr&propAttribute（标签属性）用于扩展HTML tag，可改变标签行为或提供元数据，属性总是以name=value的格式（属性的识别码后接与之相关的值）html预定义属性html自定义属性property：js原生对象的直接属性每一个预定义的attribute都会有一个property与之对应...
2022-01-19 13:36:36
607
原创 Less学习
Lessless是一门CSS预处理器，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。less可以在Node或浏览器端运行。
2022-01-09 10:30:00
314
原创 CSS3(5)
flexCSS3弹性盒子（Flexbox），是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运 行/列。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。1.项目永远排列在主轴的正方向上2.flex分新老版本两种：-webkit-box-webkit-flex或flex3.由于仍有移动端的浏览器内核低，而这些浏览器只支持老版的f...
2022-01-03 10:35:45
331
原创 CSS3(4)
扇形导航<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>扇形导航</title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden; }
2021-12-26 13:30:00
314
原创 数据结构（最短路径）
本人还尚未系统性学习JAVA，故此次笔记学习数据结构C语言版本中的图的最短路径问题。路径考虑带权有向图，把一条路劲（仅仅考虑简单路径）上所经边的权值之和定义为该路径的路径长度或称带权路径长度从源点到终点可能不止一条路径，把路径长度最短的那条路径称为最短路径。很多情况下，两个顶点的最短路径不一定唯一，但最短路径长度一定是唯一的。最短路径算法狄克斯特拉（Dijkstra）算法问题：给定一个带权有向图G与源点v，求从v到G中其他顶点的最短路径，并限定各边上的权值大于或等于0。.
2021-12-19 11:30:31
2560
原创 CSS(3)
过渡CSS效率极高，其变化过程往往都是在一瞬间完成，速度极快。transitionCSS transition 提供了一种在更改CSS属性时控制动画速度的方法。其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。transition是一个简写属性，用于的有： transition-property transition-duration transition-timing-function transiti...
2021-12-17 16:48:45
205
原创 CSS3(2)
UI方案圆角border-radius用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时（用 / 分隔）确定一个椭圆，这个圆与边框的交集形成圆角效果。默认值：0 继承性：不可继承值：固定的px值定义圆形半径或椭圆的半长轴，半短轴。不能取负值使用百分数定义圆形半径或椭圆的半长轴，半短轴。水平半轴相对于盒模型的宽度；垂直半轴相对于盒模型的高度。不能取负值实现风车效果：<!DOCTYPE html><html lang=...
2021-12-12 10:32:51
395
原创 CSS3(1)
属性选择器存在和值属性选择器[属性名] 该选择器选择包含该属性名的所有元素，不论其属性值为何[属性名="属性值"] 该选择器仅选择属性名被赋值为等号后的属性值的所有元素[属性名~="属性值"] 表示带有以该属性名的元素，并且该属性名是一个以空格作为分隔的值列表，其中至少一个值为该属性值[属性名|="属性值"] 选择属性名的值为以该 属性值 或以 属性值- 开头的元素[属性名^=...
2021-12-05 11:23:51
194
原创 JavaScript基础（6）
滚动条事件<!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"> <titl
2021-11-28 09:12:06
136
原创 JavaScript基础（5）
confirm()用于弹出一个带有确认和取消按钮的提示框。需要字符串来作为参数，该字符串将作为提示内容。点击确认返回true，点击取消返回false，故可通过返回值来做不同的功能。为表单项添加disabled="disabled"，则表单项将变成不可用的状态。onscroll该事件会在元素的滚动条移动时触发onmousemove该事件将会在鼠标在元素中移动时被触发onmousedown鼠标按键被按下onmouseup鼠标按键
2021-11-21 00:00:00
265
原创 JavaScript基础（4）
call()和apply()这两个方法都是函数对象的方法，需要通过函数对象来调用。当对函数调用call()和apply()都会调用函数执行。在调用call()和apply()可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的thiscall()方法可以将实参在对象之后依次传递；apply()方法需要将实参封装到一个数组中统一传递。fun.call(obj,2,3);fun.apply(obj,[2,3]);通过call()或apply()，能够使用属...
2021-11-14 00:00:00
182
原创 JavaScript基础（3）
变量声明使用var声明的变量，会在所有代码执行之前被声明（不会赋值）。但是如果声明变量时不使用var，则变量不会被声明提前（在函数作用域一样也有该特性）。函数声明使用函数声明形式创建的函数function 函数(){}，它会在所有代码执行之前被创建。所以可以在函数声明前调用函数（在函数作用域一样也有该特性）。使用函数表达式创建的函数，不会被声明提前，故不能在声明前调用。作用域在JS中一共有两种作用域：1.全局作用域 -在全局作用域中有一个全局对象wind...
2021-11-07 08:53:24
63
原创 JavaScript基础（1）
JavaScript简介一个完整的JavaScript实现包含了三个部分：ECMAScript、DOM和BOM。JS的特点： -解释型语言 -类似于C和Java的语法结构 -动态语言 -基于原型的面向对象输出语句<script> alert("xxx");</script>控制浏览器弹出一个警告框<script> document.write("xxx...
2021-10-31 09:22:14
591
2
原创 CSS2.1
包含块对于浮动元素，其包含块定义为最近的块级祖先元素。对于定位，情况没有这么简单。CSS2.1定义了以下的行为：（一）“根元素”的包含块（也称为初始包含块）由用户建立。在HTML中，根元素就是html元素，不过有些浏览器会使用body作为根元素。在大多数浏览器中，初始包含块是一个视窗大小的矩形。（二）对于一个非根元素，如果其position值是relative或static，包含块则由最近的块级框的内容边界构成。（三）对于一个非根元素，如果其position值是absolute，包含块设置为
2021-10-31 00:00:00
133
原创 HTML&CSS基础部分练习
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=, initial-scale=1.0"> <link rel="stylesh
2021-10-24 09:33:13
500
原创 HTML&CSS基础第五部分
表格简介在HTML中，使用table标签来创建一个表格。在table标签中使用tr来表示表格中的一行，有几行就有几个tr。在tr中需要使用td来创建一个单元格，有几个单元格就有几个td。
2021-10-24 00:00:00
221
原创 HTML&CSS基础第四部分
定位定位指的就是将指定元素摆放到页面的任意位置，通过定位可以任意摆放元素。通过position属性来设置元素的定位可选值： static，默认值，元素没有开启定位 relative，开启元素的相对定位 absolute，开启元素的绝对定位 fixed，开启元素的固定定位（也是绝对定位的一种）当开启了元素的定位时，可以通过left、right、top、bottom四个属性来设置元素的偏移量left，元素...
2021-10-18 20:22:39
99
原创 HTML&CSS基础第二部分（1）
CSS样式表内联样式表<p style="color:red;font-size:40px"></p>可以将CSS样式编写到元素的style属性当中。将样式直接编写到style属性中，这种样式我称为内联样式。内联样式只对当前的元素中的内容起作用，所以内联样式不方便复用。内联样式属于结构与表现耦合，不方便后期维护，不推荐使用。内部样式表<style type="text/css"> p{ color:red;
2021-10-17 00:00:00
97
原创 HTML&CSS基础第二部分（2）
文本标签em和strong标签<p> <em>语气</em> <strong>强调</strong></p>这两个标签都表示一个强调的内容（有语义）。em主要表示语气上的强调，em在浏览器中默认使用斜体显示。strong表示强调的内容，比em更强烈，默认使用粗体显示。i和b标签i标签中的内容会以斜体显示，b标签中的内容会以粗体显示（无语义）。small标签和big标签small标签
2021-10-17 00:00:00
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人