- 瑾♛年-CSDN博客

原创关于layui如何动态更新数据

因为在写项目时用layui来完成后台，想点击下一页或者对于下拉切换数据的条数，然后一开始没注意它的table.render里面的url，（不是没注意吧，就是没看到await等明显的请求方式，就以为它只能请求JSON文件里面的数据，但实际上在浏览器上的Network上就有请求了）

2024-03-20 14:09:51 559

原创 vue项目电商

这个项目功能有首页，分类，商品详情，购物车，用户注册、登录等等的实现，并且可以在手机上进行展示。

2024-03-02 11:36:11 430

/需要注意的是如果没像闭包的处理，直接tsc目录下的ts文件，虽然有js文件的生成，但是ts文件内容的变量，函数等就会红色提示。//还有类型断言，就是在js中，一个数组有时候代码提示的方法可能不完整，那么在ts中给数据一定的设置后，那么提示的信息就会完整展示了。[key: string]: any // 额外的属性，表示当前对象可有其它的额外属性，目前不清楚属性名称与属性值。//其中比较好用的是对于数据类型的声明，如果没按照声明来写，在ts文件对应处就会有红色提示写错了。

2024-01-25 17:38:07 437

原创 Vue组合式与选项式写法的一些总结及部分代码

接收到属性: {{ message }}

2024-01-24 20:31:22 598

原创 Vue关于Vuex实现组件中数据的共享要点总结和部分代码

/Vuex和pinia一样都是把相应的数据和逻辑代码集中在一个js文件，然后import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'，和pinia的区别就是Vuex这里可以看到他多了mapGetters和mapMutations，mapState和mapGetters在对应vue的computed里面， mapMutations和 mapActions在methods里面。namespaced: true, //命名空间。

2024-01-23 20:20:29 605

原创 Vue利用pinia来完成组件之间的数据共享，可持续化存储要点总结和部分代码

/需要注意的是mapState和 mapActions都需要...的写法才可以用，并且mapState是在computed里面写，mapActions是在methods里面写,所以这里的'count','doublecount'代表传递的数值，'add','minus','asyncadd'代表传递的方法。//然后还需要注意的就是对应的数据和逻辑代码（js代码)的书写，下面代码这里的state和vue里面data类似,getters和computed类似, actions和methods类似。

2024-01-23 19:35:52 1067

原创 Vue关于router-view的使用和部分代码

/这里 default就是默认的意思，就是对应的路径的原本内容，而side是对应<router-view name="side" />里面的内容展示，所以他们是俩个不同的vue文件展示的内容。//一般情况可能就 <router-view />的写法，但是还有像 <router-view name="side" />的写法，然后展示其中的数据和内容，简称视图。//当然如果没用 <router-view name="side" />的写法，那么就可以简写成component: Home。

2024-01-22 21:32:17 387

原创 Vue关于router-link的使用和部分代码

/name是在对应的js中路径写成了 path: '/user/:username'的写法，正常就是 path: '/user‘,在to中就是query,又因为path和params不能共存，所以在js中又加上了 name: 'user', // 命名路由的写法。<router-link :to="{name:'user',params:{username:item.username}}">用户</router-link>//最后携带过去后在对应vue文件的this.$route里面就有数据了。

2024-01-22 20:58:22 503

原创 Vue在生命周期里面使用nextTick的代码以及总结

修改

2024-01-19 20:35:52 362

原创 Vue透传 Attributes的代码以及总结

第二个节点</div>console.log('点击了子组件')<div>App 父组件

2024-01-19 20:22:52 339

原创 Vue利用vite创建待办事项的部分代码，以及总结

/用了vite后，在组件标签就可以直接用局部注册的标签名了。像没用这个vite时，如果在body里面大写组件标签会有报错的情况，还有像在v-model写在组件时，在对应的子组件input里面要写:value="modelValue"，但props里面传的是model-value，还有像在写父传子的组件中属性名都要小写,如果大写，会将数据传undefined,就是没有接收到，给写代码带来了不少麻烦。使用vite后方便写代码了很多。

2024-01-19 20:03:32 405

原创 Vue插槽的代码以及总结

<a href="#">子标题链接</a>

2024-01-18 20:38:12 416

原创 Vue的event-bus的js代码以及event-bus实现总结

