前端
关注
分享
扫一扫
文章平均质量分 68
HTML，CSS，JavaScript，Vue什么都有点...
肉松拿铁
。
展开
-
Vue3+Vite项目从零搭建+安装依赖+配置按需导入
在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。原创 2024-08-14 15:57:42 · 4181 阅读 · 0 评论 -
nginx笔记
上述方式存在一个问题就是说，在负载均衡系统中，假如用户在某台服务器上登录了，那么该用户第二次请求的时候，因为我们是负载均衡系统，每次请求都会重新定位到服务器集群中的某一个，那么已经登录某一个服务器的用户再重新定位到另一个服务器，其登录信息将会丢失，这样显然是不妥的。我们直接用国内的服务器无法访问国外的服务器，或者是访问很慢。那这种就是正向代理。，server块中又可以进一步包含location块，在本书中我们使用“http全局块”来表示http中自己的全局块，即http块中不包含在server块中的部分。原创 2024-03-08 10:13:09 · 1187 阅读 · 1 评论 -
硅谷甄选（Vue3+Typescript）
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件<template><div><h1>我是子组件2</h1>原创 2023-09-20 15:00:19 · 606 阅读 · 0 评论 -
前端开发tips
打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open。原创 2023-10-16 16:53:37 · 240 阅读 · 0 评论 -
Vue3笔记（2024）
修改名字原创 2024-01-25 13:12:24 · 1603 阅读 · 0 评论 -
Vue3记录
vue3原创 2023-09-18 14:54:41 · 851 阅读 · 2 评论 -
Vue记录(下篇）
Vue2原创 2023-09-17 20:23:50 · 337 阅读 · 0 评论 -
Vue记录(上篇）
Vue原创 2023-09-17 13:26:41 · 146 阅读 · 0 评论 -
前端学习——Vue (Day9)
【代码】前端学习——Vue (Day9)原创 2023-08-01 14:17:18 · 232 阅读 · 0 评论 -
前端学习——Vue (Day8)
注意要使用nodejs16.0版本以上，windows升级node可以西安使用where node查看本地node位置，然后到官网下载msi文件，在本地路径下安装即可。安装完可以使用node -v检查版本信息。日后编码统一使用ref()原创 2023-07-31 17:50:43 · 294 阅读 · 0 评论 -
前端学习——Vue (Day7)
axios报错解决方案。原创 2023-07-30 12:36:40 · 304 阅读 · 0 评论 -
前端学习——Vue (Day6)
shift+鼠标右键——在powershell中打开vue create + 项目名空格表示选中。原创 2023-07-30 09:45:31 · 324 阅读 · 0 评论 -
前端学习——Vue (Day5)
template > < div > < h1 > 自定义指令 < / h1 > < input v - focus ref = "inp" type = "text" / > < / div > < / template > < script > export default {// mounted(){ // this.$ref.inp.focus() // } // 2. 局部注册指令 directives : {focus : {原创 2023-07-27 11:01:55 · 225 阅读 · 0 评论 -
前端学习——Vue (Day4)
子组件父组件子组件父组件原创 2023-07-26 08:33:58 · 202 阅读 · 0 评论 -
前端学习——Vue (Day3)
template > < div class = "App" > < div class = "box" @click = "fn" > < / div > < / div > < / template > < script > // 导出的是当前组建的配置项 // 里面可以提供data（特殊） methods computed watch 生命周期 export default {console . log('我是created') } , methods : {fn() {原创 2023-07-25 06:09:10 · 149 阅读 · 0 评论 -
前端学习——Vue (Day2)
【代码】前端学习——Vue (Day2)原创 2023-07-22 18:40:01 · 429 阅读 · 0 评论 -
前端学习——Vue (Day1)
Vue2官网：https://v2.cn.vuejs.org/原创 2023-07-22 12:15:08 · 284 阅读 · 0 评论 -
前端学习——ajax (Day4)
注意：await必须用在async修饰的函数内（await会阻止"异步函数内"代码继续执行，原地等待结果）* 概念：在async函数内，使用await关键字，获取Promise对象"成功状态"结果值。* 例如：默认显示"北京", "上海", "广州", "深圳"的天气在首页查看。// return Promise对象最终状态和结果，影响到新的Promise对象。// 2. 使用Promise.all，合并多个Promise对象。// then()原地的结果是一个新的Promise对象。原创 2023-07-21 17:10:49 · 384 阅读 · 0 评论 -
前端学习——ajax (Day3)
/ resolve() => 'fulfilled状态-已兑现' => then()// reject() => 'rejected状态-已拒绝' => catch()// 1. 创建Promise对象（pending-待定状态）// resolve('模拟AJAX请求-成功结果')// 查询参数对象 -> 查询参数字符串。// 4. 使用XHR对象，查询地区列表。// 1. 创建Promise对象。// 1. 查询按钮-点击事件。原创 2023-07-21 16:43:57 · 317 阅读 · 0 评论 -
前端学习——ajax (Day2)
案例 - 图书管理Bootstrap 弹框modal官方文档<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale原创 2023-07-20 09:28:05 · 185 阅读 · 0 评论 -
前端学习——ajax (Day1)
【代码】前端学习——ajax (Day1)原创 2023-07-17 12:12:24 · 821 阅读 · 0 评论 -
前端学习——JS进阶 (Day4)
【代码】前端学习——JS进阶 (Day4)原创 2023-07-17 08:21:23 · 166 阅读 · 0 评论 -
前端学习——JS进阶 (Day3)
【代码】前端学习——JS进阶 (Day3)原创 2023-07-17 07:50:07 · 142 阅读 · 0 评论 -
前端学习——JS进阶 (Day2)
【代码】前端学习——JS进阶 (Day2)原创 2023-07-15 10:11:30 · 245 阅读 · 0 评论 -
前端学习——JS进阶 (Day1)
【代码】前端学习——JS进阶 (Day1)原创 2023-07-14 11:58:08 · 191 阅读 · 0 评论 -
前端学习——Web API (Day6)
【代码】前端学习——Web API (Day6)原创 2023-07-13 17:12:09 · 249 阅读 · 0 评论 -
前端学习——Web API (Day5)
【代码】前端学习——Web API (Day5)原创 2023-07-12 15:17:25 · 200 阅读 · 0 评论 -
前端学习——Web API (Day4)
【代码】前端学习——Web API (Day4)原创 2023-07-11 18:50:30 · 270 阅读 · 0 评论 -
前端学习——Web API (Day3)
事件流事件流和两个阶段说明事件捕获事件冒泡阻止冒泡解绑事件事件委托案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=de原创 2023-07-10 18:31:38 · 287 阅读 · 0 评论 -
前端学习——Web API (Day2)
【代码】前端学习——Web API (Day2)原创 2023-07-10 13:36:08 · 226 阅读 · 0 评论 -
前端学习——Web API（Day1）
小练习其他获取DOM元素方法识别标签小练习小练习操作元素样式属性小练习小练习小练习原创 2023-07-07 14:49:26 · 220 阅读 · 0 评论 -
前端学习——jsDay5
【代码】前端学习——jsDay5。原创 2023-07-06 17:42:14 · 230 阅读 · 0 评论 -
前端学习——jsDay4
【代码】前端学习——jsDay4。原创 2023-07-06 11:11:13 · 172 阅读 · 0 评论 -
前端学习——jsDay3
【代码】前端学习——jsDay3。原创 2023-07-06 09:14:41 · 171 阅读 · 0 评论 -
前端学习——jsDay2
【代码】前端学习——jsDay2。原创 2023-07-05 14:30:43 · 158 阅读 · 0 评论 -
前端学习——jsDay1
JavaScript学习原创 2023-07-05 10:51:02 · 147 阅读 · 0 评论 -
前端实战——尚品汇（网页开发）
/* 基础设置 */.container { width: 1190px; margin: 0 auto;}/* #region顶部导航条start */.topbar { height: 30px; background-color: #ececec;}.welcome { height: 30px; line-height: 30px; font-size: 0; color: #666;}.welcome span,.原创 2023-07-04 16:48:21 · 1161 阅读 · 0 评论 -
前端学习——CSS3
* 6个值：水平位置，垂直位置，模糊程度，阴影外延，阴影颜色，内阴影 *//* 5个值：水平位置，垂直位置，模糊程度，阴影外延，阴影颜色 *//* 4个值：水平位置，垂直位置，模糊程度，阴影颜色 *//* 3个值：水平位置，垂直位置，阴影颜色 *//* 3个值：水平位置，垂直位置，模糊程度 */'./资料/图片/bg-lt.png''./资料/图片/bg-rt.png''./资料/图片/bg-lb.png''./资料/图片/bg-rb.png''./资料/图片/bg03.jpg'原创 2023-07-05 14:34:55 · 901 阅读 · 0 评论 -
前端学习——CSS
CSS简介CSS编写行内样式<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1 style="color:aquamarine;font-size: 60px;">欢迎来到振华中学</h1>&原创 2023-06-26 07:51:52 · 498 阅读 · 0 评论 -
前端学习——HTML5
【代码】前端学习——HTML5。原创 2023-07-04 18:39:08 · 1152 阅读 · 0 评论