- 博客(111)
- 资源 (7)
- 问答 (2)
- 收藏
- 关注

原创 vue中Computed、Methods、Watch区别
一、计算属性Computed模板内使用js表达式是很方便的,设计的目的只是为了简单运算。在模板中放入太多的逻辑会让模板过重且难以维护。所以,对于任何复杂逻辑,你都应当使用计算属性。<!-- 复杂运算 --><div>{{message.split('').reverse().join('')}}</div><!-- 计算属性代替复杂运算 --><div>{{reverseMessage}}</div>computed: {
2022-01-31 12:25:30
287
1

原创 js数组常用的方法
js数组常用的方法1. join()2. push()和pop()3. shift() 和 unshift()4. sort()5. reverse()6. concat ()7. slice()8.splice()9.indexOf()和lastIndexOf()10. forEach()11. map()12.filter()13. every()14. some()15、find()16、findIndex
2022-01-21 21:45:06
9496
2

原创 git的功能
git是什么Git是一个版本管理控制工具,它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。git的基本操作git的基本操作分为工作流程和一些基本命令git 的工作流程从本地文件夹拉取项目暂存区git仓库这个是git的本地仓库git commit -m ‘描述’ 就是把项目提交暂存区git push 推送项目到远程仓库第一次提交到远程仓库首先要进行全局配置配置提交人的姓名:git config --glo
2021-12-29 17:30:57
1002

原创 js编写五种基础排序(冒泡排序、选择排序、插入排序、快速排序、sort)
讲到算法,不可避免的会提到排序算法;在排序算法中,冒泡排序、选择排序和插入排序等是最常被问到的几种基本的排序算法。下面用js来实现这几个简单的排序。1、冒泡排序概念从序列的最右边开始比较相邻两个数字的大小,再根据结果交换两个数字的位置,重复这一操作,实现所有数字从小到大或从大到小排列的算法即冒泡排序。
2021-12-14 22:44:11
2166
原创 css的属性选择器
CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文将会比较全面的介绍属性选择器,尽可能的去挖掘这个选择器在不同场景下的不同用法。
2023-04-20 17:41:58
1874
原创 Markdown编辑器的语法简介
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片这是一段非常漂亮的话术,看到它的人都会被他所祝福生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编
2022-07-07 11:19:30
455
原创 生命周期Vue2 / Vue3区别
总结:生命周期的优点:生命周期让我们在控制整个vue时更容易形成更好的逻辑,四个阶段,11个钩子函数,创建前后、挂载阶段、更新阶段、销毁阶段分别有:创建前:beforeCreate() data和methods不可使用创建后:Created() 可以使用data和methods不能使用dom挂载前:beforeMount() data,methods可以使用但是不能使用dom挂载后:Mounted() dom渲染完毕可以使用dom更新前:beforeUptate() 当data的数据导致d
2022-05-01 13:21:50
370
原创 路由懒加载
懒加载解决的问题:避免进入首页就加载全部的前端资源造成用户等待时间过长的问题。就好比,访问 login 页面,你返回的 js 路由不仅有渲染 login 页面的,还有渲染 production 页面以及其他页面的功能。而这些代码量太大了,文件也大。js 文件有个特征,下载完全了才会运行,导致页面首屏速度太慢了,也就是白屏时间太长。这个问题,早就有人发现,于是解决方案就是路由懒加载,这只是一个技术名词。Vue路由懒加载原理说明我们一开始用ES6的写法,在路由文件router/index.js中引入所
2022-03-29 19:31:52
1379
原创 Vue文件目录
首先我问大家一句,什么是目录?知道的小伙伴可以在下面留言(目录就是文件夹)那什么是vue的目录呢?接下来大家请看两张图第一张是配置好的vue文件的一些基本内容第二张是src(开发文件)里面的文件这两张图就说明了vue文件的一个基本目录感谢@仰Vue框架文件目录的直接与理解...
2022-03-20 18:30:28
2332
1
原创 ajax的参数
ajax的参数记不太清楚,所以就在这记一下吧!1.url:要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout:要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。4.async:要求为Boolean类型的参数,默认设置为true,所有请
2022-03-17 17:22:54
7048
原创 面向对象与面向过程的区别
面向对象与面向过程可以以下几个方面来说:一、出发点不同面向对象方法是用符合常规思维的方式来处理客观世界的问题,强调把问题领域的要领直接映射到对象及对象之间的接口上。而面向过程方法强调的则是过程的抽象化于模块化,它是以过程为中心构造或处理客观世界的问题。二、层次逻辑关系不同面向对象方法则是用计算机逻辑来模拟客观世界中的物理存在,以对象的集合类作为处理问题的基本单元,尽可能地使计算机世界向客观世界靠拢,以使问题的处理更清晰直接,面向对象的方法是用类的层次结构来体现类之间的继承和发展。而面向过程方法处理问
2022-03-17 17:10:12
6664
原创 vue和原生js的优点分析
我的这篇文章,帮助大家分析vue相对原生js的优缺点,vue的一些好处如下:一、控件跟数据自动绑定可以直接使用data里面的数据值来提交表单,而不需要再使用$("#myid").val()那一套方法来获取控件的值,对控件赋值也方便很多,只需要改变data的值,控件就会自动改变值。将复杂的界面操作,转化为对数据进行操作。比如下面的一段代码就可以很简单的实现了select控件的里面的列表的动态管理:html代码:<el-select v-model="mType" style="flex: 1;
2022-03-09 19:37:33
4269
1
原创 http和https的区别,http的缓存机制
HTTP:超文本传输协议(Http,HyperText TransferProtocol)是互联网上应用最为广泛的一种网络协议。设计Http最初的目的是为了提供一种发布和接收HTML页面的方法。它可以使浏览器更加高效。Http协议是以明文方式发送信息的,如果黑客截取了Web浏览器和服务器之间的传输报文,就可以直接获得其中的信息。HTTPS:是以安全为目标的Http通道,是Http的安全版。Https的安全基础是SSL。SSL协议位于TCP/IP协议与各种应用层协议之间,为数据通讯提供安全支持。
2022-03-04 21:21:54
620
原创 微信小程序的双向数据绑定,父子传值
单向绑定语法1. 普通的属性的绑定是单向的。<input value="{{value}}" />如果使用 this.setData({ value: ‘leaf’ }) 来更新 value ,this.data.value 和输入框的中显示的值都会被更新为leaf;但如果用户修改了输入框里的值,却不会改变 this.data.value。双向绑定语法对应属性前加入model:前缀:<input model:value="{{value}}" />用户输入的
2022-03-01 16:47:29
900
原创 vue3-mixin&extend
认识mixin目前我们是使用组件化的方式在开发整个Vue的应用程序,但是组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取。在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成:Mixin提供了一种非常灵活的方式,来分发Vue组件中的可复用功能;一个Mixin对象可以包含任何组件选项;当组件使用Mixin对象时,所有Mixin对象的选项将被 混合 进入该组件本身的选项中;Mixin的基本使用Mixin的合并规则如果Mixin对象中的选项和组件对象中的
2022-02-24 20:22:20
2102
原创 ElementUI 修改默认样式的几种办法
ElementUI 是一套ui组件库,目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色,若用于项目开发,难免遇到要需求修改其默认样式的情况,本文就基于vue 框架介绍几种修改 ElementUI 默认样式的办法。面试官会问:怎样修改ElementUI的默认样式 ?如何修改ElementUI样式?回答:一共有三种方法:1、内嵌法修改样式、通过:style修改,用于局部组件块2、:class引用修改样式,通过:class修改,用于局部组件块3、import导入修改样
2022-02-24 15:03:18
3984
原创 回调地狱的产生,以及如何解决回调地狱
前言在了解回调地狱之前,我们先来了解两个概念:1. 回调函数当一个函数作为参数传入另一个参数中,并且它不会立即执行,只有当满足一定条件后该函数才可以执行,这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数。setTimeout(function(){ //function(){console.log('执行了回调函数')}就是回调函数,它只有在3秒后才会执行 console.log('执行了回调函数');},3000) //3000毫秒这里的回调函数是functi
2022-02-22 15:50:12
5644
2
原创 div边框弧形设计,css3的border-radius属性
border-radius属性向 div 元素添加圆角边框: <div></div> <style> div { background-color: #15dfdf; width: 350px; height: 350px; border-radius: 36px 36px 36px 36px; } </style>
2022-02-21 14:24:04
3361
1
原创 vue中mixins(混入)的使用
一、官网的描述混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。二、项目中如何使用混入在vue组件内,如果想将一些公共功能,如组件、方法、钩子函数等复用,混入是一个很好的选择。下面简单介绍一下混入的方式及特点。你可以将一个对象作为混入的选项,在组件中复用。因为vue实例也是对象,所以你可以将vue实例作为混入选项传递进去。我们可以创建一个目录mixins,在创建一个co
2022-02-21 13:46:50
1115
git推送到远程仓库 gitee
2021-12-27
关于vue的路由跳转问题
2021-12-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人