- 博客(21)
- 收藏
- 关注
原创 小程序中视频作为页面背景
业务背景:实现在小程序原生页面中以视频作为页面背景效果wxml:<video id="myVideo"src="https://download.mia.com/newpc/home.mp4"loop mutedcontrols="{{false}}"show-play-btn="{{false}}"show-center-play-btn="{{false}}"enable-progress-gesture="{{false}}"object-fit="co...
2020-12-30 18:37:09 5323 10
原创 手写Promise
业务背景:为了对promise有更深刻的理解和认识,手动实现一个promise按照以下步骤依次实现Promise的手动封装:1.promise就是一个类,再执行这个类的时候,需要传递一个执行器进去 执行器会立即执行2.Promise有三种状态,分别为 成功fulfilled 失败 rejected 等待pendingpending–fulfilledpending–rejected状态一旦确定不能修改3.relove和reject函数是用来更改状态的resolve: fulfille...
2021-08-27 10:27:39 138
原创 Mac homebrew报错 homebrew-core is a shallow clone.
业务背景:Mac使用homebrew报错如何解决删除homebrew-core后更新即可,依次执行下面的命令!!!cd /usr/local/Homebrew/Library/Taps/homebrewrm -rf homebrew-corebrew upgrade
2021-08-10 18:00:00 169
原创 webpack5.x Error: Entry “main“ not found. Did you specify the correct entry option?
业务背景:vue-ssr服务端渲染时,用webpack打包,默认安装最新版本5.x的包,导致某些api及方法不兼容,需要降级处理错误如下:[vue-server-renderer-webpack-plugin] webpack config output.libraryTarget should be “commonjs2”.Error: Entry “main” not found. Did you specify the correct entry option?解决办法:版本过高,下...
2021-04-12 17:33:47 489
原创 微信小程序自定义头部导航栏
业务背景:原生小程序头部单调,没有回到首页按钮,无法用图片作为背景,无法设置渐变色,想动态控制是否展示header,总之 都有话不多说,上码,粘过去直接用app.js:onLaunch: function (options) { ... let menuButtonObject = wx.getMenuButtonBoundingClientRect(); wx.getSystemInfo({ success: res => { let statu...
2021-01-04 20:01:09 672
原创 小程序锚点效果
业务背景:小程序原生中实现类似h5的锚点效果,而且顶部tab可以随着滑动自适应居中话不多说,上码,粘过去直接用※※※由于是从项目中摘出来的,所以有些没用上的代码,就没删除wxml:<view class="" hover-class="none" hover-stop-propagation="false"> <view class="navlist cs-fix" id="navlist"> <scroll-view scroll-x scroll...
2021-01-04 19:06:14 376 4
原创 小程序动态隐藏分享按钮
业务背景:小程序需要根据条件动态隐藏分享给好友、分享到朋友圈功能话不多说,上码,粘过去直接用满足条件隐藏分享给好友按钮if (条件) { wx.hideShareMenu({ menus: ['shareAppMessage'], //menus: ['shareAppMessage', 'shareTimeline'] })}说明:1、"shareAppMessage"表示“发送给朋友”按钮,"shareTimeline"表示“分享...
2021-01-04 16:13:13 2026
原创 小程序下载多张图片到本地
业务背景:实现在小程序原生页面中同时下载多张图片到本地类似下图效果:话不多说,上菜,粘过去直接用,亲测有效wxml:<view> <view class="toast" wx:if="{{list_show}}"> 下载中{{currentindex}}/{{list.length}} <view class="prograss"> <progress class="pro" percent="{{pe...
2021-01-02 13:59:14 2469 3
原创 小程序分享到朋友圈
业务背景:实现小程序直接分享到朋友圈功能话不多说,上码,粘过去直接用wxml:<view> 测试分享到盆友圈</view><button bindtap="goshowtoast"> showToast</button>js:小程序页面默认不可被分享到朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:首先,页面需设置允许“发送给朋友”。就是必须有onShareAppMessage这个分享函数...
2020-12-31 18:48:15 366
原创 h5打开小程序,h5跳转到小程序
业务背景:在h5中直接打开小程序(注意不是返回小程序)业务背景:在h5中直接打开小程序(注意不是返回小程序)直接上码:一、config注入:wx.config({ debug: true, appId: '<?php echo $signPackage["appId"];?>', timestamp: '<?php echo $signPackage["timestamp"];?>', nonceStr: '<?php echo $signPackage["no
2020-12-30 18:12:01 4968 5
原创 小程序打包上传设置忽略文件
情景描述:小程序用开发者工具打包上传代码时,有些文件没必要上传,可以设置忽略某些文件,如下图演示:一、打开project.config.json文件:在项目目录下打开此文件二、添加配置:"packOptions": { "ignore": [ { "type": "folder", "value": ".vscode" } ] }说明:packOptions 用以配置项目在打包过程中的选项。打包是预览、上传时对项目进行的必须步骤。
2020-12-30 17:31:46 5004 2
原创 git提交项目时忽略某些文件或者文件夹
git提交忽略某些文件或者文件夹情景描述:用git提交代码时需要忽略某些文件或者文件夹时,例如:忽略.vscode文件夹1.新建.gitignore文件有的项目中有这个文件,直接打开就行项目中没有:新建.gitignore文件2.修改.gitignore文件打开.gitignore文件,添加需要忽略的文件,eg: .vscode文件夹# .vscode.vscode/# 测试用aaa.jsaaa/3.保存.gitignore文件,之后重新add/commit/push即
2020-12-30 11:51:09 2432
原创 前端工程化的理解
一、谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值指遵循一定的标准和规范,通过工具去提高开发效率,解决开发成本的一种手段,当然这里的工具指的是借助平台,因为工程化并不是一个工具,而是一个规划的流程,重复性高的工作都应该用自动化去解决解决的问题:1、代码中有e6+的新特性和方法,虽然可以提高我们的编程效率,但是兼容性有问题 --传统语言和语法的弊端2、想要使用less/sass等增强css的编译性,但是运行环境不能支持3、想要使用模块化、组件化来提高代码
2020-11-25 15:12:33 935 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人