摘要:
函数式编程 先举个栗子 需求:转换数组为JSON数组 // 数据源 ['牛','马','牛马','健康马'] //转换 [{name:'小牛'},{name:'小马'},{name:'小牛马'},{name:'小健康马'}] 我们来采用命令式 const arr = ['牛', '马', '牛马', 阅读全文
摘要:
1. 通过let const可以提高性能 ES6增加这两个关键字不仅有助于改善代码风格,而且同样有助于改进垃圾回收的过程。因为const和let都以块(而非函数)为作用域,所以相比于使用var,使用这两个新关键字可能会更早地让垃圾回收程序介入,尽早回收应该回收的内存。在块作用域比函数作用域更早终止的 阅读全文
摘要:
设计模式 先说明一下什么是工厂模式 把创建对象的过程进行级简单封装。 目的就是无脑传参 1、创建型之工厂模式 构造器模式 不再手写字面量 变得是个性,不变的是共性,构造器就是将将共性保存起来不变,开发个性灵活使用 简单工厂 我们先来看下面两段构造器代码,我们假设公司有多种不同的工种,我们需要录入na 阅读全文
摘要:
在style中使用v-bind 最近在公司写项目的时候想实现一个更改主题的功能,查阅网上资料大家给了多种方案,但是其中一种方案比较吸引我,卧槽?什么东西,Vue3可以在style中使用v-bind? WDF?!!!赶紧试试! <script setup> // 这里可以是原始对象值,也可以是ref( 阅读全文
摘要:
React hooks 最近闲来无事,Vue3的语法写的有点疲了,想起来以前还用React框架搭建过项目,回来拉取了一个React框架准备再复习一下React,感叹当年学习React的艰辛过程啊,记录一下React的hooks吧。以下几个是开发过程中可能常用的hooks,后续开发遇到新的会继续补充 阅读全文
摘要:
ref/reactive/shallowRef/shallowReactive ref/reactive ref的本质其实也是reactive ref(obj)等价于reactive({value:obj}) ref 会深度监听 接受基础数据类型和对象类型 它的基础数据类型:依靠Object.def 阅读全文
摘要:
TypeScript的安装和使用 安装 npm i typescript yarn add typescript 运行 首先安装ts-node npm i ts-node yarn add ts-node 运行ts文件:ts-node XXX.ts 类比node运行js文件 基础类型 //1. bo 阅读全文
摘要:
HTML 和 CSS 篇 1. display:none 和 visiblity:hidden 的区别 display:none;给一个元素设置后,该元素自身以及它内部的子元素都会被隐藏。 visiblity:hidden:起到了隐藏的作用,但是隐藏之后还是会占据空间,元素虽然不可见,但是仍然会影响 阅读全文
摘要:
无状态 http是无状态的啦,也就是说,http请求方和响应方无法维护状态,都是一次性的,有些场景需要登陆怎么办?就需要维护状态进行标记 Cookie(维持HTTP请求状态的基石) 前端存储的一种方式,相比于localStorage等其他方式,借助Http头部,浏览器能力,可以做到无感知。 存储在客 阅读全文