erha blog

新的博客(玩具) https://www.jawei.icu/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment

解决 electron 安装不了的问题出现了一些奇奇怪怪的报错 使用了切换淘宝源、取消ssl验证等一些方法都无效 最后参考:解决electron 下载依赖慢打包拉去依赖失败 才成功解决 修改下载地址： .npmrc 文件 123registry=https://registry.npmmirror.com/electron_mirror=https://cdn.npmmirror.com/binaries/electron/electron_builder_binaries_mir vue页面控制 electron 应用最大化、最小化、关闭12345678910111213141516171819<script setup lang="ts">import { ipcRenderer } from "electron"; // script标签内，引入ipcRendererconst minimizeWin=()=>{ ipcRenderer.send('window-mi ...

redux redux是一个专门用于做状态管理的JS库(不是react插件库)。 它可以用在react, angular, vue等项目中, 但基本与react配合使用。 作用: 集中式管理react应用中多个组件共享的状态。 什么情况下需要使用redux 某个组件的状态，需要让其他组件可以随时拿到（共享）。 一个组件需要改变另一个组件的状态（通信）。 总体原则：能不用就不用, 如果不用比较吃力才考虑使用。 redux工作流程 redux的三个核心概念action 动作的对象 包含2个属性 type：标识属性, 值为字符串, 唯一, 必要属性 data：数据属性, 值类型任意, 可选属性 例子：{ type: ‘ADD_STUDENT’,data:{name: ‘tom’,age:18} } reducer 用于初始化状态、加工状态。 加工时，根据旧的state和action， 产生新的state的纯函数。 store 将state、action、reducer联系在一起的对象 如何得到此对象? import {createStore} from ‘redu ...

React Router 6 快速上手1.概述 React Router 以三个不同的包发布到 npm 上，它们分别为： react-router: 路由的核心库，提供了很多的：组件、钩子。 react-router-dom: 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 <BrowserRouter>等 。 react-router-native: 包括react-router所有内容，并添加一些专门用于ReactNative的API，例如:<NativeRouter>等。 与React Router 5.x 版本相比，改变了什么？ 内置组件的变化：移除<Switch/> ，新增 <Routes/>等。 语法的变化：component={About} 变为 element={<About/>}等。 新增多个hook：useParams、useNavigate、useMatch等。 官方明确推荐函数式组件了！！！ …… 2.Comp ...

react-router-dom的理解 react的一个插件库。 专门用来实现一个SPA应用。 基于react的项目基本都会用到此库。 react-router-dom相关API内置组件 <BrowserRouter> <HashRouter> <Route> <Redirect> <Link> <NavLink> <Switch> 其它 history对象 match对象 withRouter函数（将一般组件变成路由组件） 基本路由使用下载 1npm install --save react-router-dom Link — 导航区 Route — 展示区 1234567891011121314//引入react核心库import React from 'react'//引入ReactDOMimport ReactDOM from 'react-dom'import {BrowserRouter} from 'reac ...

React 概述 用于动态构建用户界面的 JavaScript 库(只关注于视图) 由Facebook开源 中文官网: https://react.docschina.org/ React的特点 声明式编码 组件化编码 React Native 编写原生应用 高效（优秀的Diffing算法） React高效的原因 使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。 DOM Diffing算法, 最小化页面重绘。 React的基本使用脚手架项目中使用安装 1npm i react react-dom react 包是核心，提供创建元素、组件等功能 react-dom 包提供 DOM 相关功能等 1234567// index.jsimport React from "react";import ReactDOM from "react-dom/client";import App from "./App";const root = ReactDOM.createRoot(document.getEleme ...

Vue 3 + TypeScript + Vite+ VueRouter + Axios + ElementPlus + Sass创建 Vite 项目普通创建npm create 是 npm init 的别名 12345678// NPMnpm create vite@latest// Yarnyarn create vite// PNPMpnpm create vite 模板创建1234567891011// npm 6.xnpm create vite@latest my-vue-app --template vue// npm 7+, extra double-dash is needed:npm create vite@latest my-vue-app -- --template vue// yarnyarn create vite my-vue-app --template vue// pnpmpnpm create vite my-vue-app --template vue 查看 create-vite 以获取每个模板的更多细节：vanilla，vanilla ...

起步uni-app 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 详细的 uni-app 官方文档，请翻阅 https://uniapp.dcloud.net.cn/ 开发工具uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处： 模板丰富 完善的智能提示 一键运行 当然，你依然可以根据自己的喜好，选择使用 VS Code、Sublime、记事本… 等自己喜欢的编辑器！ 安装 HBuilderX访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html 安装 scss/sass 编译为了方便编写样式（例如：<style lang="scss"></style>），建议安装 scss/sass 编译 插件。插件下载地址： https://ext.dcloud.net.cn/p ...

自定义组件组件的创建与引用创建组件 在项目的根目录中，鼠标右键，创建 components -> test 文件夹 在新建的 components -> test 文件夹上，鼠标右键，点击 “新建Component“ 键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js， .json，.wxml和.wxss 引用组件 组件的引用方式分为 “局部引用” 和 “全局引用” ，顾名思义: 局部引用：组件只能在当前被引用的页面内使用 全局引用：组件可以在每个小程序页面中使用 根据组件的使用频率和范围,来选择合适的引用方式: 如果某组件在多个页面中经常被用到，建议进行“全局引用” 如果某组件只在特定的页面中被用到，建议进行”局部引用’ 局部引用组件 在页面的 .json 配置文件中引用组件的方式，叫做 “局部引用”。示例代码如下: 123456// home.json{ "usingComponents": { "my-test1":"/components ...