随笔分类 - 兴趣使然--前端学习
摘要:
from pixiv README 老项目了,还是大二参加计算机设计大赛时写的Web项目。 最近课程javaweb要交大作业了,正好用这个项目。 由于项目年代久远,而且要答辩,所以正好复习下。 启动: 开启redis 开启MySql 前端 跨域问题 什么是跨域问题?如何解决? 我的解决方法:vue.
阅读全文

摘要:《简介》 我将记录我用vue3开发一个前端的博客中遇到的各种问题 《创建一个vue3项目》 开始我好像就遇到了问题: 爆出了这个警告:vue : 无法加载文件 D:/nodejs/node_global/vue.ps1,因为在此系统禁止运行脚本 解决:要以管理员的身份进行操作cmd 然后 1.安装脚
阅读全文
摘要:《虚化背景》 《文字显示不下用点号代替的css方法》 《在vue3中如何拿到dom元素》 我这里以audio标签为例子: 像vue2中一样,打上ref标记 但是vue3中没有this无法拿到this.$refs vue3中是通过myaudio=ref(null),myaudio是我打上标记的名称 m
阅读全文
摘要:《关于Vue3中setup》 正如上面所说:在Vue3中数据,方法等都要配置在setup这个配置项中, 即:不在写data(){},methods(){},computed(){}这些配置项了; 在setup(){}中,可以在写.js文件一样方便,如: 模板中要用的数据等,都要return出去 se
阅读全文
摘要:《对象中的简写》 在对象中{},其是键值对的形式 { key:value } key按理来说是要写成字符串的形式的,但是其可以简写,不写“key”,直接写key 如果key的名字与value的名字相同,则可以只写key,即: { key1, key2, .... } 注意如:sum:'sum'这样是
阅读全文
摘要:《用库:消息订阅与发布》 引入是在要用的组件中去引入的 其可以实现任意组件中的通信 对于要收到消息的组件来说,其要先订阅消息: 引入了pubsub,其是一个对象,pubsub.subscribe(),用来订阅消息, 其中的“demo”为消息的名称,()=》写箭头函数是为了让this保持为VC, 其中
阅读全文
摘要:在父盒子实现3d变动时,会自动取消子盒子的3d变动,为了保持子盒子的3d效果,则要开启transfrom-style:preserve-3d
阅读全文
摘要:1.vue-router vue-router是vue的一个插件库,是用来实现single page application的 既然是一个插件库,那么就要用Vue.use()来实现,其原理就是使用AJAX发送请求来实现 2.路由 一个路由是一组映射关系(key-value) key为路径,value
阅读全文
摘要:《1.定义与写法》 如图我在APP组件中的Boxer组件中写了上面的,意为:我在Boxer组件的实例对象vc上绑定了一个事件,其名为selfdefine事件, 一旦其触发了,demo函数也会被触发 那想要触发这个事件要怎么办呢? 在那个地方绑定的就在那个地方触发:去Boxer组件上 在vc上有个$e
阅读全文
摘要:1.vue-cli解决跨域问题 然后在App中请求是这样的: 2.缺点: 但是这样有一点缺点: 1.用上面的vue.config.js中的配置,则在8080端口的根目录(即public这个文件夹中的内容)下有的资源其不会在请求了,而是直接拿来用、 2.不可以设置多个访问端口,即其只可以与5000端口
阅读全文
摘要:1.vue-for 列表展示 在vue中可能有一系列数据要展示,这一系列数据在data中要用什么形式保存呢? 如: persons:[ {id:"001",name:"张三",age:18} {id:"002",name:"李四",age:17} ... ] 其中id很重要,其实每一个数据的唯一标识
阅读全文
摘要:插槽 《1.默认插槽》 一种新的使用方法,其可以在父组件中写子组件的东西,并且通过在子组件中写上<<slot>><</slot>>这个新标签来告诉,写在父组件中的子组件中的东西,要放在子组件的那个位置 写法: 如图可以看到我在app组件中在的Boxer组件标签中写了<<img/>>,然后: 在Box
阅读全文
摘要:《1-0.鼠标事件v-on》 《1-1:键盘事件》 比如我 v-on:keydown.enter="",意为我按下enter键才触发事件 《1-2.class绑定》 我提出一个要求: 我想点击一下按钮,就将stu1这个样式换掉,换成下面这几个 难倒我要在methods中写 changeclass()
阅读全文
摘要:《0.在脚手架中我们是如何定义标签组件的名称的呢?》 这是我在app组件中的,因为我引入import Student from "...",这句话即是将我暴露的内容重命名为Student. 然后我在compents中也是将这个组件命名为School,则触发简写形式 《在尝试的过程中出现的错误》 Vu
阅读全文
摘要:以.vue创建出来的文件,那就只能包含一个组件,这即是单文件组件,其中包含了功能所需的html,css,js .vue中有特殊的标签,即: 利用Vue创建组件时要有 Vue.extend({}) ,{}里面照样是配置对象,我们可以用const 组件名称=Vue.extend({})来接收实例 组件实
阅读全文
摘要:《1.指令语法与插值语法》 一旦使用了v-bind\或他的简写形式(:),那么vue会将这里面的东西当做是 “js表达式(变量/对象/函数)”,然后去寻找,执行 《2.数据绑定》 数据绑定就是数据发生了变化,则与数据绑定的样式也会发生变化 我们通过写在Vue中的数据,由v-bind当做变量等,找到,
阅读全文
摘要:《1.express的基本使用》 这里要注意一点就是 只有在服务器先开起的情况下才能执行下面的js 《2.AJAX的基本使用》 xhr.readyState 0,表示未初始化 xhr.readyState 1,表示open方法调用完毕 xhr.readyState 2,表示send方法调用完毕 xh
阅读全文
摘要:《1.AJAX》 《2.XML》 然而现在多用JSON来代替XML了; 《3.AJAX的特点》 所为的SEO不友好是指在未得到服务器回应时,用AJAX的内容是不会先出现在网页上,所以导致了爬虫爬不了 《4.http内容》
阅读全文
摘要:《1.moudle对象》 module.exports暴露时的几种方法: 《2.exports对象》 《3.commodjs》
阅读全文