/简单来说就是在root中导入，创建event对象，在created函数里面进行this.$bus.on('命名’，this引用的函数），就是注册事件监听。还有使用app.config.globalProperties.$bus = event，这样就可以在全局使用到event对象了。//在子组件需要在对应函数里面写this.$bus.emit('root命名的名字', 要传递的数据)，就是触发事件，就可以让在root里面的对应函数接收相应的数据了。throw new Error('还未注册事件监听')

2024-01-18 20:25:48 581

原创 Vue组件provide,inject的代码及总结

修改message第一层<second></second></div>`,template: `<div>第二层<third></third>

2024-01-18 19:15:20 426

原创 Vue在组件上使用ref代码及总结

两个数字相加之和: {{ sum }}

2024-01-18 17:50:49 401

原创 Vue在组件上使用v-model代码及总结

添加</button><button @click="handleAppClick">获取组件中输入的数据

2024-01-18 17:31:39 394

原创 Vue待办事项（组件，模块化）

删除清除

2024-01-17 19:30:35 629

原创 Vue待办事项（选项卡）

删除</button><button @click="haddleadd()">添加</button><button @click="removeall()">清除</button><button >删除</button><button >删除

2024-01-16 19:14:15 763

原创 Vue待办事项的实现

2024-01-15 20:32:49 785

原创 js使用jsonp请求渲染页面（搜索功能）

/ 当点击搜索按钮的时候发送jsonp请求。// 如果为空的情况下不让发送请求。// 动态创建一个script标记。搜索功能

2024-01-04 17:45:49 380

原创 js关于跨域问题和解决

/因为写前端和后端大多是分开文件写的，因为同源策略的原因，就不能让不同服务器的基准地址去请求启动下的服务器接口，如果这样操作，就会出现跨域问题。//第二种就是用npm i cors，因为npm指令是国外的，但是下载的cors可能因为网速的原因导致下载不完整，所以不推荐npm去下载。//下载后要写入const cors = require('cors')和app.use(cors())在配置的服务器下就可以允许跨域了。//所以第一个就是启动下的服务器文件cnpm i cors,就是下载cors。

2024-01-04 17:28:09 422

原创 js关于在服务器中写路径的小技巧

/如果在不同子文件下，例如js服务器请求在母体文件下，想要拿到的JSON在一个子文件里面的数据，要写readFileSync('./它的子文件夹名/json名称.json'，‘utf-8')//如果在同一子文件下，例如在一个路由想获取其他路由的module.exports，在require里面写上‘./路由名’//另外有多个文件夹嵌套，就都需要写上，像./子文件夹名/下一级子文件夹名.../目标名称这样写。//可以将创建服务器的js文件看为母体，它下面的文件为子文件。

2024-01-03 19:47:19 368

原创 js利用express来创建服务器和创建接口

res.send({code: 1, message: '查询成功', data: result})console.log('服务器已开启，基准地址：http://localhost:2024')res.send({code: 0, message: '查询不到数据'})res.send({code: 0, message: '用户名或密码错误'})res.send({code: 1, message: '登录成功'})

2024-01-03 11:47:28 463

原创 js创建服务器，以及对接口的理解和创建

res.end(JSON.stringify({code: 1, message: '登录成功'}))res.end(JSON.stringify({code: 1, message: '注册成功'}))// res.end(JSON.stringify({code: 1, message: '注册成功'}))// res.end(JSON.stringify({code: 1, message: '登录成功'}))http://localhost:2307')// 页面的静态托管。

2024-01-02 19:20:56 541

原创 js预加载和滚动到底部加载数据实现

/滚动到底部加载数据关键在于获取scrollTop，scrollHeight，clientHeight，监听到底部后就数据添加或者截取总数据，然后渲染。// 图片加载完成以后缓存结束那么就应该设置到页面当中。console.log('你改加载更多数据了')// 设置src 缓存。// 创建img标签。// 预加载需要一个默认图片。// 获取当前这条数据。

2023-12-29 16:33:05 476

原创 js利用cookie设置登录的过期时间

input type="password" class="form-control password" id="exampleInputPassword1" placeholder="请输入密码"><input type="text" class="form-control username" id="exampleInputEmail1" placeholder="请输入用户名"><input type="checkbox" class="check"> 是否记住密码。alert('不能有空的内容！

2023-12-28 21:26:29 586

空空如也

空空如也