Vue取输入框的值及引用bootstrap
https://youtube.com/watch?v=0fhetXYrNSw
Vue取选项的值：Todo list App
一、建立开发环境
我之前已经安装过Vue，执行
npm create vite@latest . -- -- template vue
的结果是下面这样的：
成功了：
二、hello world
src下面的assets、components资料夹直接删除，并在app.vue删除多余的代码。
三、简单代码
<script setup lang="ts">
import {ref, onMounted, computed,watch} from 'vue'
const name = ref('')
watch(name, (newVal) => { ...
Javascript实战
一、获取选项、文本框中的值、监听按钮的click
document.getElementById('recognizeBtn').addEventListener('click', function() {
const inputText = document.getElementById('input').value;
const selectElement = document.getElementById("select-option"); // 获取选择框元素
var selectedValue = parseInt(selectElement.value); // 获取选择框选择的值
if(selectedValue == 1){
...
CSS第二课
一、关于元素居中
今天要实现一个div居中的问题，没想到自己还花了一点时间。
要实现的效果如下，在两个div中间，有一个div（中间还有元素），要将中间的div居中。
开始不知什么原因，老是调不好，后来终于好了，然后我删除添加的代码，发现已经实现了效果，所以最后的代码是这样的：
.selectsection {
width: 20%;
display: flex;
margin-bottom: 10px; */
}
工具站模板开发
一、组件
1.导航条用的这里的：也是大部分要收费的
https://ayroui.com/bootstrap-components/navbars
2.用户评价用的这里：
https://bootstrapbrain.com/component-tag/testimonial/
不过怎么没有显示星星了。
其他的组件也用的是这里的。因为它免费。
比如footer:
https://bootstrapbrain.com/component/bootstrap-footer-with-email-signup/#preview
工具站模板收集
1.https://preview.colorlib.com/#cohost
2.
https://anchr.io/#/
3.https://thefakeaddress.com/
4.
https://imagecompressor.11zon.com/en/compress-jpg/
5.
这个可以做PPT下载
https://rarathemes.com/previews/?theme=digital-download
这个网站好多模板
https://rarathemes.com/previews/?theme=author-landing-page
6.清爽的（wordpress后台可以搜索到）
https://kentatheme.com/online-business/ ...
Icon
https://iconscout.com/icons/payment
Photoshop操作
1.下面视频中的自运延伸，和去除中间的线怎么操作的。
https://youtube.com/watch?v=fFMSmmW1LlY
工具站十四：AI生成图片（Open AI）
模板：https://imagetocartoon.com/?ref=producthunt#google_vignette
Powered by Ghost.org
源码：https://imagetocartoon.com/?ref=producthunt#google_vignette
自学Vue 1
一、页面的关系
在index.html引入了main.js，再将app绑定到当前页面的元素。
的确可以一个文件搞定的
二、图片
缩写
三、首页引入navbar
https://www.youtube.com/watch?v=7yd5Q6b-rss
四、
自带框架
https://www.youtube.com/watch?v=CM-ui3tjgdk&list=PL55RiY5tL51qxUbODJG9cgrsVd7ZHbPrt&index=3
五、按字母
https://www.youtube.com/watch?v=cfiN8lCA3RM
六、获取选项的值
https://www.youtube.c ...