- 博客(51)
- 收藏
- 关注
RSS订阅原创 【Vue3+TS项目】硅谷甄选day05--真实接口+跨域+品牌模块搭建+属性模块搭建（深拷贝、nextTick）
接口中数据类型定义好之后，仓库中的数据类型也要改//定义用户相关数据的ts类型//用户登录接口携带参数的ts类型//定义全部接口返回数据都拥有ts类型//定义登录接口返回数据类型//定义获取用户信息返回数据类型data: {
2023-06-02 09:49:45
1311
2
原创 【Vue3+TS项目】硅谷甄选day04--顶部组件搭建+面包屑+路由鉴权
左侧菜单刷新折叠的问题解决---属性default-active折叠之后图标不见：icon放在插槽外面----element的menu属性：collapse顶部tabbar静态组件封装：拆分为左侧面包屑、右侧设置区域面包屑组件：project\src\layout\tabbar\breadcrumb\index.vue右侧设置组件：project\src\layout\tabbar\setting\index.vue菜单折叠的实现。
2023-05-31 16:50:04
1798
原创 【Vue3+TS项目】硅谷甄选day03--layout组件搭建+路由配置+左侧菜单搭建
需要至少四个一级路由：主页、登入页、404页、任意路由（指向404）安装路由插件：4版本src下新建文件夹views分别创建404、login、home路由组件src下新建router文件夹---包含index.ts和routes.ts入口文件中引入路由并注册 src/main.ts一级路由在App组件中展示即可。
2023-05-31 10:06:43
1946
原创 【Vue3+TS项目】硅谷甄选day02--后台管理系统模板搭建/项目配置
一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的，需要使用husky来，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。
2023-05-17 20:29:52
3356
1
原创 项目准备知识---vue3组件通信方式总结
在vue框架中事件分为两种：一种是原生的DOM事件，另外一种自定义事件。（vue2中需要添加 .native）原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据，在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件
2023-05-16 18:29:14
778
原创 【macOS】mac中通过Homebrew安装和更新git
mac中安装Homebrew可以参考这篇文章！手把手超级详细超级简单！安装完成之后，查看版本，会发现依旧是原来的版本，需要通过上述命令进行链接。
2023-02-13 12:04:13
853
原创 【macOS】mac电脑M2芯片安装Homebrew 最简单的方法
【问题原因】：因为你的 homebrew-core 和 homebrew-cask 目录 被 git 认为不是一个安全的目录。使用Homebrew官网提供的命令安装存在问题，主要原因是国内网络连接git不行，切换国内的源安装就不存在。【M1芯片电脑运行which brew如果显示/usr/local/Homebrew/bin/brew】）逐句运行一般就可以解决。/ 的问题】这种一般切换源以后没有问题，因为都是公益服务器，不稳定性很大。安装成功后，关闭终端，然后重新打开终端，查看Homebrew版本。
2023-02-13 11:56:32
12176
1
原创 【Javascript基础】--零基础--超详细且简洁的Javascript笔记--数据类型（05）
JavaScript 允许我们像使用对象一样使用原始类型（字符串，数字等）。JavaScript 还提供了这样的调用方法。首先我们将了解它的工作原理，毕竟原始类型不是对象。原始类型和对象之间的关键区别。一个原始值：一个对象：关于对象的最好的事儿之一是，我们可以把一个函数作为对象的属性存储到对象中。所以我们在这里创建了一个包含 方法的对象 。许多内建对象已经存在，例如那些处理日期、错误、HTML 元素等的内建对象。它们具有不同的属性和方法。但是，这些特性（feature）都是有成本的！对象比原始类型“更重
2022-12-29 17:47:44
598
2
原创 【Javascript基础】--零基础--超详细且简洁的Javascript笔记--Object（对象）：基础知识（04）
JavaScript 中有八种数据类型。有七种原始类型，因为它们的值只包含一种东西（字符串，数字或者其他）。相反，对象则用来存储键值对和更复杂的实体。我们可以通过使用带有可选的花括号{…}来创建对象。（“key: value”），其中键（key）是一个字符串（也叫做属性名），值（value）可以是任何值。通常，我们用花括号。这种方式我们叫做。
2022-12-24 11:36:19
252
原创 【Javascript基础】--零基础--超详细且简洁的Javascript笔记--代码质量（03）
在编写代码前看看调试。调试是指在一个脚本中找出并修复错误的过程。在这里我们将会使用 Chrome（谷歌浏览器），因为它拥有足够多的功能，其他大部分浏览器的功能也与之类似。
2022-12-24 10:12:57
1031
原创 【Javascript基础】--零基础--超详细且简洁的Javascript笔记--Javascript基础知识（02）
首先，让我们看看如何将脚本添加到网页上。比如：标签中包裹了 JavaScript 代码，当浏览器遇到 标签，代码会自动运行。标签有一些现在很少用到的特性（attribute），但是我们可以在老代码中找到它们： 特性：在老的 HTML4 标准中，要求 script 标签有 特性。通常是 。这样的特性声明现在已经不再需要。而且，现代 HTML 标准已经完全改变了此特性的含义。现在，它可以用于 JavaScript 模块。后续讨论 特性：这个特性是为了显示脚本使用的语言。这个特性现在已经没有任何意义，因为语
2022-12-23 22:48:27
1035
原创 【Javascript基础】--零基础--超详细且简洁的Javascript笔记--简介（01）
JavaScript最初被创建的目的是“使网页更生动”。这种编程语言写出来的程序被称为脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行。这方面，JavaScript 和 Java 有很大的区别。为什么叫 JavaScript？JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。
2022-12-23 16:26:59
746
原创 【AJAX】axios fetch 跨域（二）
其中，我们需要注意的是body属性值是一个可读流，所以我们无法直接获取body内容，需要从可读流中读取内容，而读取可读流中内容也是一个异步操作，Response贴心的为我们提供了如下实例方法去异步地获取body可读流中的内容。fetch 不同于 xhr ，xhr 自带取消、错误等方法，所以服务器返回 4xx 或 5xx 时，是不会抛出错误的，需要手动处理，通过 response 中的 status 字段来判断。fetch和XMLHttpRequest一样，也是浏览器原生的，用于发送AJAX请求。
2022-12-17 05:50:30
1931
原创 【AJAX】AJAX概述 HTTP相关问题（一）
无刷新获取数据AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式XMLHttpRequest()：创建 XHR 对象的构造函数status：响应状态码值，如 200、404statusText：响应状态文本，如 ’ok‘、‘not found’readyState：标识请求状态的只读属性 0-1-2-3-4onreadystatechange：绑定 readyState 改变的监听。
2022-12-17 05:21:38
161
原创 【VUE2】VUE2基础知识和原理--超详细--超简介--零基础（一）
2 模板语法Vue模板语法有2大类:插值语法：功能：用于解析标签体内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性指令语法:功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：v-bind:href=“xxx” 或 简写为 :href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性3 数据绑定Vue中有2种数据绑定的方式：单向绑定(v-bind)：数据只能从data流向页面双向绑定(v-model)：数据不仅能从data流向页
2022-12-02 16:17:38
4799
原创 React Router 6
React Router 发布了三个不同的包：与 React Router 5.x 版本的区别：安装 6 版本的 React Router 文件引入 设置路由链接和注册路由。 属性用于指定匹配时是否区分大小写（默认为 false） 用于包裹整个应用。作用与 一样，但 修改的是地址栏的 hash 值。6.x 版本中 、 的用法与 5.x 相同。6 版本中移出了 ，引入了新的替代者： 和 要配合使用，且必须要用 包裹 相当于一个if语句，如果路径匹配当前URL，则呈现其对应组件属性用于指定
2022-11-18 18:46:58
3277
原创 React系统学习笔记--超基础--超详细--超简洁--React 拓展（八）
组件间的关系父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）- props： 1) . children props(2) . render props - 消息订阅 - 发布：ubs - sub、event等等 - 集中式管理：edux、dva等等 - conText : 产者 - 消费者模式比较好的搭配方式- 父子组件：props - 兄弟组件：消息订阅 - 发布、集中式管理 - 祖孙组件(跨级组件) ：消息订阅 - 发布、集中式管理、conText(开发用的少，封装插件用的多)
2022-11-18 12:45:30
87
原创 React系统学习笔记--超基础--超详细--超简洁--Redux（七）
学习文档redux是什么redux是一个专门用于做状态管理的JS库(不是react插件库)它可以用在react，angular，vue等项目中，但基本与react配合使用作用：集中式管理react应用中多个组件共享的状态什么情况下需要使用redux某个组件的状态，需要让其他组件可以随时拿到（共享）一个组件需要改变另一个组件的状态（通信）总体原则：能不用就不用, 如果不用比较吃力才考虑使用redux工作流程。
2022-11-15 22:40:52
277
原创 React系统学习笔记--超基础--超详细--超简洁--React UI组件库 Ant Design（六）
react中看不见配置文件，需要的话可以npm eject，不建议这样做。那我们要修改配置怎么办：在config-overrides.js里面配置好规则，然后customize-cra去执行规则，修改了配置文件，我们就不能用npm start启动脚手架，需要react-app-rewired库来安装依赖修改package.json根目录下创建config-overrides.js注意：如果按照官方文档的自定义主题进行配置可能会报错，需要多加一层。
2022-11-14 14:46:16
257
原创 React系统学习笔记--超基础--超详细--超简洁--React路由（五）
单页Web应用（single page web application，SPA）整个应用只有点击页面中的链接页面，只会做页面的数据都需要通过ajax请求获取，并在前端异步展现。
2022-11-13 13:45:24
143
原创 React系统学习笔记--超基础--超详细--超简洁--React应用基于脚手架（三）
脚手架是用webpack搭建的，我们现在不用从零开始搭建了xxx脚手架：用来帮助程序原快速创建一个基于xxx库的模板项目react提供了一个用于创建react项目的脚手架库：create-react-app（基于React脚手架的项目，把项目的每个文件读懂，再把自己的业务逻辑加进去）项目的整体技术架构为：react+webpack+es6+eslint使用脚手架开发的项目的特点：模块化、组件化、工程化有了这个库，才能创建出来脚手架。
2022-11-06 20:07:04
468
原创 React系统学习笔记--超基础--超详细--超简洁--React面向组件编程（二）
函数式声明组件< script type = "text/babel" > //1.创建函数式组件 function MyComponent() {
2022-11-04 21:23:32
111
原创 React系统学习笔记--超基础--超详细--超简洁--React入门（一）
用于动态构建用户界面的JavaScript(只关注视图)由Facebook开源。
2022-11-04 17:14:46
128
原创 【VUE3笔记】超基础--超详细--超简洁
什么是 hook？—— 本质是一个函数，把 setup 函数中使用的 Composition API 进行了封装类似于 vue2.x 中的 mixin自定义 hook 的优势: 复用代码, 让 setup 中的逻辑更清楚易懂//hooks文件下的usepoint.js中//实现鼠标“打点”相关的数据x:0,y:0})//实现鼠标“打点”相关的方法}//实现鼠标“打点”相关的生命周期钩子})})}//组件中使用。
2022-11-03 19:54:28
272
原创 【HTML+CSS】移动WEB开发之响应式布局
栅格系统英文为 “grid systems”，也有人翻译为 “网格系统”，它是指将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
2022-10-29 14:23:55
507
原创 【HTML+CSS】移动WEB开发之rem布局
媒体查询（Media Query）是 CSS3 的新语法使用@media查询，可以针对不同的媒体类型定义不同的样式@media可以针对不同屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、安卓手机、平板等设备都用到媒体查询Less（Leaner Style Sheets的缩写）是一门 CSS 扩展语言，也称为 CSS 预处理器。
2022-10-29 13:55:03
1057
原创 【HTML+CSS】移动WEB开发之流式布局
常见PC端浏览器和移动端浏览器国内手机浏览器内核基本都是移动端主要针对手机端开发现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一，我们只关注px。
2022-10-28 16:47:40
688
原创 CSS3进阶笔记--超详细--简洁易懂
根据元素属性选择，不借助类或id选择主要根据来选择元素，before和after必须有content属性before在内容前面，after 在内容后面before和after创建的是一个元素，但是属于行内元素创建出来的元素在Dom中查找不到，所以称为伪元素伪元素和标签选择器一样，权重为 1。
2022-10-28 10:25:12
448
原创 CSS笔记--超详细--零基础--简洁易懂（三）
主要针对于背景图片，插入的图片img 是不需要这个技术的精确测量，每个小背景图片的大小和 位置。给盒子指定小背景图片时， 背景定位基本都是 负值。
2022-10-27 20:09:18
94
原创 CSS笔记--超详细--零基础--简洁易懂（二）
由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响准确地说，并不是清除浮动，而是清除浮动后造成的影响。
2022-10-27 19:13:15
371
原创 HTML基础笔记--超详细--零基础--简洁易懂
互联网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合网站中的一“页”，是构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）它要通过浏览器来阅读超文本（超越了文本的限制，超级链接文本），超文本标记语言现在跟随chrome用blink内核。结构标准，表现标准和行为标准易于维护、页面响应快、可访问性、设备兼容性。
2022-10-27 09:51:50
518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人