- 博客(21)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue computed 和 watch超全知识点总结
1 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 例如，有一个嵌套数组对象Vue.createApp({ data() { return { author: { name: 'jams', books: [ 'vue', 'react', 'angular' ] } ...
2021-12-28 21:02:49
381
原创 ES6之迭代器的知识点 面试必备
目录1，什么是迭代器？1，通俗来讲迭代器就是帮助我们对某个数结构进行遍历的对象（迭代器是一个对象）面试问到直接这么答即2，迭代器是一个具体的对象，但是整个对象要符合迭代器协议（迭代器协议定义了产生一系列值（无论是有限还是无限个）的标准方式，那么在js中这个标准就是一个特定的next方法）3，next方法有几个要求2，迭代器 案列3，可迭代对象4，自定义类的迭代1，什么是迭代器？1，通俗来讲迭代器就是帮助我们对某个数结构进行遍历的对象（迭代器是一个对象）面试问...
2021-12-25 15:20:40
621
原创 vue3 组件双向绑定的方案
目前在用vue3写项目的时候，当对一个组件进行双向绑定的时候，在子组件中数据发生改变通常要使父组件里面的相应的数据进行同步修改.1，话不多说针对上述需求，目前主流的方案是在父组件中用v-model （实则v-model只是一种语法糖写法）绑定相应的值，在子组件中中利用props中modelValue来接收值，然后我们就可以直接修改modelValue来修改父组件中相应的值, 但是这种做法虽然普遍，但是vue3 props标准是要保持单向数据传递的原则，但是我们能违背这个原则直接改变...
2021-12-22 19:17:37
4563
原创 基于element ui table在后台管理系统中的二次封装
在标准化项目封装组件是十分重要，例如大部分后台管理系统中，例如一个table会在多个页面复用，这时候我们就应该想到用封装来完成，这样较少cv，提高效率例如此处就是后台管理系统中用到table的页面，在多个页面中重复用到在上述中我们可以看到如果不封装这个table，一直复制粘贴是很麻烦，下面我就来封装这个table1, 此处就是在user.vue就是点击导航栏的选项出现的页面，在这里我们就可以进行封装table,最终效果，这个user.vue页面是不是十分清晰,只有几行代码...
2021-12-20 19:28:00
548
1
原创 vue3+js 封装axios的方法,封装公共的api和调用封装好的请求的全过程
axios作为前端必学的网络请求，在用做vue中大型项目的时候，比较建议使用axios，但是原生的axios可能对项目的适配不友好，所以，在项目开始的来封装一下axios 此文主要讲在vue项目中如何封装axios，封装请求，封装公共的api，以及如何调用请求。目录一、安装axios，以及引用axios二、封装的过程1.首先先新建一个config.js作为配置文件2.新建另外一个文件夹request.js3.在类里面封装方法4,使用封装好的axios一、...
2021-12-08 20:46:46
2979
原创 基于typescript封装localstorage,sessionstorage模块
utli.tsimport {LocalCacheType} from "./type/type";function LocalCache(type?:string){ if(type === 'localStorage' || type === undefined){ return new UseLocalStorage() }else { return new UseSessionStorage() }}class UseLocalSt.
2021-12-04 15:44:44
726
原创 tp6连接数据库的时候使用save方法报错的问题的解决
问题解决方法tp6要求php版本的在7.1以上，而上述项目中用php版本为7.0所以报错，应该更改composer的php版本
2021-10-14 00:06:52
643
原创 改变函数内部this指向的三种方法
1,通过调用call(）函数call第一个作用可以调用函数第二个可以改变函数内this的指向call也可以实现继承 var o={ name:"td" } function fn(){ console.log(this) } fn.call() //指向window fn.call(o) //指向o这个对象 func...
2021-08-24 15:21:39
405
原创 javascript 数组常用的方法的总结,强烈建议收藏。
提示：文章写完后，目录可以自动生成，目录一、常用方法1.数组的长度2数组原型方法主要有以下这些一、常用方法1.数组的长度var arr=["1","2"]conslote.log(arr.length) //22数组原型方法主要有以下这些...
2021-08-23 18:52:20
179
原创 2021-08-15
问题描述：原因分析：避免直接改变属性，因为每当父组件重新渲染时，该值将被覆盖。相反，使用基于属性值的数据或计算属性。通过props传递给子组件，不能在子组件内部修改props中值。解决方案在data中定义一个值，这个值等于props中要改变的值，在后续的方法中通过改变data的值来重新渲染...
2021-08-15 19:51:35
93
原创 运行flex布局对单行多个item进行布局的技巧
<ul class="local-nav"> <li> <a href="#" title="景点·玩乐"> <span class="local-nav-icon-icon1"></span> <span>景点·玩乐</span> </a> ...
2021-08-02 22:56:34
258
原创 使用betterscroll多个组件导致元素重叠无法滚动得解决
问题在做商城项目得时候从home点击图片进入详情页面的时候出现元素混乱，无法滑动，但是刷新后恢复正常解决方法个人认为可能点击进入详情页面得时候多个组件同时加载，间隔时间短，而导致顶部元素和之后的元素同时渲染，可以再被重叠的那个元素添加position releative即可...
2021-07-29 16:59:33
323
原创 关于使用better-scroll滑动无法滚动的问题
因为是数据加载慢导致的问题，所以我们可以设置当数据加载完成之后再执行代码问题解决：直接给scroll实例对象添加oberveDOM：true
2021-07-26 16:28:43
291
原创 better-scroll内pullingUp无效(控制台报错)
原因：Pullup是一个插件，需要better-scroll额外安装解决安装命令： npm install @better-scroll/pull-up@next --save 使用： <script> import Bscroll from 'better-scroll' import Pullup from '@better-scroll/pull-up' Bscroll.use(Pullup) export default{ data...
2021-07-26 12:01:23
396
1
原创 Vue项目中axios请求顺序
今天在写Vue项目时候时，发现有一个axios请求发送失败，返回的状态是200，反思排查发现因为它所需要的参数是undefined，该参数id来自于另一个axios请求，然后把这两个请求写在一起了。解决方案1，将一个axios请求嵌套在另一个请求的处理操作中。2，watch监听，当值发生改变时，再调用第二个请求方法...
2021-07-19 19:22:38
1205
原创 vue开发中使用定时器注意事项
在vue开发使用定时器切记要销毁定时器，否则后期会造成不可预测的bugconst app = new Vue({ el:"#app", data:{ display:'block', n:3, timer:null }, methods:{ autoplay(){ this.timer=setInterval(this.play,1000) }, play(){ this.n-- if(this.n==0){ this.display='non
2021-07-16 15:38:29
334
原创 在git上传报错Updates were rejected because the tip of your curren branch is behind its remote counterpart
个人认为，这个报错的原因是因为远程repository和本地的repository有冲突造成的错误翻译提示：由于当前分支的尖端位于其远程对应的后面，因此更新被拒绝。 合并远程更改（例如’git pull’），然后再次推送。 有关详细信息，请参见“ git push --help”中的“关于fast-forwards的注意事项”。解决方法1，按照提示先用git pull之后再用git pushgit pull origin mastergit push origin master.
2021-07-09 22:11:37
321
原创 php验证码的实现
<?phpheader('Content-type:image/jpeg');$width=120;$height=40;$element=array('a','b','c','d','e','f','s');$string='';for ($i=0;$i<3;$i++){ $string.=$element[rand(0,count($element)-1)];}$img = imagecreatetruecolor($width, $height);//将背景设置.
2021-07-06 18:52:35
201
2
原创 关于谷歌浏览器下字体最小未12px，导致导航栏溢出的解决方法
可以通过媒体查询从而定义的谷歌浏览器下对应的font的字体大小为12px，然后padding值改小
2021-07-06 18:49:59
116
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人