自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 10分钟入门Vue3

vue3入门

2024-06-21 00:56:08 666

原创 写给年轻程序员的 10 点启示

如果上面提到的其他建议都对你无效的话,那么就请坚持第 2 点建议吧“比一般人更加努力”,因为它将成为你最大的竞争优势。保持好奇心并乐于探索新的事物。相信自己的天赋和创造力。

2024-05-03 16:46:25 916

原创 JavaScript 的节流与防抖

函数节流是指规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。节流可以使用在 scroll 函数的事件监听上,通过事件节流来降低事件调用的频率。函数防抖是指在事件被触发 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。这可以使用在一些点击请求的事件上,避免因为用户的多次点击向后端发送多次请求。

2023-12-09 17:42:13 615

原创 JavaScript 一些少见多怪的玩意

2023-12-09 01:17:01 477

原创 如何将浮点数点左边的数每三位添加一个逗号,如 12000000.11 转化为『12,000,000.11』

如何将浮点数点左边的数每三位添加一个逗号,如 12000000.11 转化为『12,000,000.11』

2023-12-08 19:08:46 459

原创 JavaScript 简单理解原型和创建实例时 new 操作符的执行操作

JavaScript 简单理解原型

2023-12-08 17:19:37 453

原创 CSS 实现单行/多行文本溢出的省略(...)

CSS 实现单行/多行文本溢出的省略(...)

2023-12-08 02:01:49 342

原创 CSS 元素的层叠顺序

CSS 元素的层叠顺序

2023-12-08 01:29:53 320

原创 CSS 图片格式

CSS 图片格式。

2023-12-07 17:30:31 399

原创 初始化 CSS 样式

初始化 CSS 样式

2023-12-07 02:38:34 367

原创 CSS 如何居中 DIV

CSS 如何居中 DIV

2023-12-07 00:28:19 530

原创 框架的艺术

框架的艺术

2022-11-11 00:33:32 183 1

原创 Vue3脚手架安装后添加Sass

按照官网安装Vue3脚手架后添加Sass

2022-08-22 23:01:05 212

原创 Vue2 和 Vue3 的 v-if、v-for 同时使用的区别

Vue2 和 Vue3 的 v-if、v-for 同时使用的区别

2022-08-17 23:40:50 654

原创 JavaScript 的 箭头函数 () => ({})

箭头函数 () => ({})

2022-08-17 23:25:00 1634

原创 排序算法(JavaScript 语言实现)

介绍排序算法,使用 JavaScript 语言实现。具体如何实现就不多介绍,至于我是从哪个角度去介绍的呢

2022-08-03 22:12:26 98

原创 Sass 使用文档

sass 使用

2022-08-01 23:10:08 390

原创 JavaScript 函数条件式调用

表示在函数不是null或者undefined的情况下才调用。且这种方式调用为短路操作,如果左侧为null或者undefined,则圆括号中的任何表达式都不会被求值。只会检查左侧的值是否为null或者undefined,无法判定是否为函数。可以这样使用这个函数。...

2022-07-23 11:34:02 407

原创 CSS 选择器

这里的选择器是为了querySelector()和querySelectorAll()服务的,其他的选择器没上榜的,请移步。抓元素容易,抓她的心难。

2022-07-23 00:54:15 60

原创 JavaScript 布尔值

请记住,截止今天为止,JavaScript里面的布尔值除了上面的为假外,其他的都是真的。

2022-07-17 17:52:12 163

原创 关于 CSDN

我是很晚才知道的 CSDN,因为我觉悟较晚。体验差,商业化,广告多,大家都在说这个。因为我比较懒,搭个网站发文章暂时不想去干这个事,上面那些个问题其实我都是可以忽略的。但如果有一天,它把我文章弄丢了,卧槽。...

2022-07-12 20:58:25 60

原创 JavaScript 函数递归

