- 博客(16)
- 收藏
- 关注
RSS订阅原创 微信浏览器中控制视频的播放
需求：官网的视频要在微信浏览器中播放，由于微信浏览器不支持自动播放，所以只能手动设置<div class="globel_view" style="position:relative;"> <video id="video_play" style="width: 100%; height:auto;" loop="" muted="" playsinline="" poster="/static/h5/mobile/image/video_preloader1.png?113">
2022-03-30 15:41:56
659
原创 storage封装
一、cookie、localstorage、sessionstorage 三者的区别1、存储大小：cookie4K、storage5M2、有效期：cookie拥有有效期，storage永久存储3、cookie会发送到服务器端，存储在内存中，storage只存储在浏览器端4、路径：cookie有路径限制，storage住存储在域名下5、API：cookie没有特定的API，storage有对应的API二、为什么要封装storage1、storage本身有API，但是只是简单的key/value形
2021-04-16 15:49:05
275
原创 前端跨域解决方案
一、什么是前端跨域跨域是浏览器为了安全而做限制策略浏览器请求必须遵循同源策略：同域名、同端口、同协议跨域的类型：CORS跨域，JSONP跨域，代理跨域二、怎么解决前端跨域CORS跨域：服务端设置，前端直接调用JSONP跨域：前端适配，后端配合接口代理：通过修改nginx服务器配置来实现，前端修改，后台不动...
2021-04-14 17:27:38
94
原创 input单选框和复选框自定义样式
<!-- 单选 --><p class="select_icon"> <input type="radio" name="select3" class="icon_btn"> <span class="icon_text">46岁～55岁</span></p><p class="select_icon"> <input type="radio" name="select3" class="icon_btn"
2021-03-18 17:30:11
791
原创 bind，call，apply的区别和用法
1、相同点：三个函数都会改变this的指向（调用这三个函数的函数内部的this）2、不同点：1)、bind会产生新的函数，（把对象和函数绑定死后，产生新的函数）2)、call和apply不会产生新的函数，只是在调用时，绑定一下而已。3)、call和apply的区别，第一个参数都是要绑定的this，apply第二个参数是数组（是函数的所有参数），call把apply的第二个参数单列出来。...
2021-03-11 13:44:54
153
原创 微信里小程序scroll-x失效
开发工具和手机端都好使，scroll-view横向都能滑动，但是在PC端微信（失效）小程序入口进入小程序scroll-x失效不能滑动，后来发现其实只要给scroll-view加上white-space: nowrap; ，给scroll-view的子元素box加上display:inline-block就行了。。。<scroll-view class="scroll-view_H" scroll-x="true"> <block wx:for="{{Colors}}" wx:for-i
2021-03-05 09:24:41
334
2
原创 wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别
wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不能跳转 tabbar 页面wx.switchTab()：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层wx.reLaunch()：关闭所有页面，打开到应用内的
2021-03-04 14:32:14
295
1
原创 微信小程序配置标题与动态配置标题
1、微信小程序的title是在json里面配置的这种是固定的配置方式，不灵活"navigationBarTitleText": "title名称"2、微信小程序的setNavigationBarTitle方法可以实现title的动态配置，最好放在onready钩子中，但是在onload中也可以执行wx.setNavigationBarTitle({ title: "title名称"})...
2021-03-04 09:10:04
446
1
原创 方括号语法汇总
1、方括号语法一：<script>const prop='age';const person={};// 给person添加一个age的属性person[prop]=18;console.log(person)//{age:18}</script>2、方括号语法二：<script>//方括号语法可以写在对象字面量中const prop='age';const person={ [prop]=18};console.log(person)
2021-03-03 09:27:24
1046
转载 微信小程序中如何携带参数跳转到tabBar页面
在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种1、wx.switchTab2、wx.reLaunch但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通,那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出getInfo(){
2021-02-26 11:08:09
1696
原创 微信小程序之性能优化
高性能的用户体验才能更好的吸引和留住用户，下面说说在小程序中的一些性能优化的方法：1、控制项目包大小：小程序代码包大小不能超过2M，所以控制代码包大小尤为重要，减小项目代码包的措施有1）.清理无用代码2）.采用分包策略3）.压缩图片，使用适当图片格式4）.精简代码，去掉不必要的WXML结构和未使用的WXSS定义2、图片优化1）.大图尽量存储在服务器端或者使用云存储进行链接式加载2）.多图片可采用懒加载方案3、内存优化1）.离开页面时回收当前页面的定时器，释放内存资源2）.onPageS
2021-02-25 17:15:48
1881
原创 微信小程序通过三种异步函数获取缓存值
微信小程序的本地缓存跟H5的localStorage非常类似，是前端的数据库，以下用三种异步函数来实现本地缓存值的获取。第一种：es5标准：通过回调函数获取//设置缓存值wx.setStorageSync('flag', '123')//异步获取缓存const flag = wx.getStorage({ key: 'flag', success(data){ console.log(data) }})第二种：es6标准：通过promiss//设置缓存值wx.set
2021-02-24 14:57:26
512
原创 layui自定义option多选样式
基础示例效果图//1.下载formSelects-v4//2.模块化使用<script src="layui.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"> //全局定义一次, 加载formSelects layui.config({ base: '../src/' //此处路径请自行处理, 可以使用绝对路径
2021-02-24 14:53:21
1384
原创 vue中methods、watch、computed之间的差别对比以及适用场景
methods,watch和computed都是以函数为基础的，但各自却都不同；一、computer当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。<p id="app"> {{fullName}} </p><script> var vm = new Vue({ el: '#app', data: { firstName: 'Foo', l
2021-02-23 16:53:42
368
2
原创 promise
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-02-23 16:05:16
130
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人