- 博客(55)
- 收藏
- 关注
RSS订阅原创 前端大神都在用的js技巧，看看你掌握了几个
分享一些自己常用的 js 简写技巧，长期更新，会着重挑选一些实用的简写技巧，使自己的代码更简洁优雅~这里只会收集一些大多数人不知道的用法，但是确实能提高自己的编码技巧，像 ES6 那些基础的简写语法或者是三目运算符代替if else那些我觉得是基础，没必要写在这里浪费精力。
2025-04-09 16:18:05
602
原创 前端Monorepo工程搭建
它将 workspace 的所有依赖都下载到.pnpm 目录下，然后再根据各个 package 的情况，在其目录下通过软连接方式将依赖添加进来，这样所有的依赖只需要下载一次，那么不仅快，而且磁盘体积也小。是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。提倡了开放、透明、共享的组织文化，这种方法已经被很多大型公司广泛使用，如。pnpm 的特点：快速、高效利用磁盘空间。方便快捷的操作对应的子项目了。的依赖，就可以直接使用。
2025-04-08 11:26:33
303
原创 【big.js】前端数字精度处理
为了解决上述问题，我们可以使用 big.js 库来处理，它是一个精确的 JavaScript 库，它可以处理任意精度的浮点数，并且提供了一系列精度丢失的解决方案。
2025-03-31 14:56:46
321
原创 【没错！前端也能做动画】前端实现复杂动画方案
属性含义autoplay如果出现该属性，则视频在就绪后马上播放。controls如果出现该属性，则向用户显示控件，比如播放按钮loop循环播放视频封面图视频在页面加载时进行加载静音播放属性防止默认转到 HTML5 视频的全屏行为防止微信浏览器默认转到 HTML5 视频的全屏行为使此视频支持 ios 的 AirPlay 功能启用 H5 播放器,是 wechat 安卓版特性全屏设置，设置为 true 是防止横屏。
2025-03-27 15:56:39
416
原创 小程序实现瀑布流布局
/ 解决多次快速上拉后，可能数据会乱的问题，因为经过上面的两个await节点查询阻塞一定时间，加上后面的定时器干扰。// 因为添加第一张，实际队列的高度可能还是0，这时需要根据队列元素长度判断下一个该放哪边。// 每次向结构插入数据的时间间隔，间隔越长，越能保证两列高度相近，但是对用户体验越不好。// 数组可能变成[]，导致此item值可能为undefined。// 如果左边小于或等于右边，就添加到左边，否则添加到右边。// 如果临时数组还有数据，继续循环。// 移除临时列表的第一项。
2025-03-26 14:02:39
582
原创 【前端脚手架搭建】看完还学不会，你顺着网线来打我
以上的案例是 mustache 最简单的使用，下面来额外介绍一些常用的使用场景。首先来熟悉一下 mustache 的语法，下面来介绍一些场景来使用这些语法。
2025-03-25 09:46:38
1023
原创 【sass】学会这个技巧，少写很多css
我发现，大多数人使用sass预处理器最多的就是嵌套和变量这两种用法。现在我在列举一些常用的高级用法，希望让大家少敲两行代码。
2025-03-21 14:18:21
602
原创 【typescript进阶篇】(第四章) webpack编译ts及第三方库声明文件
TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript 库和模块信息的声明文件。经过一系列的配置，使得 TS 和 webpack 已经结合到了一起，除了 webpack，开发中还经常需要结合 babel 来对代码进行转换以使其可以兼容到更多的浏览器，在上述步骤的基础上，通过以下步骤再将 babel 引入到项目中。
2025-03-19 09:44:03
787
原创 【typescript进阶篇】(第三章) 常用高级类型
在 typescript （后面简称为 ts）中定义 interface（后面简称为“接口”） 时，常常需要对进行二次封装或调整，而 ts 在2.1版本中加入了一些程序类型工具，供开发者方便的进行此类操作。备注：这些程序类型仅限制用于 type 类型声明中。
2025-03-18 14:16:54
184
原创 【typescript进阶篇】(第二章) 模块与命名空间
在运行时，模块加载器的作用是在执行此模块代码前去查找并执行这个模块的所有依赖。大家最熟知的JavaScript模块加载器是服务于 Node.js 的 CommonJS 和服务于 Web 应用的 Require.js。项目开发过程中，我们会发现我们的命名是有严格规范的，我们不能随意的去起名字，但若是都采用尽量标准化的方式去命名，我们又无法避免的会造成污染，TypeScript提供了namespace 避免这个问题出现。TypeScript 模块的设计理念是可以更换的组织代码。注释的内容会做为编译器指令使用。
2025-03-18 14:09:38
352
原创 【typescript进阶篇】(第一章) 装饰器
介绍：装饰器是一种特殊类型的声明，它能够被附加到类，方法， 访问器，属性或参数上。用添加 装饰器本质上还是一个函数，在别的语言中已广泛使用，如： python, 但在TS中依旧为一个测试中的版本，若要启 用实验性的装饰器特性，你必须在命令行或里启用编译器选 若要启用实验性的装饰器特性，你必须在命令行或里启用编译器选项添加到类上, 类装饰器添加到方法上,方法装饰器添加到访问器上,访问器装饰器添加到属性上,属性装饰器添加到参数上,参数装饰器。
2025-03-17 09:36:36
808
原创 【typescript基础篇】(第七章) 剩余知识点
Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。Map 是 ES6 中引入的一种新的数据结构。可以使用for of 进行迭代。
2025-03-17 09:28:48
236
原创 【typescript基础篇】(第五章) 类的使用
定义TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如 类、接口等。
2025-03-13 14:39:06
865
原创 【typescript基础篇】(第四章) 函数
函数是JavaScript应用程序的基础。它帮助你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。
2025-03-12 10:30:42
402
原创 【typescript基础篇】(第三章) 接口
什么是接口？接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。
2025-03-12 10:26:51
749
原创 【typescript基础篇】(第二章) 数据类型
number类型： 双精度 64 位浮点值。它可以用来表示整数和分数。boolean类型：表示逻辑值：true 和 false。string类型：一个字符系列，使用单引号（）或双引号（）来表示字符串类型。反引号（）来定义多行文本和内嵌表达式${${总结：数值，字符串和布尔值是我们开发中最常使用的基础数据类型，与js中的数值，字符串和布尔完全一致，在ts中我们主要做类型校验使用。
2025-03-11 13:39:36
411
原创 最全面的SVN使用方式【TortoiseSVN详解及常用命令】
最全面的svn使用方法，包括TortoiseSVN图形化界面的使用图解以及常用命令行操作，从拉取代码到解决冲突，包含所有常用场景
2025-03-10 09:50:49
2132
原创 【这些git命令你都会吗】只会用图形化界面？
git是日常开发中版本控制必不可少的工具，当遇到代码重构或者临时恢复时，git stash的隐藏功能非常好用，其主要应用于下述场景：上线功能开发中需要切换分支或者切回老版本，但是不想 commit 和丢弃当前改动，执行git stash功能会将当前改动存储至后台，当需要恢复时，执行即可，可以理解为一个保存栈。
2025-03-07 15:24:12
487
原创 nodejs常用模块解析
fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。
2025-03-06 10:04:50
825
原创 nodejs模块化介绍及第三方包的使用
和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域使用 require() 加载自定义模块时，必须指定以./或…/开头的路径标识符。在加载自定义模块时，如果没有指定./ 或…/ 这样的路径标识符，则 node 会把它当作内置模块或第三方模块进行加载。按照确切的文件名进行加载补全.js 扩展名进行加载补全.json 扩展名进行加载补全.node 扩展名进行加载加载失败，终端报错Node.js 中的第三方模块又叫做包。
2025-03-06 09:45:31
525
原创 初识 Node.js
终端（英文：Terminal）是专门为开发人员设计的，用于实现人机交互的一种方式。作为一名合格的程序员，我们有必要识记一些常用的终端命令，来辅助我们更好的操作与使用计算机。
2025-03-06 09:29:55
602
原创 vue3最佳全局状态管理工具-Pinia
/您可以将`defineStore（）`的返回值命名为任意名称，//但最好使用store的名称，并用“use”将其包围//（例如`useUserStore`、`useCartStore`和`useProductStore`）//第一个参数是应用程序中存储的唯一id//与 Vue 的选项 API 类似，我们也可以传递带有属性的选项对象。//添加类型约束。
2025-03-04 17:12:42
296
原创 一文学懂vue3新特性
我们可以更加优雅的组织我们的代码，函数。让相关功能的代码更加有序的组织在一起官方文档reactive作用: 定义多个数据的响应式 接收一个普通对象然后返回该普通对象的响应式代理器对象响应式转换是“深层的”：会影响对象内部所有嵌套的属性内部基于 ES6 的 Proxy 实现，通过代理对象操作源对象内部数据都是响应式的比较Vue2与Vue3的响应式(重要)vue2的响应式核心:对象: 通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视/拦截)数组: 通
2025-03-04 17:02:26
556
原创 Vue3 看一遍就会的setup语法糖
Vue3的 setup 语法糖让开发更丝滑！本文带你一站式掌握其在数据声明、方法定义、组件通信等多方面的用法，对比传统方式，突出优势，帮你快速上手，提升 Vue 开发效率，别错过！
2025-02-28 10:30:32
821
原创 微前端极简接入方案，告别前端开发繁琐难题
在前端开发领域，微前端架构正成为大型项目的救星。传统方案如 iframe、single - spa 和 qiankun 各有优劣，但都存在一定的局限性。而无界微前端则脱颖而出，它接入仅需寥寥几行代码，开箱即用。本文将深入剖析无界微前端，对比其他方案，带你领略其独特魅力与实战技巧，助力提升开发效率。
2025-02-28 10:20:08
724
原创 一文搞懂！小程序参数获取的 N 种秘籍
在微信小程序开发中，参数获取至关重要。本文详细剖析多种获取小程序参数的方式，涵盖页面跳转传参、基于场景值（如扫码）取参等，助你快速掌握，提升开发效率 。
2025-02-27 18:07:37
526
原创 react-router的使用
只有一个html文件 主流的开发模式变成了通过路由进行页面切换优势: 避免整体页面刷新 用户体验变好缺点：前端负责事情变多了 开发的难度变大。
2025-02-27 16:29:43
452
原创 react高级
Hooks 的本质：一套能够使函数组件更强大，更灵活的“钩子”React 体系里组件分为 类组件 和 函数组件经过多年的实战，函数组件是一个更加匹配 React 的设计理念 UI = f(data)，也更有利于逻辑拆分与重用的组件表达形式，而先前的函数组件是不可以有自己的状态的，为了能让函数组件可以拥有自己的状态，所以从 react v16.8 开始，Hooks 应运而生有了 hooks 之后，为了兼容老版本，class 类组件并没有被移除，俩者都可以使用。
2025-02-27 11:29:33
888
原创 react进阶
组件是独立且封闭的单元，默认情况下组件只能使用自己的数据（state）组件化开发的过程中，完整的功能会拆分多个组件，在这个过程中不可避免的需要互相传递一些数据为了能让各组件之间可以进行互相沟通，数据传递，这个过程就是组件通信。
2025-02-27 11:19:59
883
原创 react基础入门
概念：JSX是 JavaScript XML（HTML）的缩写，表示在 JS 代码中书写 HTML 结构作用：在React中创建HTML结构（页面UI结构）采用类似于HTML的语法，降低学习成本，会HTML就会JSX充分利用JS自身的可编程能力创建HTML结构tips：JSX 并不是标准的 JS 语法，是 JS 的语法扩展，浏览器默认是不识别的，脚手架中内置的包，用来解析该语法。
2025-02-27 11:11:26
880
原创 小程序wxs的使用
是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。WXS与JavaScript是不同的语言，有自己的语法，并不和 JavaScript 一致。WXS 代码可以编写在 wxml 文件中的<wxs>标签内，或以 .wxs 为后缀名的文件内。每一个 .wxs 文件和<wxs>标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。
2025-02-27 09:30:18
476
原创 小程序模版及引用
WXML 提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。使用 name 属性，作为模板的名字。然后在--index: int--index: int--index: int--index: int--index: int--index: int</--index: int--index: int</--index: int</--index: int</--index: int。
2025-02-27 09:29:41
253
TortoiseSVN-1.8.11安装包及中文包
2025-03-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人