Vue 3中的Hooks函数是一个非常实用的功能,在组件开发中他能够将一些通用逻辑抽离实现逻辑的复用,大大提高了我们代码的可读性及可维护性。hooks 是什么vue3 中的 hooks 就是函数的一种写法，就是将文件的一些单独功能的 js 代码进行抽离出来进行封装使用。它的主要作用是 Vue3... Read More
计算机类电子书
计算机基础、数据结构与而算法、python、Java、Linux、设计模式、人工智能、数据库以及面试
服务器端渲染和客户端渲染
这里的渲染，就是指生成html文档的过程，和浏览器渲染html没有关系。 浏览器渲染指的是用js去生成html，前端做路由。举例：React, Vue等等前端框架。适合单页面应用程序。 服务器端渲染指的是用后台语言通过一些模版引擎生成html。 PHP、JSP、Python的Flask配合Jinja引擎、Django框架、Java配合vm模版引擎、NodeJS配合Jade。 more >
关于Nuxt3服务端渲染
在前后端分离出现之前，传统的web页面都是服务端渲染的，如JSP、PHP、Python Django，等等。 前后端分离出现后，带来的好处： 工程上的分工，让前端专门盯前端技术，开发效率上得到提升。 独立开发项目更易于维护，也更加容易扩展。 前端的性能能持续优化，部署方式更为灵活多变，带来更多的想象空间 more >
关于网站管理后台
后台项目区别于其它项目，权限控制与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：前端来控制页面级的权限，不同权限的用户注册不同的路由，限制其所能进入的页面。 也有按钮级别的权限控制。 后端则会验证每一个增删查改请求操作，需要前端携带用户登录的token。 more >
关于网站Api接口
在前后端分离开发时为什么需要用户认证呢？原因是由于HTTP协定是不储存状态的(stateless)，这意味着当我们透过帐号密码验证一个使用者时，当下一个request请求时它就把刚刚的资料忘了。于是我们的程序就不知道谁是谁，就要再验证一次。所以为了保证系统安全，我们就需要验证用户否处于登录状态。 more >
Our latest posts and rants.
shallowRef ref() 的浅层作用形式。和 ref() 不同，浅层 ref 的内部值将会原样存储和暴露，并且不会被深层递归地转为响应式。只有对 .value 的访问是响应式的。shallowRef() 常常用于对大型数据结构的性能优化或是与外部的状态管理系统集成。<template>... Read More
各种框架都提供了逻辑复用的方式，React提供了hook, Vue提供了composition，Vue为了解决逻辑复用的问题，有几种方案可以选择Mixin方案无渲染组件方案组合式API方案我们通过三种逻辑复用的方案实现同样的逻辑复用需求，需求如下：我们想实现一段响应式状态布尔切换的逻辑1. M... Read More
同源策略禁止一个源的脚本&文档和另一个源的脚本&文档交互限制所谓同源是指，域名（host），协议（protocol），端口（port）相同。cookie、local storage、indexDB、无法读取Dom无法获取Ajax 请求不能发送跨域通信的几种方式Cross-Origin Reso... Read More
h()创建虚拟 DOM 节点 (vnode)。// 完整参数签名 function h( type: string | Component, props?: object | null, children?: Children | Slot | Slots ): VNode创建原生... Read More
代码与设计模式写项目代码 = 组织模块 + 设计沟通一个项目或者一个功能 都是通过模块和模块间的相互沟通完成的，设计模式扮演的角色帮助我们组织模块（通过一些设计模式组织模块间的组成结构和模块划分）帮助我们设计沟通（有的设计模式可以帮助我们设计模块间如何沟通）提高代码质量（通过设计模式让代码更优... Read More
Record 在 TS 中，类似数组、字符串、数组、接口这些常见的类型都非常常见，但是如果要定义一个对象的 key 和 value 类型该怎么做呢？这时候就需要用到 TS 的 Record 了。 interface PageInfo { title: string; } type Pa... Read More
JavaScript中的作用域是由执行上下文来管理的执行上下文是一个抽象概念，它包含了当前代码的执行环境、变量对象和作用域链等信息作用域链是由当前执行上下文的变量对象和所有外层执行上下文的变量对象组成的作用域链的作用是保证变量的查找顺序，从当前执行上下文开始，逐级向外层执行上下文查找，直到找到... Read More
async函数一个语法糖 使异步操作更加简单返回值是一个promise对象return的值是promise resolved 的valuethrow的值是promise rejected 的reasonasync function test() { return 1; } let p = ... Read More
在ES5我们处理异步只能通过回调的方式进行处理， 在多层异步中，回调会一层一层嵌套，也就是所谓的回调地狱。promise就是异步编程的一种解决方案 ,promise更适合处理异步操作callback{ let ajax = function(callback){ console.l... Read More