- 博客(8)
- 收藏
- 关注
原创 Vue3常用知识点总结
Vue.js 3.0 "One Piece" 正式版在今年9月份发布2年多开发, 100+位贡献者, 2600+次提交, 600+次PRVue3支持vue2的大多数特性更好的支持Typescript使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂//需求1: 收集用户鼠标点击的页面坐标hooks/useMousePosition.ts/*收集用户鼠标点击的页面坐标*/
2022-11-28 10:40:48
3542
3
原创 微信小程序常见知识点
bind:加自定义事件,如:bind:tap=“执行函数”在小程序中绑定事件可以以bind开头然后跟上事件的类型,如bindtap绑定一个点击事件,对应的值是一个字符串,需要在page构造器中定义同名函数,每次触发事件之后就会执行对应函数的内容。catch:阻止事件冒泡capture-bind:事件捕获2. 事件传参事件传参:data-加自定义=‘自定义‘。参数在在自定义事件中的参数e中获取。
2022-11-27 19:04:48
1984
原创 js页面的性能优化
1.减少http的请求次数1)对css和js代码进行合并2)对于图片可以用雪碧图(也就是精灵图),对于比较小的图片可以使用base64编码3)对于图标可以使用字体图标2.减少资源体积1)对css、js进行压缩2)对于图片大小要有控制,对于过大的图片需要进行压缩处理3)使用 gzip对静态资源进行压缩,(gzip能对压缩之后的资源再进行压缩)3.加快静态资源请求速度1)使用CDN加速2)利用多个域名来存储静态资源4.使用缓存。
2022-11-16 20:51:29
2332
原创 TypeScript接口和类的使用
在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型例如:// 定义人的接口sex?: string}id: 1,//只读属性,一旦赋值就不能再改变了age: 20,sex: '男'}类型检查器会查看对象内部的属性是否与IPerson接口描述一致, 如果不一致就会提示类型错误接口里的属性不全都是必需的,有些只是在某些条件下存在,或者根本不存在,带有可选属性的接口与普通的接口定义差不多,只是在可选属性名字定义的后面加一个?符号。
2022-10-31 20:44:22
232
原创 uni-app条件注释的跨端兼容
uni-app将常用的组件、JS API 封装到框架中,开发着按照uni-app规范开发即可保证多平台兼容,大部分业务都可以满足。但是每个平台都有自己的一些特性,因此会存在一些无法跨平台的情况(1)大量写if-else,会造成代码执行性能低下和管理混乱,(2) 编译到不同的终端后二次修改,会让后续的维护升级变得很麻烦uni-app参考C语言的思路,为uni-app提供了条件编译手段,在一个工程里漂亮的完成了平台个性化实现,
2022-10-27 20:22:36
352
原创 微信小程序实现瀑布流
2.遍历数组,通过wx.getImageInfo获取到每个元素图片的宽度和高度(需要配置download的域名)5.别忘给image属性加上mode="widthFix",高度自适应,保持宽高比。1.由于是左右两排照片而且左右照片每排的每个都有高度,需要先定义变量,4.最后 this.setData,数据驱动视图,在前端渲染这些数据。3.判断这个元素应该是放在左边还是右边(放在数组高度低的一边)我用的是递归的方法,如果要是改用循环的话可能还要复杂一些。
2022-10-23 16:34:57
899
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