递归就是函数自己调用自己,不过要有终止条件,不然就无限循环了。下面看个阶乘函数:这里有个问题就是,如果把 fn 赋值给其他函数,那么递归函数就会出错。赋值后递归里面的 fn 为 null,会报错,使用 arguments.callee 可以解决,arguments.callee 是个指向当前正在执行的函数的指针。但严格模式下 arguments.callee 不能使用,所以,使用 函数声明 + 函数表达式 混合使用这样即使函数赋值给其他变量也可以使用。...

2021-11-13 20:16:23 1049

原创 JavaScript 继承(ES5)

继承的意思是,我要这个(独立属性),那个(方法)我也要。原型链是 JavaScript 主要继承方式。原型链继承就是通过设置子类的原型为父类的实例来继承子类自身没有但又懒得写的属性和方法。如上所示,Super 实例可以访问的属性和方法,在 Sub 上都能访问。原型链有个问题,当父类的属性是引用类型时,子类的就会共享这个引用类型。盗用构造函数 继承盗用构造函数的意思是,在子类构造函数中调用父类构造函数。这样,当父类的属性即使是引用类型时,子类的每个实例的属性也是独立的。盗用构造函数的问题:组合继承是:

2021-10-31 22:46:22 232

原创 8__树__

树二叉树中的节点最多只能有两个子节点:一个是左侧子节点,另一个是右侧子节点。这个定义有助于我们写出更高效地在树中插入、查找和删除节点的算法。二叉搜索树(BST)是二叉树的一种,但是只允许你在左侧节点存储(比父节点)小的值,在右侧节点存储(比父节点)大的值。中序遍历的值 3 5 6 7 8 9 10 11 12 13 14 15 18 20 25先序遍历的值 11 7 5 3 6 9 8 10 15 13 12 14 20 18 25后序遍历的值 3 6 5 8 10 9

2021-09-05 18:06:55 71

原创 7__递归__

递归递归阶乘function factorial(n) { if (n === 1 || n === 0) { return 1; } return n * factorial(n - 1);}JavaScript 调用栈大小的限制// 栈溢出错误,测试浏览器上限let i = 0;function recursiveFn() { i++; recursiveFn();}try { recursiveFn();} catch (ex) { cons

2021-09-01 20:29:13 64

原创 6__字典和散列表__

字典和散列表字典也称作映射、符号表或关联数组// 默认变字符串String,把所有作为键名传入的对象转化为字符串// 注意:item变量是对象的话会导致输出为 [object Object]function defaultToString(item) { if (item === null) { return "NULL"; } else if (item === undefined) { return "UNDEFINED"; } else if (typeof i

2021-08-30 21:03:45 124

原创 5__集合__

