一个W牛-优快云博客

Vuex 包含五个核心概念，分别是 state、getters、mutations、actions 和 modules。1、state定义：state 是 Vuex 中的基本数据，用于存储变量，相当于Vue 组件中的 data。特性：state 中的数据是响应式的，当数据发生变化时，依赖该数据的组件会自动更新。使用：在组件中可以通过 this.$store.state.xxx 或使用辅助函数 mapState 将数据映射到组件的 computed 计算属性中来访问 state 中的数据。

2025-03-25 00:01:36 230

原创立体地图下钻改进版

添加了markPoint坐标点位第一版文章地图下钻，双击返回

2025-03-07 17:02:10 1007 1

原创前端⾯试⼋股⽂

• a. 浏览器请求资源时⾸先命中资源的Expires 和 Cache-Control，Expires 受限于本地时间，如果修改了本地时间，可能会造成缓存失效，可以通过Cache-control: max-age指定最⼤⽣命周期，状态仍然返回200，但不会请求数据，在浏览器中能明显看到from cache字样。• b. 强缓存失效，进⼊协商缓存阶段，⾸先验证ETagETag可以保证每⼀个资源是唯⼀的，资源变化都会导致ETag变化。服务器根据客⼾端上送的If-None-Match值来判断是否命中缓存。

2025-01-02 17:51:47 373

原创导入excel动态生成海报

需求：给出一份excel表格（1000条数据）,要将表格中的字段数据渲染到一张背景图片上，然后再下载图片，貌似浏览器做了限制，当连续下载10张图片后就不在下载了，然后用异步操作解决了这个问题。

2024-12-10 16:33:45 605

原创 ES6中数组新增了哪些扩展？

ES6中数组新增了哪些扩展：扩展运算符的应⽤、构造函数新增的⽅法、实例对象新增的⽅法、数组的空位、排序稳定性

2024-10-31 16:56:15 916

原创让Chrome⽀持⼩于12px 的⽂字⽅式有哪些？区别？

Zoom ⾮标属性，有兼容问题，缩放会改变了元素占据的空间⼤⼩，触发重排-webkit-transform:scale() ⼤部分现代浏览器⽀持，并且对英⽂、数字、中⽂也能够⽣效，缩放不会改变了元素占据的空间⼤⼩，⻚⾯布局不会发⽣变化-webkit-text-size-adjust 对⾕歌浏览器有版本要求，在27之后，就取消了该属性的⽀持，并且只对英⽂、数字⽣效。

2024-10-28 10:01:39 955

原创响应式设计

响应式⽹站设计（Responsive Web design）是⼀种⽹络⻚⾯设计布局，⻚⾯的设计与开发应当根据⽤⼾⾏为以及设备环境(系统平台、屏幕尺⼨、屏幕定向等)进⾏相应的响应和调整描述响应式界⾯最著名的⼀句话就是“Content is like water” ⼤⽩话便是“如果将屏幕看作容器，那么内容就像⽔⼀样”

2024-10-24 17:04:53 1229

原创地图下钻，双击返回上一级

看了好多地图下钻的案例，要么json文件不全胡，要么返回功能不全胡，有的返回是直接写死，返回到首页，我这个小案例是使用。的数据，本案例可以逐步一级一级的返回，地图的其他样式可以根据项目需求在option中配置。

2024-05-29 16:28:31 530 2

原创模拟从D盘查找图片文件进行预览改进版

上一篇文章的改进版

2024-04-26 10:48:09 432

原创模拟找D盘的文件

需求：有这样一个需求，通过找D盘中图片，然后进行预览。当点击的是文件夹则能进入到下一级，如果点击的是图片则进行显示预览。java部分看不懂，就粘贴了一部分。

2024-04-26 10:06:10 412 1

原创表单正则验证demo

在进行表单提交前往往要验证输入的内容是否合规，只有合规才能进行下一步。

2024-03-21 16:30:52 308

原创连续点击按钮触发函数

有一个很重要按钮，点击它可能出现可怕的事情，但有时又不得不点击，这时你就可以给这个按钮添加一些小bug，让1秒内连续点击5次才能触发它，是不是很神奇，这个小功能貌似没有一点用。

