上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页
2024年7月24日
Vuejs设计与实现 1-3 框架概览
摘要： Vue 1. 权衡的艺术 2. 框架设计的核心要素 3. vue.js3设计思路 1. 权衡的艺术 框架设计：在保持可维护性的同时让性能损失最小化； 命令式 VS 声明式 从范式上来看，视图层框架分为命令式和声明式。 命令式框架：关注过程，性能优； 声明式框架：关注结果，可维护性好 框架设计需要考虑 阅读全文
posted @ 2024-07-24 17:52 安静的嘶吼 阅读(9) 评论(0) 推荐(0)
Vuejs设计与实现 0-知识导图
摘要： 阅读全文
posted @ 2024-07-24 17:52 安静的嘶吼 阅读(6) 评论(0) 推荐(0)
ts
摘要： 安装 npm install typescript -g yarn global add typescript 执行 tsc Demo1.ts npm install -g ts-node ts-node Demo1.ts 静态类型 : number 就是定义了一个静态类型 如果使用了静态类型，不仅 阅读全文
posted @ 2024-07-24 17:41 安静的嘶吼 阅读(103) 评论(0) 推荐(0)
性能优化
摘要： 性能优化 1. 从输入URL到页面加载完成，发生了什么 2. webpack与Gzip 3. 图片优化 4. 浏览器缓存 5. 本地存储 6. CDN 7. 服务端渲染 8. 浏览器端的性能优化 9. DOM优化 10. 事件循环与异步更新策略 11. 回流与重绘 12. 优化首屏体验-懒加载 13 阅读全文
posted @ 2024-07-24 17:32 安静的嘶吼 阅读(39) 评论(0) 推荐(0)
2024年7月17日
npm转pnpm
摘要： 1. 卸载npm本地依赖包node_modules 2. 安装pnpm: npm install -g pnpm 3. 创建配置文件，项目根目录下创建.npmrc文件 4. 转换相关文件：将package.json转成pnpm-lock.yaml文件，保证依赖版本不变：pnpm import 5. 阅读全文
posted @ 2024-07-17 21:23 安静的嘶吼 阅读(516) 评论(0) 推荐(0)
2024年7月16日
模块
摘要： 模块 允许代码分离，将其组织为可维护的单元，提升代码的可复用性和可读性； CommonJS（CJS）、ECMAScript Modules(ESM) CJS模块系统 导出模块 只需要使用module.exports或exports将模块中的内容导出即可 module.exports, // 指定属性 阅读全文
posted @ 2024-07-16 22:47 安静的嘶吼 阅读(74) 评论(0) 推荐(0)
npm
摘要： npm （1）npm镜像源配置 npm默认的镜像地址是：https://registry.npmjs.org 淘宝开源的镜像站：https://registry.npmmirror.com/ 查看当前的镜像源：npm config get registry 设置为淘宝镜像源：npm config s 阅读全文
posted @ 2024-07-16 20:35 安静的嘶吼 阅读(116) 评论(0) 推荐(0)
2021年12月22日
js冒泡排序
摘要： 冒泡排序： 比较相邻的元素，根据排序从小到大还是从大到小判断是否交换，一趟下来，有一个已排好序；如果遇到某一趟数据已经没有出现交换，说明已是有序数组，退出即可 function bubble(arr){ if(!(Array.isArray(arr))) { alert('数据类型有误，请传入数组' 阅读全文
posted @ 2021-12-22 10:58 安静的嘶吼 阅读(361) 评论(0) 推荐(0)
2021年8月11日
vite-v3-ts-0到0.8
摘要： 从0到0.8 vite 创建项目 eslint prettier EditorConfig 提交代码检测：husky && lint-staged proxy env-development 引入vuex@next 引入vue-router@next 引入axios 按需引入element-plus 阅读全文
posted @ 2021-08-11 23:16 安静的嘶吼 阅读(224) 评论(0) 推荐(0)
2021年4月3日
项目中ESlint配置与VScode中配置冲突问题
摘要： 项目下下来直接跑，没问题，修改后报错跑不起来。原因是ESlint配置不匹配的问题，如项目中设置的是单引号配置，自动保存格式化后成了双引号 ，然后就报错了在，这时候可以选择修改vscode默认配置与项目一致，如setting.json文件中增加如下配置： { "vetur.format.default 阅读全文
posted @ 2021-04-03 22:26 安静的嘶吼 阅读(1023) 评论(0) 推荐(0)
2021年3月6日
react-thunk
摘要： redux-thunk： 处理函数型action的中间件 asyAdd = () => { // 模拟下异步数据请求 store.dispatch((dispatch, getState) => { setTimeout(() => { console.log("getState", getStat 阅读全文
posted @ 2021-03-06 10:43 安静的嘶吼 阅读(234) 评论(0) 推荐(0)
2021年3月3日
React Context
摘要： Context API： React.createContext(defaultValue)：创建一个context对象。当React渲染订阅了这个Context对象的组件，这个组件会从组件树中离自身组件最近的那个匹配的Provider中读取到当前的context值。 Context.Provide 阅读全文
posted @ 2021-03-03 13:24 安静的嘶吼 阅读(122) 评论(0) 推荐(0)
2020年12月28日
代码优化
摘要： 描述：不同的请求接口，不同的code权限码，不同的type类型，相同的处理逻辑，后端配合几个接口数据返回格式名称一致 解决：采用配置项的形式，写一套逻辑代码，简化代码 getSelectData = () => { const selectDataArr = [ { service:aService 阅读全文
posted @ 2020-12-28 15:04 安静的嘶吼 阅读(120) 评论(0) 推荐(0)
2020年11月22日
React生命周期
摘要： v16之前生命周期： （1）initialization组件初始化阶段 constructor(){ super(props); this.state={} } super(props) 调用基类的构造方法，也将父组件的props注入给子组件，供子组件读取props，只读；state初始化 ，可修改 阅读全文
posted @ 2020-11-22 19:12 安静的嘶吼 阅读(103) 评论(0) 推荐(0)
2020年8月18日
antd4 form表单使用
摘要： antd4.x form使用实例： // AntdForm4.js class组件形式 import React, { Component, useEffect } from "react"; import { Form, Input, Button } from "antd"; const For 阅读全文
posted @ 2020-08-18 21:14 安静的嘶吼 阅读(4026) 评论(0) 推荐(0)
2020年7月30日
react-router
摘要： react-router包含三个库：react-router、react-router-dom、react-router-native；react-router提供基本的路由功能，实际使用时不需要直接安装，根据运行环境选择react-router-dom（浏览器中）或react-router-nat 阅读全文
posted @ 2020-07-30 21:30 安静的嘶吼 阅读(205) 评论(0) 推荐(0)
2020年7月29日
react-redux例子
摘要： react-redux： // index.js import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import { Provider 阅读全文
posted @ 2020-07-29 15:07 安静的嘶吼 阅读(215) 评论(0) 推荐(0)
redux例子
摘要： Redux：JavaScript状态管理容易，保证行为一致性及易于测试可追踪。 Redux流程： 1. createStore 创建 store； 2. reducer 初始化、修改状态函数；reducer 是一个纯函数，接收旧的 state 和 action，返回新的 state； 3. getS 阅读全文
posted @ 2020-07-29 15:05 安静的嘶吼 阅读(175) 评论(0) 推荐(0)
2020年7月26日
React-创建项目-引入antd-按需加载-自定义主题-装饰器
摘要： 创建项目： npx create-react-app demo cd demo npm start 引入antd： yarn add antd import React from "react"; import Button from "antd/es/button"; import "antd/d 阅读全文
posted @ 2020-07-26 15:16 安静的嘶吼 阅读(722) 评论(0) 推荐(0)
2020年1月13日
node基础知识点-node学习笔记
摘要： nodejs：一个异步的事件驱动的JavaScript运行时； nodejs特性：非阻塞I/O 事件驱动 运行node程序：node 文件名 或者 nodemon 文件名（该方式可监听文件改变） package.json：当创建一个nodejs项目意味着创建了一个模块，该模块的描述文件被称为pack 阅读全文
posted @ 2020-01-13 21:02 安静的嘶吼 阅读(335) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页