- 博客(16)
- 收藏
- 关注
原创 (自查用)浏览器工作原理、缓存,前端安全,性能优化,http原理等
目录一.浏览器工作原理第一步 域名解析第二步建立TCP链接2.1 TCP的三次握手第三步渲染进程二.HTTP常见响应头/请求头三.async/defer属性1.async模式 下载后立刻执行2.defer模式 下载后不立刻执行四.浏览器缓存1.强缓存2.协商缓存三.前端安全1.XSS 跨站脚本攻击2.CSRF跨站请求伪造四.前端性能优化1.首页加载慢的优化1.图片懒加载2.小图标或图片3.通过工具分析哪些资源请求过多....
2022-02-19 23:35:03
968
原创 【uni-app】深度作用选择器解决修改checkbox样式无效问题
uni-app表单多项选择器需要使用内置组件checkbox,具体使用见官网链接,如下:checkbox - uni-app官网 (dcloud.io)官方给出的默认样式是这样的:现在需要修改样式为这样:于是开始修改:<checkbox-group @change="checkboxChange"> <label class="radio"> <checkbox :value="item+''"/> <
2022-02-16 08:34:30
8704
5
原创 解决uni-app中flex布局子元素宽度溢出
在如下页面中,每一行使用flex布局,每行的头像宽度指定,右侧容器使用flex:1自适应,当name过长时,右侧容器宽度溢出。页面布局如下<view class="friend-list"> <view class="avatar"></view> <view class="wrapper-right"> <view class="wrapper-right-inner"> <view class="text"&.
2022-02-16 03:24:08
4713
原创 uni-app小程序v-show内容始终不显示
<view class="title" v-show="searchList.length">联系人</view>......data() { return { searchList:[], }}使用以上方式控制该标签的显示,判断条件为searchList数组的长度,数组为空不显示标签;浏览器运行正常,但在小程序中数组非空时也不显示解决方法:使用计算属性<view class="title" v-show="sea.
2022-02-13 09:13:21
1177
原创 scroll-view如何自适应页面剩余高度
在uni-app使用中,有如下场景,页面有三个组件,top-bar顶部标题栏高度指定,bottom-bar底部功能菜单栏高度指定,scroll-view区域是一个scroll-view滚动区域,浏览聊天内容。要求scroll-view在这两个组件之间正常显示。查阅官方文档,文档要求使用竖向滚动时,需要给<scroll-view>一个固定高度,但这个高度无法直接确定;首先想到的方法是通过计算得出scroll-view的高度,使用100vh即视口高度,减去上下两个组件和手机状态栏的...
2022-02-13 09:02:53
6921
2
原创 【Vue.js】vue2组件间通信方式总结
目录1. props传参(1).父组件 ==> 子组件(2).子组件 ==> 父组件2.组件的自定义事件3. 全局事件总线4. 消息订阅和发布5.vuex1. 概念:2.使用场景:3.搭建vuex环境4.vuex的具体使用6. 插槽一. 默认插槽:二. 具名插槽:三. 作用域插槽:1. props传参适用于父子组件之间传递参数 (1).父组件 ==> 子组件 通信 (2).子组件 ==>...
2022-01-21 06:47:15
1424
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人