- 博客(26)
- 收藏
- 关注
RSS订阅原创 通过一个typescript的小游戏，使用单元测试实战（二）
本文主要通过使用typescipt实现了一个小游戏，并使用tsc构建打包，以及使用jest进行单元测试
2025-10-16 00:00:36
421
5
原创 小白逆袭----2025了,彻底弄懂react-test单元测试 基础使用（一）
本文介绍了Jest测试框架的基础使用和核心功能。主要内容包括：1) Jest的安装配置和基础测试用例编写；2) 常用匹配器如toBe、toEqual、布尔/数值/字符串/数组/异常匹配器等；3) 测试生命周期方法beforeAll/afterAll和beforeEach/afterEach；4) 模拟函数jest.fn的使用方法；5) 组件测试的快速入门。文章通过代码示例详细演示了各功能的实际应用，适合作为Jest测试的入门参考。
2025-10-09 23:28:04
372
原创 小白逆袭，一文吃透现代浏览器渲染原理，以及对渲染层性能优化思路
本文系统梳理了现代浏览器渲染核心机制及性能优化方案，涵盖网络请求到最终像素渲染的全链路技术细节。
2025-08-20 00:25:11
1074
原创 小白逆袭！快速上手微信小程序开发--进阶篇
本文介绍了微信小程序开发中的网络数据传输与后端集成技术，主要包括HTTP请求、WebSocket通信和文件上传下载三部分内容。HTTP请求部分详细讲解了wx.request方法的参数配置和使用示例；WebSocket部分说明了长连接的建立过程、事件处理机制和心跳检测等优化技巧；文件传输部分则演示了图片和视频的上传实现方法。课程还涵盖了小程序权限管理、用户认证以及发布流程等核心知识点，为开发者提供全面的小程序后端集成解决方案。
2025-08-16 23:48:50
708
原创 小白逆袭！一篇文章带你快速上手微信小程序开发--基础篇
本文介绍了微信小程序开发的基础知识，包括项目结构、开发流程和常用功能。主要内容涵盖：1)小程序项目初始化与文件结构；2)基础组件使用如视图组件、列表渲染和条件渲染；3)常用API包括网络请求、路由跳转、本地存储和系统API；4)App和Page生命周期管理；5)组件开发与交互实现。文中提供了丰富的代码示例，帮助开发者快速掌握小程序开发的核心技能，包括数据绑定、网络请求处理和UI组件使用等关键技术点。
2025-08-13 00:47:35
642
原创 改善mac鼠标在使用过程中，对比windows鼠标跟踪速度慢、使用体验差的问题
改善mac鼠标在使用过程中，对比windows鼠标跟踪速度慢、使用体验差的问题
2025-05-06 20:14:55
1159
原创 相比npm更加方便快捷的 node包管理器 -- yarn， 以及yrm（yarn的镜像源管理工具）
相比npm更加方便快捷的 node包管理器 -- yarn， 以及yrm（yarn的镜像源管理工具）
2023-03-24 00:11:50
440
原创 解决新版vscode在git merge代码的时候，解决代码冲突的选项按钮不见的问题
新版vscode在git merge代码的时候，没有合并选项按钮的问题
2023-03-23 21:56:35
5473
3
原创 最高效的redux开发工具集--redux toolkit 看了秒懂的使用笔记
最高效的redux开发工具集--redux toolkit 看了秒懂的使用方法
2022-07-26 00:07:13
2357
原创 记录一个超好用的简化版vuex，高效避免vuex的繁杂性
1.首先创建一个store.jsimport Vue from "vue"//构建一个简易版的vuexexport const store = Vue.observable({ count:0})export const mutations = { setCount(count){ store.count = count }}2.使用import { store, mutations } from "../store/store";export
2021-08-05 22:50:50
234
原创 前端js调用文件上传框的方法
效果如图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Demo</title> <script type="text/javascript"> function F_Open_dialog() { document.getElementById("btn_file").
2021-07-20 18:04:10
1412
原创 h5项目cdn引入vue.js、axios.js后，兼容ie以及windows微信端自带浏览器（vue2.6实测）
直接上代码：注意：js部分需要<!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" /&g
2021-06-02 23:53:18
762
2
原创 记录（综合百度所有方法实力填坑）vue旧项目使用webpack-dev-server搭建，windows系统下内存溢出导致的模块热更新失败问题
首先，在windows系统下，进入项目 npm run dev，报错young object promotion failed Allocation failed - JavaScript heap out of memory（新的对象升级失败分配失败-JavaScript堆内存不足）效果见图：然后我们通过修改加大设置max-old-space-size =10000，以及webpack-dev-server的目录地址为：./node_modules/webpack-dev-server/bin/we
2021-05-08 18:58:10
1131
原创 记录一个vue 封装组件，处理样式的小技巧
记录一个vue 动态设置样式的小技巧：直接上代码：如下：<template> <div> vue样式中使用props接收的参数: <div class="box" :style="styleData"></div> </div></template><script>export default { props: { height: { type: Number,
2021-04-29 18:27:10
354
1
原创 vue项目中下拉选择器el-select实现全选功能
最终实际效果如下：代码如下：<template> <div> <el-select v-model="my_stars" multiple collapse-tags placeholder="请选择"> <el-option label="全选" value="0" key="0"></el-option> <el-option v-for="item in stars"
2021-04-25 12:44:37
583
原创 lodash常用好用的方法，以及es6数组常用方法梳理
记录一些lodash中常用好用的方法：<template> <div>lodash常用方法</div></template><script>export default { name: "lodash", data() { return {}; }, mounted() { // 1._.map(数组对象，key值) 将数组对象中的值依据key提取到一个数组中 let myArray =
2021-04-25 12:31:34
1528
原创 vue项目中下拉选择器el-select，选中某一项后如何同时获取其label、value以及其他值
最终实际效果如下：代码如下：<template> <div> <el-select v-model="fruit" @change="handleChange"> <el-option v-for="item in selectList" :key="item.whsCode" :label="item.fruitName" :value="item.fruitEnName
2021-04-25 11:58:00
1955
原创 vue项目折线图通过自定义formatter函数为tooltip提示框数据动态添加不同单位
首先引入echarts，效果如下：见代码：<template> <div> <div id="chartLineBox" style="width: 90%;height:100vh;border:1px solid red;"></div> </div></template><script>var echarts = require("echarts");export default {
2021-04-25 11:41:01
1353
原创 vue项目通过颜色选择器，以及自定义透明度设置div背景色示例
通过引入el-color-picker后，最终效果如下图所示：见代码：<template> <div> <div> <h3> 属性设置: </h3> </div> <div style="margin-top:20px;margin-left:20px;"> <div style="display:flex;align-items
2021-04-25 11:23:15
2335
原创 vue-cli4前端实现下载本地Excel模板，以及下载静态文件的坑（实测有效）
vuecli2里面，下载静态文件方法：1. 我的我的;2. location.href=" …/static/1111.xls`"3. window.open等等；需要注意的是：cli2里面需要把要下载的文件放在static下面；但是现在cli已经出到4了，需要将文件放在public里面才不会被打包，但是同样的方法我们会发现却找不到文件,效果如图：结果经过我百般尝试发现；将路径改为：下载下载成功，...
2020-08-27 22:59:25
4679
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人