前端开发
最新文章router笔记(Vue3)
Router学习01 - 入门1. router路由应为vue是单页应用不会有那么多html 让我们跳转 所有要使用路由做页面的跳转
Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页Web应用
2. 安装npm init vue@latest// 或者npm init vite@latest
注意:Vue3使用的是router4版,Vue2使用的是router3版
npm install vue-router // 默认最新版,是第四版
在src目录创建router文件夹,文件夹中创建index.ts文件
import {createRouter,createWebHashHistory,RouteRecordRaw} from "vue-router"// RouteRecordRaw为定义路由的声明接口// vue2 mode history vue3 createWebHistory// vue2 mode hash vue3 createWebHashHistory// vue2 ...
前端开发
Pinia笔记
pinia学习01 - pinia介绍
Pinia.js 有如下特点:
完整的 ts 的支持;
足够轻量,压缩后的体积只有1kb左右;
去除 mutations,只有 state,getters,actions;
actions 支持同步和异步;
代码扁平化没有模块嵌套,只有 store 的概念,store 之间可以自由使用,每一个store都是独立的
无需手动添加 store,store 一旦创建便会自动添加;
支持Vue3 和 Vue2
起步安装
npm install pinia
引入注册Vue3
import { createApp } from 'vue'import App from './App.vue'import {createPinia} from 'pinia' const store = createPinia()let app = createApp(App) app.use(store) app.mount('#app' ...
前端开发
ts学习
ts学习基本篇(类型)01 - ts基本类型
类型
例子
描述
number
1, -33, 2.5
任意数字
string
‘hi’, “hi”,
任意字符串
boolean
true、false
布尔值true或false
字面量
其本身
限制变量的值就是该字面量的值
any
*
任意类型
unknown
*
类型安全的any
void
空值(undefined)
没有值(或undefined)
never
没有值
不能是任何值
object
{name:’孙悟空’}
任意的JS对象
array
[1,2,3]
任意JS数组
tuple
[4,5]
元素,TS新增类型,固定长度数组
enum
enum{A, B}
枚举,TS中新增类型
number类型
let decimal:number = 6; // 十进制let hex:number = 0xf00d // 十六进制let binary:number = 0b1010 // 二进制let octal:number = 0o744 // 八进制let big:n ...
前端开发
前端网络编程
网络编程01 - OSI七层模型
02 - TCP - 三次握手
seq,序列号随机生产的
ack确认号ack = seq + 1
ACK 确认序列号有效
SYN 发起新连接
FIN完成
首先客户端会发送一个段这个段就是$报文,想跟服务端进行连接,并且会携带一个序列号,下次发送的数据序列号还会进行+1。
服务端收到了SYN+seq字段之后,服务端也会生成一个对应服务端seq序列号,这时候就会携带ACK确认号,表示之前的SYN收到了,还会有一个小写的ack把客户端的seq+1
客户端收到服务端的响应之后会发送一个ACK确定序列号有效,并且还会发送seq注意这里的seq会通过算法计算出来是否跟服务端的ack值相等,然后会发送一个新的ack这里的ack是服务端的seq值+1,确保一切正常。
03 - TCP - 四次挥手
断开连接服务端和客户端都可以主动发起我们拿客户端举例,客户端进行断开操作先发送却IN包生成客户端的seq序列号随后进入wait1状态,这是第一次挥手。
服务端收到FN包表示自己进入了关闭等待状态,然后向客户端使用ack验证,验证成功打上ACK标记,随 ...
前端开发
vue2
Vue技术栈(全家桶)第 1 章:Vue核心1. 1 .Vue简介1. 1. 1 .官网1. 英文官网:https://vuejs.org/2. 中文官网:https://cn.vuejs.org/
1. 1. 2 .介绍与描述1. 动态构建用户界面的 渐进式 JavaScript框架2. 作者:尤雨溪
1. 1. 3 .Vue的特点1. 遵循 MVVM 模式2. 编码简洁,体积小,运行效率高,适合移动/PC端开发3. 它本身只关注UI,也可以引入其它第三方库开发项目1. 1. 4 .与其它JS框架的关联1. 借鉴Angular的 模板 和 数据绑定 技术2. 借鉴React的 组件化 和 虚拟DOM 技术
1. 1. 5 .Vue周边库1. vue-cli:vue脚手架2. vue-resource3. axios4. vue-router:路由5. vuex:状态管理6. element-ui:基于vue的UI组件库(PC端)......
1. 2 .初识Vue1. 3 .模板语法1. 3. 1 .效果1. 3. 2 .模板的理解html中包含了一些JS语法代码, ...
软件推荐
新一代-效率工具平台
介绍
#uTools 是什么?
uTools = your tools(你的工具集)
uTools 是一个极简、插件化的现代桌面软件,通过自由选配丰富的插件,打造得心应手的工具集合。
通过快捷键(默认 alt + space )就可以快速呼出这个搜索框。你可以往输入框内粘贴文本、图片、截图、文件、文件夹等等,能够处理此内容的插件也早已准备就绪,统一的设计风格和操作方式,助你高效的得到结果。
一旦你熟悉它后,能够为你节约大量时间,即用即走、不中断、无干扰,让你可以更加专注地改变世界。
观看 uTools 的介绍视频
open in new window
#uTools 能做什么?最简单的,uTools 可以作为一个程序快速启动器,支持英文、英文驼峰、中文拼音、拼音首字母来打开你的本地程序。除程序外, win10+ 和 macOS 用户还可以快速搜索并打开「控制面板」内的细项。总之,你只要还记得一个大概的名字,直接输入基本都能找到。
针对中文特别优化,例如可以通过搜索 记事本 或 jsb 打开记事本,而不是搜索 notepad
#一切皆插件!启动已安装的程序仅仅是最基础 ...
软件推荐
Typora-写作神器
Typora 一直是我认为桌面端笔记应用应有的终极形态。「它的功能之强大、设计之冷静、体验之美妙、理念之先进,我认为值得所有笔记应用厂商学习。」
但一件很尴尬的事情是,由于它极简的设计理念,有许多使用者并没能完全地了解到 Typora 的全部强大功能。我想在这篇文章中由浅入深地介绍 Typora 的功能亮点。无论你从未用过 Typora,还是已经体验了很久,我相信你都能在这篇文章中发现 Typora 新的惊喜。
Typora 是什么?Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。
在这篇文章中,我希望以「Typora 是什么」这个问题为线索,向大家全面介绍这款令人爱不释手的笔记应用。
一个 Markdown 文本编辑器Typora 首先是一个 Markdown 文本编辑器,它支持且仅支持 Markdown 语法的文本编辑。在 Typora 官网 上他们将 Typora 描述为 「A truly minimal markdown editor. 」。
关于 Markdown ...
前端开发
Node.js笔记
一、Node.js基础1. 认识Node.js
Node.js是一个javascript运行环境。它让javascript可以开发后端程序,实现几乎其他后端语言实现的所有功能,可以与PHP、Java、Python、.NET、Ruby等后端语言平起平坐。
Nodejs是基于V8引擎,V8是Google发布的开源JavaScript引擎,本身就是用于Chrome浏览器的js解释部分,但是Ryan Dahl 这哥们,鬼才般的,把这个V8搬到了服务器上,用于做服务器的软件。
01 nodejs的特性
Nodejs语法完全是js语法,只要你懂js基础就可以学会Nodejs后端开发
NodeJs超强的高并发能力,实现高性能服务器
开发周期短、开发成本低、学习成本低
02 使用 Node.js 需要了解多少 JavaScript
http://nodejs.cn/learn/how-much-javascript-do-you-need-to-know-to-use-nodejs
03 浏览器环境vs node环境Node.js 可以解析JS代码(没有浏览器安全级别的限制)提供很多系统级别的 ...
前端开发
Vue3新特性
1.Vue3简介
2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)
耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0
2.Vue3带来了什么1.性能的提升
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%
……
2.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking
……
3.拥抱TypeScript
Vue3可以更好的支持TypeScript
4.新的特性
Composition API(组合API)
setup配置
ref与reactive
watch与watchEffect
provide与inject
……
新的内置组件
Fragment
Teleport
Suspense
其他改变
新的生命周期钩子
data 选项应始终被声明为一个函数
移除keyCode支 ...