谭锡禧-优快云博客

原创 vue的同一页面跳转

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

2023-04-04 08:49:05 979

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

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

2023-02-09 14:56:18 417

原创给chrome安装vue插件

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

2023-01-23 17:41:59 935

原创（干货）小程序项目——泡泡云音乐day3

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

2022-12-14 12:43:10 208

原创编程感想：踩过的坑，关于()=＞{} 和 function(){} 的区别

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

2022-12-12 00:37:20 963

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

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

2022-12-11 03:05:09 216

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

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

2022-12-09 05:37:58 170

原创复习第五天

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

2022-11-28 13:56:14 123

原创复习第四天

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

2022-11-25 09:17:19 72

原创若依项目配置

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

2022-11-24 09:06:19 271

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

# 下载依赖。

2022-11-19 07:34:16 368

原创 vue3+ts复习第二天

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

2022-11-19 07:29:43 90

原创 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 89

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

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

2022-11-13 19:44:37 555

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

uniapp运行微信小程序的步骤

2022-11-08 12:58:54 2494

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

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

2022-11-03 09:18:37 790

原创微信小程序知识点总结（二）

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

2022-10-26 20:03:02 647

原创小程序知识点小结（一）

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

2022-10-24 09:17:23 1032

weixin_43892549的博客