一、store 之间互相访问 note.js import { ref } from 'vue' import { defineStore } from 'pinia' export const useNoteStore = defineStore('note', () => { cosnt noteList = ref([ { title: '标题', desc: '详情内容' } ]), ret
页面设计包括两个部分，上部分的笔记列表，使用 TDesign 的 collapse 组件组成，下部分为输入区域，由一个文本输入框和提交按钮组成，其中文本输入框用 textarea 组件，按钮用 button 组件。
一、在组件中访问状态 store.js import { ref, computed } from 'vue' import { defineStore } from 'pinia' export const useNoteStore = defineStore('note', () => { const noteList = ref([ { // ... } ]) return { noteList
一、定义 Getters/computed 计算状态 说明 getters 课以对一些状态进行一些复杂的逻辑计算，然后在各个组件中进行复用 做一个过滤的功能来看一下 getters 是怎么使用的 import { ref, computed } from 'vue' import { defineStore } from 'pinia' export const useNoteStore = defineStore('note', () => { const noteList = ref([
一、使用 $patch 同时修改多个状态 store.js import { ref, computed } from 'vue' import { defineStore } from 'pinia' export const useNoteStore = defineStore('note', () => { const noteList = ref([ { title: '标题1', desc: '详情内容1'
我们在开发大型项目的时候会有很多的状态，比如说关于用户的，关于产品的，等等之类的，如果我们把他放在一个 store 里面就会变得非常难以维护
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
12月21日，React团队公布了一个新的提案Server Components。
一、使用 Actions 修改状态 说明 为什么需要 actions 呢，我们明明可以在组件中直接修改 store 里面的数据 原因就是他和 getters 是一样的，为了复用，同样的逻辑只用触发 actions 就可以修改了 二、如何在 pinia 定义 actions store.js import { ref, computed } from 'vue' import { defineStore } from 'pinia' export const useNoteStore = defineS
Sequelize 是一个基于 Promise 的 Node.js ORM，目前支持 Postgres、MySQL、SQLite 和 Microsoft SQL Server。它具有强大的事务支持，关联关系、读取和复制等功能。在阅读本文前，如果你对 Sequelize 还不了解，建议先阅读 Sequelize 快速入门 这篇文章。
截止目前，React Server Component 还在开发与研究中，因此不适合投入生产环境使用。但其概念非常有趣，值得技术人学习。
尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。 在Windows平台上开发React Native需要安装以下环境和工具： Note.js React Native Command Line Tools Android Studio 安装Node.js React Native开发需要用到Node.js环境。我们做Rea
常用技能（更新ing）：http://www.cnblogs.com/dunitian/p/4822808.html#skill 技能总纲（更新ing）：http://www.cnblogs.com/dunitian/p/5493793.html 在线演示：http://cppjieba-webdemo.herokuapp.com 完整demo：https://github.com/dunitian/TempCode/tree/master/2016-09-05 逆天修改版：https://github.c
微服务“很香”，它有许多优势，比如更快的开发、更好的可扩展性、更小的独立团队等等。但是，很多团队却在微服务上举步维艰，没有很好利用其优势。原因到底是什么？
在过去的几年里，我对进行数字化转型的多家产品团队进行了架构审查。大多数团队都是遵循微服务架构来构建产品。他们完全有理由使用基于微服务的架构：更快的开发、更好的可扩展性、更小的独立团队、独立的部署、使用正确的技术来完成工作，等等。但是，我经常发现，团队在微服务方面举步维艰。他们未能充分利用微服务的优势。在本文中，我将分享我的观点，阐述团队在微服务方面为何举步维艰的原因。
Node.js 对初学者来说可能是令人望而却步的，其灵活的结构和缺乏严格的规范使它看起来很复杂。
Vue.js的作者为Evan You（尤雨溪），曾任职于Google Creative Lab，虽然是Vue是一个个人项目，但在发展前景上个人认为绝不输于Google的AngularJs，下面我会将Vue与Angular（Angular 1.0+版本）做一些简单的比较。
Sprite 82，喜欢研究各种语言对 web 框架的实现，函数式编程的爱好者，最近在编译原理前端中验证学习到的函数式编程知识。
前言 首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vuejs 2.0 + vuex 2.0 重写这个应用，其中最大的问题是使用 vue-cli 构建应用时遇到的问题。通过这些问题深入探索 vue 以及 vuex 。 我对于框架的学习一直断断续续，最先接触的是 react，所以有一些先入为主的观念，喜欢 react 更多一点，尤其在应用的构建层面来说。之所以断断续续，是因为自己 JS 基础较弱，刚开始学习的时候，只
1 网页简介：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页、生日祝福、七夕告白、 求婚、浪漫爱情3D相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用
自 Hook 被引入 React 以来，Context API 与 Hook 库在应用状态管理中被一起使用。但是把 Context API 和 Hooks（许多基于 Hooks 的状态管理库建立在其基础上）组合的用法对于大规模应用来说可能效率不高。
vuex：针对vue应用派生的专门管理应用state的工具，state可以理解为我们组件需要操作的data数据，都知道，vue构建spa应用的时候，随着组件规模的提升，各个子组件之间的通信如果采用子组
jsoncpp，是一个c++的解析和生成json的开源工具。假设你的c++程序须要解析或生成json，它会使这个过程变得非常easy！
Exclude directories matching the pattern DIR from recursive searches.
Configure for a single post in the front matter (Params in front matter have higher precedence):
根据官方说法，docsify是一个神奇的文档网站生成工具，也可以把它当做一个简易版的静态站点诸如Hexo、Hugo等。当然，它是专门针对文档的，忽然想到了程序员深恶痛绝的就是写API文档……
参考 https://stackoverflow.com/questions/57724011/how-to-fix-cannot-find-module-webpack-bin-config-yargs
本地存储分为cookie，以及新增的localStorage和sessionStorage 。本篇章专门来讲讲 cookie
这几天产品处在发版阶段，工作比较忙，很久没有更新博客了。不过今天在工作中遇到一个最新版Chrome浏览器的坑，分析解决的过程还比较有意思，在这里记录一下。 问题描述 现在在做的项目，项目历时很长，之前选用的ReactJS的0.13.3版本，而现在ReactJS已经升级版本至0.15版本了，但旧版本代码一直运行得好好的，所以一直没有动力进行升级。不过今天Chrome自动升级至54版本后，ReactJS开始报错了。如下： unhandledRejection.js:23 Potentially unhandle
UML（Unified Modeling Language）是一种通用的建模语言，广泛用于软件开发中对系统进行可视化建模。PlantUML是一款强大的工具，通过简单的文本描述，能够生成UML图，包括类图、时序图、用例图等。PlantUML是一款强大的工具，用于绘制UML图和其他类型的图表，包括系统架构图。在本教程中，我们将使用PlantUML插件在VSCode中绘制系统架构图。
一个 Node 相关的项目中，总是少不了跑脚本。跑一个脚本拉取配置、处理一些数据以及定时任务更是家常便饭。
First add configuration in _config.yml from your hexo project.
本贴在手机端因为mermaid插件的问题显示会超出屏幕，以后在想办法解决，目前建议使用电脑浏览
我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的
本文介绍了实时数据通讯系列，包括基于 WebSocket 的实时数据通讯、基于 HTTP 的实时数据通讯以及实时数据通讯在 Web 3D 中的应用。
对象中添加属性，刷新的问题 利用this.$set(this.obj,key,val) table设置圆角 border-radius:5px; overflow:hidden; img图片模糊处理办法：切高分辨率图，2倍的 需要使用小写的前缀修饰属性或者方法 webkit (谷歌, Safari, 新版Opera浏览器等) moz (火狐浏览器) o (旧版Opera浏览器等) ms (IE浏览器 和 Edge浏览器) 变量中空格输出，用v-html，可以输出转义字符， css: whit
在上一篇介绍React 18 如何提升应用性能文章中提到了很多关于React性能优化的方式,例如(Suspence),从底层实现的角度来看,都是基于React Server Component(简称RSC)来做文章.
Dan 开门见山，丢出了我们业务开发中需要权衡三个点：体验（user experience）、可维护性（maintenance）、性能（performance），然后用一个例子来说明为什么这三个点很难权衡。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