2024-03-21 11:28:52 580

原创摩尔斯电码转码

摩尔斯电码与字母的映射关系。// 将拼音转换为摩尔斯电码。监听输入框的输入事件。将电码显示在多行文本框中。闲着无聊又写了一个demo。将拼音转换为摩尔斯电码。//

2024-03-19 17:42:47 461

原创用three.js制作3D魔方

学习WebGL进行3D建模，用封装的three.js库进行制作3d魔方。

2024-03-15 14:53:05 1171

原创随机生成姓名DEMO

通过点击按钮可以生成两个字和三个字的姓名，姓氏引用了百家姓的部分姓氏，名字获取的新华字典的json数据。有兴趣的可以引用百家姓的json数据。里边的json数据可以参考文档，路径：app/src/main/assets/word.json。

2024-02-29 17:39:03 788

原创倒计时的时候禁用按钮

需求：当点击推送任务的时候，出现一个倒计时，只有倒计时结束才能查看展示结果，当倒计时期间再次点击推送任务，倒计时以最后一次为准重新计时。

2024-02-28 16:07:04 446

原创树形节点图

树形节点图，效果图：（总共有四级节点，把所有的节点展开大概有几万条）

2024-02-28 15:22:24 393

原创搜集的一些面试或写项目常用到的技术点（一直更新）

写的比较好的一些博主文章。

2023-11-14 17:10:14 101

原创前端常见面试题

前端精选面试题（部分）

2023-10-24 16:08:17 228

原创【无标题】

1024程序员节是中国广大的程序员共同的节日。1024是2的十次方，是二进制计数的基本计量单位之一，代表着1024比特，即1Kib，是计算机科学中的基本单位。该节日通常由程序员和技术人员庆祝计算机科学和技术的进步。在这一天，程序员们通常会集中讨论最新的技术趋势，交流开发技巧和经验，并庆祝他们的专业。此外，1G=1024M，而1G与1级谐音，因此也意味着一级棒。总的来说，1024程序员节是程序员和技术人员的社交和娱乐活动，是一个庆祝计算机科学和技术进步的机会。

2023-10-24 15:56:36 95

原创什么是MVVM模式？

MVVM模式（Model-View-ViewModel）是一种软件架构设计模式，主要用于构建用户界面。它提高了应用程序的可测试性和模块化程度，同时减少了代码冗余。在MVVM模式中，应用程序被分为三个主要组成部分：Model（模型）、View（视图）和ViewModel（视图模型）。Model（模型）：代表应用程序的数据和业务逻辑。它负责处理数据和状态，并通过事件或属性更改来通知其他组件。View（视图）：代表应用程序的用户界面。它负责呈现数据和状态，并处理用户交互。

2023-10-03 12:00:40 451

原创 useRef()的用法

【代码】useRef()的用法。

2023-09-20 22:19:02 620

原创 useState怎么用

useState返回一个数组，其中第一个元素是当前计数器的值，第二个元素是一个函数setCount，用于更新计数器的值。最后，我们在组件的返回值中渲染了计数器的当前值和两个按钮，用于增加或减少计数器的值。使用useState，您需要在函数组件中调用它，并将一个初始状态值作为参数传递给它。useState将返回一个数组，其中第一个元素是当前状态值，第二个元素是一个函数，用于更新状态值。useState是React中一个非常有用的Hook，用于在函数组件中添加状态（state）。

2023-09-20 21:15:24 183

原创 useEffect相关

这个返回的函数将在组件卸载时执行，用于清理副作用。在上面的代码中，我们在useEffect中启动了一个定时器，并定义了一个清理函数，它将在组件卸载时执行。例如，如果在一个useEffect中启动了一个定时器，可以在返回的函数中清除定时器，以避免在组件卸载后继续运行。3、订阅：通过在useEffect中定义一个订阅函数，可以在组件加载或更新时进行订阅操作，当数据变化时，执行相应的回调函数。订阅：通过在useEffect中定义一个订阅函数，可以在组件加载或更新时进行订阅操作，当数据变化时，执行相应的回调函数。

2023-09-20 21:02:44 136

灰色预测.txt

空空如也