自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 vue的同一页面跳转

vue中当跳转的是同一个路由的时候,页面不会发生强制性变化,比如说头部的搜索中通过路由传不同的参数到同一个结果页面,尽管地址栏参数不同还是不会刷新,需要用watch或者router去解决。类似于版本号一样解决缓存的问题,在router跳转前设置时间戳等随机参数确保每次跳转不一样。每次的页面不同当然可以达到同一页面刷新的问题。需要注意的是页面初始化更新的数据需要放到watch中进行监听to和from的变化。

2023-04-04 08:49:05 891

原创 Fetch、ajax、axios三者的区别

3.客户端支持防止CSRF(就是让你的每个请求都带一个从cookie中拿到的key, 根据浏览器同源策略,假冒的网站是拿不到你cookie中得key的,这样,后台就可以轻松辨别出这个请求是否是用户在假冒网站上的误导输入,从而采取正确的策略。传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。4.提供了一些并发请求的接口(重要,方便了很多的操作)。

2023-02-09 14:56:18 386

原创 给chrome安装vue插件

五、打开,找到extensions文件夹,找到manifest.json,并编辑。四、输入chrome://version,复制个人资料路径。六、把"persistent": false改成true。二、解压缩,把文件移入设置——扩展程序的列表当中。七、点击“详情”,打开“允许访问文件地址”点击“推荐下载”选项。

2023-01-23 17:41:59 905

原创 (干货)小程序项目——泡泡云音乐day3

1、先在“热门歌手”里绑定bindtap事件,传递数据索引(见六),定义一个自定义事件hotlink在逻辑层通过一个函数来实现跳转,在block中设置,里面的view中引用就可以了。3、在页面singerDetail.js中找到监听页面加载函数,通过acceptDataFromOpenerPage接收首页传来的数据。2、index.js拿到index.wxml中的自定义事件hotLink,像子页面(singerDetail.js)传参。点进去到子页面,控制台输出这些字样,就拿到首页传过来的东西了。

2022-12-14 12:43:10 188

原创 编程感想:踩过的坑,关于()=>{} 和 function(){} 的区别

function中this是使用时的对象。=>中的this是定义时的对象。

2022-12-12 00:37:20 908

原创 (干货)微信小程序项目——泡泡云音乐day2

名称要和block wx:for="{{}}"里面填的名称一致。以上方法和轮播图一样,不再赘述。

2022-12-11 03:05:09 200

原创 (干货)微信小程序项目——泡泡云音乐day1

发现歌单首页热歌榜登录注册歌手信息歌曲分类歌曲搜索播放列表播放页面。

2022-12-09 05:37:58 148

原创 复习第五天

将数据存储在本地缓存中指定的 key 中。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。data any 必填 需要存储的内容。complete function 不必 接口调用结束的回调函数(调用成功、失败都会执行)complete function 否 接口调用结束的回调函数(调用成功、失败都会执行)success function 否 接口调用成功的回调函数。success function 不必 接口调用成功的回调函数。

2022-11-28 13:56:14 89

原创 复习第四天

它就是当前触发事件的目标对象,那么获取到当前触发事件的目标对象之后,我们就可以通过它获取它身上的一些信息,例如:dataset 对象。currentTarget 属性,指的是事件对象下的一个对象,点开控制台就能看到 currentTarget属性。可以看到,我们已经拿到了当前点击元素身上绑定的 data-id 的值了,也正是我们想要得到的值。③ 执行 app.js 小程序入口文件,调用 App() 创建小程序实例。③ 执行页面的 .js 文件,调用 Page() 创建页面实例。二、微信小程序如何定义事件。

2022-11-25 09:17:19 60

原创 若依项目配置

找到以下路径,将url问号前面的这串名称改成自己的数据库名。建一个数据库,这里暂时起名ry-web20。打开若依项目所在文件夹(不是导入)在这里创建项目所需数据库。到这一步,项目就跑通了。

2022-11-24 09:06:19 246

原创 vue3+ts复习第二天:使用webpack打包TS

# 下载依赖。

2022-11-19 07:34:16 340

原创 vue3+ts复习第二天

里,只在两个类型内部的结构兼容,那么这两个类型就是兼容的。这就允许我们在实现接口时候只要保证包含了接口要求的结构就可以,而不必明确地使用。类,它带有一个构造函数和一些公共字段。因为类的字段包含了接口所需要的字段,所以他们能很好的兼容。还要注意的是,我在类的声明上会注明所有的成员变量,这样比较一目了然。,你会看到 TypeScript 里的类只是一个语法糖,本质上还是。是一种能力,一种约束,这个接口用来描述拥有。

2022-11-19 07:29:43 76

原创 vue3复习第一天

然后在vscode里敲ctrl+shift+b,终端机——所有工作——显示所有工作——选择“tsc:监看-tscofig.json”会自动编译出一个js文件。但如果ts文件写了ts语法,引入的就必须是编译后的ts文件,直接引入ts就会报错了。2、ts文件中使用的形参如果使用了某个类型进行修饰,如str:string最终在编译的ts文件中是没有这个类型的(编译后还是str)是一种轻量级的为函数或者变量添加的约束,比如上面的str:string就是约束,那我再传一个数组就报错了。

2022-11-19 07:11:01 75

原创 uniapp项目的基本目录结构

└─pages.json 配置页面路径、页面窗口样式、tabBar、navigationBar 等页面类信息。├─static 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此。├─App.vue 应用配置,用来配置小程序的全局样式、生命周期函数等。├─manifest.json 配置应用名称、appid、logo、版本等打包信息。

2022-11-13 19:44:37 511

原创 uniapp运行到微信小程序开发工具

uniapp运行微信小程序的步骤

2022-11-08 12:58:54 2396

原创 【无标题】JS和ES6的区别

由于JavaScript的创造者Netscae公司的版权问题,ECMAScript不能叫Javascript。总之,ECMAScript和JavaScript的关系是,前者是后者的规格(语言规范),后者是前者的一种实现。五、js与ES6中一些基础语法使用的比较。四、ES6函数的基本使用。

2022-11-03 09:18:37 697

原创 微信小程序知识点总结(二)

其中imgUrls是我们轮播图中将要用到的图片地址和跳转链接。xxxx.wxss

2022-10-26 20:03:02 589

原创 小程序知识点小结(一)

微信小程序采用JavaScript、wxml、wxss三种技术进行开发,本质就是一个单页面项目,所有的页面渲染和事件处理,都在一个页面内进行,但又可以通过微信客户端调用原生的各种接口。这个文件是配置文件入口,整个小程序的全局配置。包括页面注册,网路设置,以及小程序的window背景色,配置导航条样式,配置默认标题。wxml  框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。微信的架构,是数据驱动的架构样式,它的ui和数据是分离的,所有的页面更新,都需要通过对数据的更改来实现。

2022-10-24 09:17:23 987

原创 微信小程序测试版发布流程

3.接着在微信公众平台-小程序的后台,版本管理中,就能看到新提交的开发版本,点击 下拉 发布测试版即可。2.在微信开发者工具,填写自己的appid,编写好了代码后,点击右上角的《上传》1.注册好自己的微信开发者账号。

2022-10-24 09:14:19 3986

原创 小程序发布测试版本步骤

2,接着在微信公众平台-小程序的后台,版本管理中,就能看到新提交的开发版本,点击《提交审核》1,在微信开发者工具,填写自己的appid,编写好了代码后,点击右上角的《上传》3 点击测试版本即可。

2022-10-24 09:08:44 3766

原创 用中文版WebStorm搭建完整的VUE项目

1、安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org。4、 安装脚手架:npm install -g vue-cli,验证vue -V (V要大写)3、全局安装webpack:cnpm install webpack -g。8、输入vue add vuex安装vuex,之后打y,方法同上。9、最后输入cnpm install axios --save。等下面的进度条走完之后,一个基本的项目就搭建好了。

2022-10-16 20:12:15 744

原创 VUE框架实现表格隔行换色

VUE框架实现表格隔行换色效果

2022-09-21 09:01:03 419

原创 VUE基础

MVVM是Model-View-ViewModel的缩写。

2022-09-20 09:11:11 229 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除