会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
青柠
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
···
11
下一页
2022年10月26日
Vue3-CompositionAPI-响应式基础
摘要: 一、响应式基础 前提:你会使用 setup 函数或 <script setup>语法 1.reactive 我们可以使用 reactive() 函数创建一个响应式对象或数组: import { reactive } from 'vue' const state = reactive({ count:
阅读全文
posted @ 2022-10-26 15:49 青柠i
阅读(109)
评论(0)
推荐(0)
2022年10月14日
组件上的 v-model
摘要: 💥💥💥 环境为:Vue3 1. 原生元素上的 v-model <p>{{ msg }}</p> <input v-model="msg" /> <!-- 上面的代码其实等价于下面这段 (编译器会对 v-model 进行展开): --> <input :value="msg" @input="m
阅读全文
posted @ 2022-10-14 16:03 青柠i
阅读(46)
评论(0)
推荐(0)
2022年10月11日
Property 'style' does not exist on type 'Element' in TS
摘要: 1.报错情况: 当前环境:TS 发生错误的实例: 原因: 通过document.getElementsByClassName函数返回的类型为HTMLCollectionOf<Element>,而Element类型上不存在style属性。需要通过**类型断言**设置正确的类型。 2. 解决 1.使用d
阅读全文
posted @ 2022-10-11 20:48 青柠i
阅读(245)
评论(0)
推荐(0)
2022年9月30日
Vue CLI 和 Vite
摘要: 一、Vue CLI脚手架 1. 安装和使用 1.1 系统全局安装 npm install @vue/cli -g 1.2 升级Vue CLI 如果是比较旧的版本,可以通过下面的命令来升级 npm update @vue/cli -g 1.3 创建项目 通过 vue 的命令来创建项目 vue crea
阅读全文
posted @ 2022-09-30 14:33 青柠i
阅读(1021)
评论(0)
推荐(0)
webpack5 基础打包
摘要: 一、开始 1. webpack简介 本笔记中Webpack版本为Webpack5。 1.1 官方的解释 webpack is a static module bundler for modern JavaScript applications webpack 是一个现代 JavaScript 应用程
阅读全文
posted @ 2022-09-30 09:37 青柠i
阅读(266)
评论(0)
推荐(0)
2022年8月4日
JavaScript 实现计算器,进行加减乘除运算并处理括号关系
摘要: Tips: 我的实例在Vue环境下进行,我给的代码中调用其他函数时,通过this找到。如果读者使用原生JavaScript,则需要删除this。 正文开始 1. 前端页面展示如下 用户在Input输入框输入计算表达式,点击计算按钮,即可完成计算,后展示在下方。 2. 代码逻辑 2.1 用户输入的为字
阅读全文
posted @ 2022-08-04 16:45 青柠i
阅读(1430)
评论(5)
推荐(0)
2022年4月12日
HTTP首部
摘要: HTTP首部 一、HTTP报文的结构 1. 请求报文 请求报文即为:请求行、请求头、空行、请求体。请求行和请求头组成请求报文的首部,如下图 红框即为请求行,剩下为请求头: 请求行由:请求的方法 URI 协议名称及版本号组成 2. 响应报文 请求报文即为:响应行、响应头、空行、响应体。响应行和响应头组
阅读全文
posted @ 2022-04-12 13:29 青柠i
阅读(84)
评论(0)
推荐(0)
2022年4月6日
作用域&变量提升&闭包&原型&继承__代码输出题
摘要: 1. 局部作用域中的意外全局变量 (function(){ var x = y = 1; })(); var z; console.log(y); console.log(z); console.log(x); **答案:**1,undefined,报错 Uncaught ReferenceErro
阅读全文
posted @ 2022-04-06 20:49 青柠i
阅读(119)
评论(0)
推荐(0)
this 代码输出题
摘要: 1. 简单函数调用this问题 function foo() { console.log( this.a ); } function doFoo() { foo(); } var obj = { a: 1, doFoo: doFoo }; var a = 2; obj.doFoo() 答案: 2。
阅读全文
posted @ 2022-04-06 19:33 青柠i
阅读(152)
评论(0)
推荐(0)
异步&事件循环____代码输出题
摘要: 一、Promise 1. const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('success') }, 1000) }) const promise2 = promise1.then(() =
阅读全文
posted @ 2022-04-06 16:48 青柠i
阅读(91)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
···
11
下一页
公告