集合(不允许值重复的顺序数据结构)没有副作用的方法和函数被称为纯函数。纯函数不会修改当前的实例或参数,只会生成一个新的结果。本文实现的 union、intersection 和 difference 方法不会修改当前的 Set 类实例或是作为参数传入的 otherSet。这在函数式编程中是非常重要的概念class Set { constructor() { this.items = {}; } // 向集合添加一个新元素 add(element) { if (!thi

2021-08-29 16:54:55 74

原创 4__链表__

链表链表数据结构(普通链表)// 单向链表function defaultEquals(a, b) { return a === b;}class Node { constructor(element, next) { // 要加入链表元素的值 this.element = element; // 指向链表中下一个元素的指针 this.next = next; }}class LinkedList { // 类实例化时传入的参数会用作构造函

2021-08-28 23:22:23 79

原创 Vue.js插槽

普通插槽<!-- son.vue 组件 --><template> <div class="sslot"> <h3>{{ title }}</h3> <slot></slot> </div></template><script> export default { props: ["title"], };</script>&

2021-08-26 23:03:25 126

原创 3__队列和双端队列__

队列和双端队列(先进先出)创建队列class Queue { constructor() { // 队列的大小 this.count = 0; // 队列第一个元素 this.lowestCount = 0; this.items = {}; } // 向队列添加元素,新的项只能添加到队列末尾 enqueue(element) { this.items[this.count] = element; this.count++; }

2021-08-25 23:12:15 80

原创 2__栈(先进后出)__

栈(先进后出)创建一个基于数组的栈class Stack { constructor() { this.items = []; } // 添加一个(或几个)新元素到栈顶 push(element) { this.items.push(element); } // 移除栈顶的元素,同时返回被移除的元素 pop() { return this.items.pop(); } // 返回栈顶的元素,不对栈做任何修改(该方法不会移除栈顶的元素,仅仅返回它

2021-08-24 22:55:57 128

原创 1__数组__

数组数组API请点击先写个斐波那契数列// 求斐波那契数列的前n个数function Fibonacci(n) { const fibonacci = []; fibonacci[1] = 1; fibonacci[2] = 1; for (let i = 3; i < n; i++) { fibonacci[i] = fibonacci[i - 1] + fibonacci[i - 2]; } for (let i = 1; i < fibonacci.

2021-08-24 22:48:03 58

原创 TypeScript 文档

TypeScript 文档基础类型布尔值let isDone: boolean = false;数字let decLiteral: number = 6; //十进制let hexLiteral: number = 0xf00d; //十六进制let binaryLiteral: number = 0b1010; //二进制let octalLiteral: number = 0o744; //八进制字符串// 普通字符串let name: string = "bob";name

2021-07-30 23:12:26 383

原创 Vue Vuex

VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式StateGettersMutationsActionsModules// store中state: { uname: "lena";}mutations:{ setUname(state,uname){ state.uname=uname; }}actions:{ // 发送异步请求,调用mutations的函数,修改state的数据 vlogin(context,form){

2021-07-14 19:42:32 46

原创 Promise

Promise参考来自网道特点:对象的状态不受外界影响,有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)一旦状态改变,就不会再变,任何时候都可以得到这个结果缺点:无法取消Promise,一旦新建它就会立即执行,无法中途取消如果不设置回调函数,Promise内部抛出的错误,不会反应到外部当处于pending状态时,无法得知目前进展到哪一个阶段Promise.all()// Promise.all()方法用于将多个 Promise

2021-07-13 23:39:34 35

原创 Vue Router

Vue Router参考来自Vue Router官网起步<!-- 使用 router-link 组件来导航. --><!-- 通过传入 `to` 属性指定链接. --><!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --><router-link to="/foo">Go to Foo</router-link>this.$router.push("/");动态路由匹配

2021-07-12 20:47:34 65

原创 css小计

css小计一、css概述5. css的术语属性,如:color值,多值数字关键字,如center属性值,如:1px solid red长度单位:px,rem,em,%,vw,vh,deg,s,ms等等功能符,(函数)如:rgb()声明,如:color:red;声明块,{}选择器规则及(虚无缥缈)每一个声明后面要放;声明换行,换行能更清晰,但占的行数会多如果值为0px,0deg,0% ,后面的单位可以省略多个{}之间不需要加任何符号6.css的特点继承性层叠性

2021-07-12 15:39:48 501

原创 无题(javascript)

//函数柯里化var add=function(x1){ var sum=x1; var fun=function(x2){ sum+=x2; return fun; } fun.toString=function(){ return sum; } return fun; } alert(add(1)(2)(3));//6 var a=20; funct

2021-07-09 22:12:42 109

原创 React Native小计

React Native 小计样式的写法// App.js// rncimport React, {Component} from 'react';// RN的组件必须引入之后才能使用, 只能使用 RN 提供的组件, 不能用div span// 只有RN的组件才能 被编译成 android 或 iOS 原生代码import {Text, View, StyleSheet} from 'react-native';// 样式有两种写法: 内联style 和 内部样式, 没有外部css文件

2021-07-09 19:49:17 198

原创 JavaScript数据类型及判断

JavaScript数据类型及判断参考来自网道项目JavaScript 的数据类型,共有八种数值(number):整数和小数(比如1和3.14)。字符串(string):文本(比如Hello World)。布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)。undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值。null:表示空值,即此处的值为空。对象(object):各种值组成的集合Symbol:表示独一无二的值,ES

2021-07-08 21:18:40 62

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除