- 博客(18)
- 收藏
- 关注
原创 vue3 基本使用
ref("zhangjing") 定义基本数据类型reactive({}||[]) 定义对象或者数组最后return的时候使用...toRefs(listData)'name','tags']) 接受props挂载页面直接使用
2023-08-17 09:42:57
128
1
原创 微信小程序如何使用自定义组件
在根目录下创建一个components文件夹在里面创建一个组件文件夹里面再创建4个文件,分别是wxss,wxml,js,json.自定义组件内的文件名字尽量叫index,否则可能会报错。在自定义组件内的json文件内写入"component":true在自定义组件js文件中必须写入Component({})在需要使用自定义组件的组件内的json里面引入“自定义名字”:“路径”在引入组件的wxml中写入自定义名字<Customization></Custo
2022-05-08 23:30:05
787
原创 Vue中如何使用vant(Vue2的版本)
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。目前 Vant 官方提供了Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护React 版本和支付宝小程序版本。在项目中安装vant// # Vue 3 项目,安装最新版 Vant:cnpm i vant -S// # Vue 2 项目,安装 Vant 2:cnpm i vant@latest-v2 -S安装完成之后还要引入组件,先安装插件//# 安装插件cnpm i babel-plug..
2022-04-25 09:17:38
7755
原创 怎么在Vue中使用和安装axios
1.先安装axios在小黑框内输入npm install --save axios //进行安装下载成功提示2.在vue的 main.js中导入axiosimport axios from 'axios'Vue.prototype.axios = axios3.如何请求的路径很多,而且他们的前缀都一样,我们可以设置统一的前缀,后期在使用的时候就会很方便(同样是在main.js文件中)。axios.defaults.baseURL='/test'4.使用方法
2022-04-17 21:36:06
6560
原创 Vue路由的使用
1.在小黑框里面输入npm install vue-router -S 安装路由2.在src内新建router目录 添加index.js作为总路由在 index.js里面写3.// 引入依赖import Vue from 'vue'import Router from 'vue-router'//引入文件路径import HelloWorld from '../components/TakeOut.vue'Vue.use(Router)export default new Ro
2022-04-17 20:57:36
295
原创 Vue中获取接口的方法
在vue小黑框中输入 cnpm install axios 下载安装在mounted调用在页面中引入import 自定义的名字 from 'axios'在mounted(){自定义的名字.get('要访问的网址').then(res=>{})}第二种fetchfetch('要访问的网址').then(res=>{ // text()方法属于fetchAPI的一部分, //它返回一个Promise实例对象,用于...
2022-04-15 10:36:10
2553
原创 Vue中的组件通信
父组件传给子组件在父组件上的子组件标签内使用V-bind:传过去的名字=‘传过去的变量’,在子组件内用props接受父组件内传过来的变量的名字使用方法第一种接收方法props=['传过来的名字']第二种接收方法:是父组件没有传过来的值时子组件可以有一个默认的值props:{传过来的名字:{type:定义传过来的数据的类型,可以是(number,string,Array,boolean,还可以有空和未定义一般不会传),(有个逗号)default:['接受的数据存储的地方(没
2022-04-14 09:10:47
407
原创 pc端和移动端有什么区别?
页面布局不同:移动端屏幕比较小,一般都是单列显示;最多是两列显示,pc端屏幕比较大,布局更灵活。使用习惯不同:移动端的操作尺寸比较大,单击误差比较大,移动端页面的元素可以设置的稍微大一点。pc端的操作尺寸比较小,使用鼠标更为精准。pc端页面的元素可以设置的稍微小一点。网络不同:移动端一般都是2g、3g、4g、5g、wifi,加载页面的时候会影响用户体验,会消耗用户流量。pc端一般都是网线或者wifi,不会消耗用户流量。技术层面不同:pc端主要注重后台、大数据,移动端注重用户的体验感。...
2022-01-20 08:52:30
5376
转载 请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?
该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中,block 布局是把块在垂直方向从上到下依次排列的;而 inline 布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制,可以由开发人员自由操作。试用场景:弹性布局适合于移动前端开发,在Android和ios上也完美支持。————————————————原文链接:https://blog.youkuaiyun.com/LuckXinXin/article/details/111826904...
2022-01-17 17:33:56
292
原创 弹性盒的属性
先设置弹性盒:display:flex;设置弹性盒的主轴:flex-direction:row是x轴、column是y轴;设置主轴子元素的方向:justify-content:flex-start(默认从左至右)、flex-end(从最右面开始排序里面的内容还是从左至右排序)、center(居中) space-between(两头贴边中间的间距平分)、space-around(子元素左右间距相当)、space-evenly(平分所以剩余间距);设置子元素是否换行:flex-wrap:wrap;
2022-01-13 20:37:36
411
原创 多行文本和单行文本溢出显示省略号
单行文本:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行文本溢出显示省略号:overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:第几行;...
2022-01-12 09:40:15
321
1
原创 HTML5新增的标签
<header>头部标签</header><footer>尾部标签</footer><nav>导航标签</nav><main>主要部分</main><aside>侧边栏</aside><section>区块</section><article>文章</article><figure>图表</fig
2022-01-12 09:24:06
141
原创 客户端与服务端的四次挥手
意义:当服务器收到客户端FIN报表时,不确认是否所有数据都发送给了客户端,所以服务器不会马上管理链接,会发送ACK,在发送FIN给客户端,之后关闭连接。第一次挥手:客户端发送FIN,用来关闭客户端和服务端的数据传输,这个时候客户端进入结束等待状态。第二次挥手:当服务器端收到FIN时,会发送给客户端一个AKN,这个时候服务器端进入关闭等待状态。第三次挥手:服务器端会发送一个FIN,用来关闭服务器端和客户端的数据传输,这个时候服务器端会进入最后确认状态。第四次挥手:当客户端收到FIN时会进入最后等
2022-01-06 21:23:07
1807
1
原创 客户端与服务器端的三次握手
背景:TCP为了准确无误的将数据送到目的地,TCP协议采纳三次握手策略。第一次握手:客户端发送一个带有SYN标志的数据包给服务器。第二次握手:服务器接收后回传一个带有SYN/ACK标志的数据包给客户端。第三次握手:最后,客户端回传一个带有ACK标志的数据包给服务器端,建立TCP链接,三次握手结束。...
2022-01-06 19:19:58
2178
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人