06 2023 档案

摘要:## useRef简单介绍 ```javascript const refContainer = useRef(initialValue); ``` useRef 返回一个可变的 ref 对象,其 .current 属性被初始化为传入的参数(initialValue)。返回的 ref 对象在组件的整 阅读全文
posted @ 2023-06-27 14:41 脏猫 阅读(253) 评论(0) 推荐(0) 编辑
摘要:### 1、Top-level await 之前await关键字只能在async函数内部使用,在外部使用就会报错: SyntaxError - SyntaxError: await is only valid in async function; 在ES13 允许在模块的顶层使用 await, 并且 阅读全文
posted @ 2023-06-27 14:40 脏猫 阅读(121) 评论(0) 推荐(0) 编辑
摘要:## 纯函数 在程序设计中,若一个函数符合以下条件,那么这个函数被称为纯函数: - 此函数在 **相同的输入值** 时,需产出 **相同的输出**。 - 函数和输出和输入值以外的其他隐藏信息和状态无关,也和由于 I/O设备产生的外部输出无关。 - 该函数不能有语义上可观察到的函数副作用,诸如“触发事 阅读全文
posted @ 2023-06-27 14:39 脏猫 阅读(19) 评论(0) 推荐(0) 编辑
摘要:一、React Hook(部分) 1.useEffect useEffect 用于处理组件中的 effect,通常用于请求数据,事件处理,订阅等相关操作。 1.当 useEffect 没有第二个参数时,useEffect 会不停的调用 2.当 useEffect 第二个参数为空数组时,仅在组件挂载和 阅读全文
posted @ 2023-06-27 14:37 脏猫 阅读(10) 评论(0) 推荐(0) 编辑
摘要:什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端架构旨在解决 阅读全文
posted @ 2023-06-27 14:36 脏猫 阅读(42) 评论(0) 推荐(0) 编辑
摘要:## 一、前言 这三者的定位都有些不同,不好直接比较,但是做的事情还算类似,因此放一块拿来说说。vite 是新生技术,由其快速优秀的开发体验有取代 webpack 的趋势,但是它并不如 webpack 打包工具那么灵活,vite 内部的打包工具是采用的 esbuild,其性能之高也来自于此。 ## 阅读全文
posted @ 2023-06-27 14:35 脏猫 阅读(1207) 评论(0) 推荐(0) 编辑
摘要:重新整理了下 Vue 的接口去跨域的事,其实就两个地方实际生效,其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子: ```js // 写在vite.config里 server:{ port:81, //定义前端程序使用的端口 disableHostCheck:true, p 阅读全文
posted @ 2023-06-27 14:35 脏猫 阅读(12) 评论(0) 推荐(0) 编辑
摘要:Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式,把 阅读全文
posted @ 2023-06-27 14:34 脏猫 阅读(185) 评论(0) 推荐(0) 编辑
摘要:问题:跳转到同一个页面,但是传入不同的路由参数,而 data 内数据从 route.params 拿的并不会在路由跳转后再次获取,即不会跟随刷新。 ### 解决方法 ```javascript ``` 阅读全文
posted @ 2023-06-27 14:33 脏猫 阅读(499) 评论(0) 推荐(0) 编辑
摘要:## 1. 新的 SFC 特性 - ` Color is: {{ color }} ``` script setup 的几个优势 - 更少的样板内容,更简洁的代码。 - 能够使用纯 Typescript 声明 props 和发出事件。 - 更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数 阅读全文
posted @ 2023-06-27 14:32 脏猫 阅读(283) 评论(0) 推荐(0) 编辑
摘要:在 vue3 中是不会直接暴露 vue 对象给你使用了。所以不能像 vue2 那样直接在原型上挂载,想要添加公共方法可以有下面三种方式。 ### **第一种:使用 app.config.globalProperties 添加** ```js import { createApp } from "vu 阅读全文
posted @ 2023-06-27 14:32 脏猫 阅读(942) 评论(0) 推荐(0) 编辑
摘要:## 一、Vue3.0 六大亮点 - Performance:性能比 Vue2.x 快 1.2~2 倍 - Tree shaking support:按需编译,体积比 Vue2.x 更小 - Composition API:组合 API - Better TypeScript support:更好的 阅读全文
posted @ 2023-06-27 14:32 脏猫 阅读(265) 评论(0) 推荐(0) 编辑
摘要:路径别名,省去相对路径的麻烦,直接用@views 来作为路径开头更加的方便 ## Vue2+Vue-Cli 写法 在 vue.config.js 里写入 ```js module.exports = { ... chainWebpack: config => { config.resolve.sym 阅读全文
posted @ 2023-06-27 14:31 脏猫 阅读(14) 评论(0) 推荐(0) 编辑
摘要:正则表达式是由一个字符序列形成的搜索模式。可以用来搜索也可以用来替换。 > 语法:/正则表达式主体/修饰符(可选) //是定界符,内容则是需要查找或替换的内容。比如/runoob/就是查找 runoob 这个词 ### 正则表达式修饰符 i:无视大小写。比如"abvAce" 中使用/A/i,会匹配到 阅读全文
posted @ 2023-06-27 14:30 脏猫 阅读(7) 评论(0) 推荐(0) 编辑
摘要:大一定下的的创客项目以及 Dev Feast 活动上展示内容,主要技术栈在短学期已搞定,关键在于贪吃蛇游戏的实现。 项目地址: ## 一、项目简介 本项目开发一个运行在 ESP32 上,显示在 WS2812 灯板上并收 flutterAPP 控制的贪吃蛇游戏。 ## 二、项目准备 所需的材料:ESP 阅读全文
posted @ 2023-06-27 14:30 脏猫 阅读(270) 评论(0) 推荐(0) 编辑
摘要:### 归并排序 - 归并排序(MERGE-SORT)是利用归并的思想实现的排序方法,该算法采用经典的分治(divide-and-conquer)策略(分治法将问题分(divide)成一些小的问题然后递归求解,而治(conquer)的阶段则将分的阶段得到的各答案"修补"在一起,即分而治之)。 - 归 阅读全文
posted @ 2023-06-27 14:28 脏猫 阅读(24) 评论(0) 推荐(0) 编辑
摘要:**可以用一个自然高度的容器吗?**给容器加上相等的上下内边距让内容居中。 **容器需要指定高度或者避免使用内边距吗?**对容器使用 display:table-cell 和 vertical-align:middle。 **可以用 Flexbox 吗?**如果不需要支持 IE9,可以用 flexb 阅读全文
posted @ 2023-06-27 14:28 脏猫 阅读(7) 评论(0) 推荐(0) 编辑
摘要:需求:一段文本,不定长,需要在页面中有展开按钮,假如它少于固定行,展示按钮不可见,假如多于固定行,则出现按钮,点击后,显示全部长度。 ### html 部分 ```html {{ BookInfo.book_intro }} --展开-- ``` 首先定义两个样式类,一个是展开后高度自适应的情况,一 阅读全文
posted @ 2023-06-27 14:27 脏猫 阅读(38) 评论(0) 推荐(0) 编辑
摘要:### Yarn 是什么? yarn 是为弥补 npm 的一些缺陷而出现的用以代替 npm 的 js 包管理工具。 npm 的一些人尽皆知的不足: - `npm install`的时候**巨慢**。特别是新的项目拉下来要等半天,删除 node_modules,重新 install 的时候依旧如此。 阅读全文
posted @ 2023-06-27 14:26 脏猫 阅读(160) 评论(0) 推荐(0) 编辑
摘要:## Ubuntu 安装界面卡住 给笔记本安装 ubuntu 的时候一直有这个问题,在安装界面就直接卡死,鼠标能动,但啥都不能点。 实际上是由于我的显卡是 GTX1060,是在 1050ti 以上,而 ubuntu 与 n 卡的高版本兼容性不好才导致卡死。 这时候的处理方法是: 1.在系统选择安装 阅读全文
posted @ 2023-06-27 14:24 脏猫 阅读(7452) 评论(0) 推荐(0) 编辑
摘要:CSDN 的爬取比较简单,没有知乎那种反爬虫需要 ip 代理模拟登录那么麻烦。在确认一个用户之后,找到目录的 url,再通过 css 选择器找到每一篇博客的 url 再分别保存为 markdown 格式。 ```python import requests import parsel import 阅读全文
posted @ 2023-06-27 14:23 脏猫 阅读(23) 评论(0) 推荐(0) 编辑
摘要:爬虫分为四个步骤,首先获取数据,然后解析数据,再提取数据,最后是存储数据 ```python import requests #首先引入requests库 res=requests.get('URL')#向服务器发送了一个请求,把服务器响应结果赋给res,为response对象 res.encodi 阅读全文
posted @ 2023-06-27 14:23 脏猫 阅读(40) 评论(0) 推荐(0) 编辑
摘要:### 数据类型 #### 字符串:双引号或者单引号引起来的文本 字符串内字符都有序号,正向是从 0 开始,反向是-1 开始。str[-1]指的就是最后一个字符。 字符串的拼接: 1. - 号,对于字符串或者非字符串使用该符号就能拼接成一个字符串。 2. .format(),中间的参数,对应字符串中 阅读全文
posted @ 2023-06-27 14:21 脏猫 阅读(27) 评论(0) 推荐(0) 编辑
摘要:今天初步了解了 http、fs、querystring、url 四个包以及本地服务器部署的内容,记录一下。 ### 引入包 首先需要的包要下载,使用 npm 工具,(cnpm 更快也行),npm i module 安装。 在该文件下目录下会自动生成 node_modules 文件夹,里面包含了很多模 阅读全文
posted @ 2023-06-27 14:20 脏猫 阅读(10) 评论(0) 推荐(0) 编辑
摘要:## Margin 塌陷 ``` ``` 在这两个父子级块级元素的 css 定义中,其垂直 margin 是取父子元素中的最大值,而不是相对父级块的 margin。 要解决这个塌陷问题,要用到 bfc(块级格式化上下文)改变父级的渲染规则。 #### 如何触发一个盒子的 bfc 1. positio 阅读全文
posted @ 2023-06-27 14:19 脏猫 阅读(54) 评论(0) 推荐(0) 编辑
摘要:场景:前端需要上传图片到服务器,保存在固定目录下,并返回一个外部可访问的 url 给客户端。 需要的工具:koa-body,koa-static, path #### 引入 ```js // app.js const koaBody = require("koa-body"); const path 阅读全文
posted @ 2023-06-27 14:18 脏猫 阅读(296) 评论(0) 推荐(0) 编辑
摘要:### 直接赋值 把一个对象 a 赋值给一个对象 b 相当于把一个对象 b 的地址指向对象 a 的地址,所以,他们实际上是同一个对象。由于内存地址我们很难监测到,但是我们可以通过严格相等运算符" "来检测二者是否指向同一个地址。 **直接赋值**,修改赋值后的对象 b 的非对象属性,也**会**影响 阅读全文
posted @ 2023-06-27 14:18 脏猫 阅读(18) 评论(0) 推荐(0) 编辑
摘要:# JavaScript 基础 date: 2019-05-26T10:19:54+08:00 1.在标签中填写 onclick 事件调用函数时,不是 onclick=函数名, 而是 onclick="函数名+()" 2.script 中用到的函数中带 document.write 会覆盖之前的文本 阅读全文
posted @ 2023-06-27 14:17 脏猫 阅读(15) 评论(0) 推荐(0) 编辑
摘要:## **1、console.log 变量包装** 您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。 ```js const number = 123; console.log({ number }); //{number:123} ``` ## ** 阅读全文
posted @ 2023-06-27 14:16 脏猫 阅读(5) 评论(0) 推荐(0) 编辑
摘要:这是我短学期的任务,做的简陋,勉强能实现主要功能,写了技术文档,记录一下。 ## 一、 项目简介 本项目综合 arduino、flutter、node-red 以及 mqtt 协议开发一个可供电脑端和手机端共同游戏的五子棋游戏,并将游戏实时显示在 RGB 灯带组成的棋盘上。 ## 二、 项目准备 所 阅读全文
posted @ 2023-06-27 14:15 脏猫 阅读(157) 评论(0) 推荐(0) 编辑
摘要:# Flutter 导航 ## 父子级导航页面的跳转 因为 app 中包含不止一个界面,void main()后面不能用箭头函数,需要设定首页。 对于每个页面,用 class 分别定义,页面作为 home,return 的是 Scaffold 类,当然也可以是其他。在按钮上添加跳转到另一个页面的功能 阅读全文
posted @ 2023-06-27 14:13 脏猫 阅读(8) 评论(0) 推荐(0) 编辑
摘要:# Flutter 布局 ## 水平布局 body:Row()中间内容比如说要放上按钮,直接 new 一个 RaisedButton,它的宽高是固定的,如果在它外面套上一个 Expanded(),子元素再放按钮,就能达到自适应长度的效果,不至于边上漏出一块白的那么丑。 注意 expanded 与不加 阅读全文
posted @ 2023-06-27 14:13 脏猫 阅读(6) 评论(0) 推荐(0) 编辑
摘要:# Flutter 基本结构 以一个 helloworld 程序展示一个 flutter 应用的基本结构。 ```dart import 'package:flutter/material.dart'; void main() => runApp(Myapp()); class Myapp exte 阅读全文
posted @ 2023-06-27 14:12 脏猫 阅读(24) 评论(0) 推荐(0) 编辑
摘要:# ES6 笔记 date: 2021-05-21T20:57:31+08:00 ## 一、let 和 var 的区别以及 const - let 声明的变量**只在所在块中生效**; - let 声明的变量可以解决 var 与 for 循环结合使用产生的无法取得最新变量值的问题(以往都需要通过闭包 阅读全文
posted @ 2023-06-27 14:11 脏猫 阅读(3) 评论(0) 推荐(0) 编辑
摘要:1、多行文本溢出隐藏 ```css div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; // 阅读全文
posted @ 2023-06-27 14:10 脏猫 阅读(12) 评论(0) 推荐(0) 编辑
摘要:## 一、如何创建 CSS 1. 内联样式:也叫**行间样式**在标签后面写上 style={...}就可以,但仅限于这个标签产生样式作用 2. 内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表。可以使用`` 标签在文档头部定义内部样式表. 3. 外部样式表:在 html 的 head 阅读全文
posted @ 2023-06-27 14:09 脏猫 阅读(32) 评论(0) 推荐(0) 编辑
摘要:第一章:层叠、优先级和继承 1.优先级:!important>行内样式>id 选择器>类选择器>标签选择器 2.两条经验法则:选择器少用 id;少用!important。 3.使用 inherit 属性使元素属性继承自父元素,方便修改。 4.使用简写属性的时候会默认给细化的属性赋默认值,如标签 h1 阅读全文
posted @ 2023-06-27 14:04 脏猫 阅读(75) 评论(0) 推荐(0) 编辑
摘要:粗读了《css 揭秘》这本书,里面提到的很多技巧和操作暂时用不到,可以在用到时当工具书看,目前对我有帮助的几个技巧做了个笔记。 尽量使用相对单位。line-height 与 font-size 的比例而不要使用绝对值。em 单位(相对于当前元素的字体大小)可以在修改字体尺寸同时修改其他的数值。rem 阅读全文
posted @ 2023-06-27 13:51 脏猫 阅读(24) 评论(0) 推荐(0) 编辑
摘要:npm2 嵌套结构:这个版本下依赖是嵌套的,一个包的内部也会有node_modules,A依赖于B,B依赖于C,而外部可能有其他包也依赖于C,模块实例无法共享,于是会造成内存占用多、体积大的问题。而且对于C,它的路径可能会很长,windows很多程序无法处理超过260个字符的路径名。 版本控制:对于 阅读全文
posted @ 2023-06-27 13:48 脏猫 阅读(15) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示