- 博客(157)
- 收藏
- 关注
RSS订阅原创 Vue3 核心语法
1. OptionsAPI 与 CompositionAPIVue2 的API设计是 Options（配置）风格的。Vue3 的API设计是 Composition（组合）风格的。1.1 Options API 的弊端Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、methods、computed，不便于维护和复用。1.2 Composition API 的优势可以用函数的方
2024-12-25 13:42:16
906
原创 Vue3 简介
Vue3 向下兼容 Vue2 语法，且 Vue3 中的模板中可以没有根标签。备注：目前vue-cli已处于维护模式，官方推荐基于 Vite 创建项目。● 初次渲染快55%, 更新渲染快133%。● 打包大小减少41%。● 内存减少54%。
2024-12-25 12:42:26
1170
原创 会话控制（cookie、session 和 token）
填写账号和密码校验身份，校验通过后响应 token，token 一般是在响应体中返回给客户端的。有了 cookie 之后，后续向服务器发送请求时，就会自动携带 cookie。后续发送请求时，需要手动将 token 添加在请求报文中，一般是放在请求头中。有了 cookie，下次发送请求时会自动携带 cookie，服务器通过。实现会话控制，可以识别用户的身份，快速获取当前用户的相关信息。浏览器操作 cookie 的操作，使用相对较少，了解即可。实现会话控制，可以识别用户的身份，主要用于移动端 APP。
2024-12-21 22:01:13
764
原创 Node.js express
官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求中间件（Middleware）本质是一个回调函数中间件函数可以像路由回调一样访问请求对象（request）响应对象（response）每一个请求到达服务端之后都会执行全局中间件函数声明中间件函数//实现功能代码//.....//执行next函数(当如果希望执行完中间件函数之后，仍然继续执行路由中的回调函数，必须调用next)next();应用中间件声明时可以直接将匿名函数传递给useconsole.log('定义第一个中间件');
2024-12-12 22:32:24
1282
2
原创 Node.js 包管理工具
cnpm 是一个淘宝构建的npmjs.comcnpm 服务部署在国内阿里云服务器上 ， 可以提高包的下载速度官方也提供了一个全局工具包cnpm，操作命令与 npm 大体相同yarn 是由 Facebook 在 2016 年推出的新的 Javascript 包管理工具，官方网址：https://yarnpkg.com/
2024-11-01 17:56:48
905
原创 Node.js - HTTP 协议
request.url 只能获取路径以及查询字符串，无法获取 URL 中的域名以及协议的内容request.headers 将请求信息转化成一个对象，并将属性名都转化成了『小写』关于路径：如果访问网站的时候，只填写了 IP 地址或者是域名信息，此时请求的路径为『 / 』关于 favicon.ico：这个请求是属于浏览器自动发送的请求。
2024-10-18 15:05:50
818
原创 第 6 章：vue-router
1. router 相关理解1.1 vue-router 的理解vue 的一个插件库，专门用来实现 SPA 应用1.2 对 SPA 应用的理解单页 Web 应用（single page web application，SPA）。整个应用只有一个完整的页面。点击页面中的导航链接不会刷新页面，只会做页面的局部更新。数据需要通过 ajax 请求获取。1.3 路由的理解什么是路由?一个路由就是一组映射关系（key - value）key 为路径, value 可能是 functi
2024-10-18 11:42:51
767
原创 第 5 章：vuex
1. 理解 vuexvuex 是什么：概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github 地址: https://github.com/vuejs/vuex什么时候使用 Vuex多个组件依赖于同一状态（数据）来自不同组件的行为需要变更同一状态（数据）多个组件需要共享数据时工作原理图：2. vuex 的 API2.1 state
2024-10-16 12:09:43
1048
原创 第 4 章：Vue 中的 ajax
/ 这里的 this.$http 替换了 axios。功能：输入关键字，根据输入的内容匹配对应的item。vue 项目中常用的 2 个 Ajax 库。//请求成功后更新List的数据。//请求成功后更新List的数据。//请求前更新List的数据。//请求后更新List的数据。//请求前更新List的数据。//请求后更新List的数据。vue脚手架配置代理。//数据在子组件自身。
2024-10-14 16:51:44
1318
原创 第 3 章：使用 Vue 脚手架
1. 初始化脚手架1.1 说明Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。最新的版本是 5.x。文档: https://cli.vuejs.org/zh/1.2 具体步骤第一步（仅第一次执行）：全局安装@vue/cli。npm install -g @vue/cli第二步：切换到你要创建项目的目录，然后使用命令创建项目vue create xxxx（项目名称）第三步：启动项目npm run serve备注：如出现下载缓慢请配置 npm 淘宝镜像：np
2024-10-11 16:49:20
1597
2
原创 第 2 章：Vue 组件化编程
使用创建，其中options和时传入的那个options几乎一样，但也有点区别；区别如下：el不要写，为什么？——— 最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。data必须写成函数，为什么？———— 避免组件被复用时，数据存在引用关系。备注：使用template可以配置组件结构。
2024-09-25 11:16:42
884
原创 第 1 章：Vue 核心
1. Vue 简介1.1. 官网英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/：中文官网里面【教程】和【API】是比较重要的。用到api就去查询，实践当中记忆更牢靠。风格指南：官方推荐写的一个代码风格cookbook：编写vue的一些技巧Awesome Vue.js：第三方库（报表之类的）1.2. 介绍与描述动态构建用户界面的渐进式 JavaScript 框架（渐进式类似于需要做什么功能，就往里面加对应的模块和插件，就像搭积木
2024-09-24 09:42:38
1051
原创 第 4 章：跨域
CORS 是官方的跨域解决方案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持get 和 post 请求。// 这里是因为是满足同源策略的，所以url可以简写。// 1. 创建 XMLHttpRequest 对象。// 这里的callback是固定写法。// 1. 创建 script 对象。// 声明 handle 函数。// 修改 p 标签的提示文本。// 获取result 元素。// 处理服务端返回的结果。// 获取input 元素。// 3. 插入到页面中。
2024-09-10 11:42:13
910
原创 第 1 章：原生 AJAX
XML （Extensible Markup Language）可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，全都是自定义标签，用来表示一些数据。比如说我有一个学生数据：name = “孙悟空”;age = 18;gender = “男”;
2024-09-05 11:11:04
799
原创 第2章 ECMAScript 6 新特性
箭头函数适合与this无关的回调：定时器，数组的方法回调箭头函数不适合与this有关的回调：事件回调，对象的方法// ES5 写法// 手机// 添加方法：通过原型对象去添加方法，这样子来做到重用console.log("我可以打电话");// 实例化对象let Huawei = new Phone('华为', 5999);// ES6 写法// 构造方法 名字不能修改// 方法必须使用该语法，不能使用ES5的对象完整形式call() {
2024-08-28 16:33:55
1235
数据库mysql-MySQL的基本使用
2023-10-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人