问题解决demo
XC_xiaochen
这个作者很懒,什么都没留下…
展开
-
支付宝小程序计算scroll-view高度占满屏幕高度(底部)
要实现一个顶部卡片加tab栏,然后下面是个到底部的scroll-view,如下图中商家和评价所在的tab要求固定不动往常不考虑滚动时顶部不动的时候都是比较随意的把scroll-view的高度给的大一点,但是这次要求顶部是不动的,于是就需要计算一下实际的scroll-view的高度,实现起来很简单,并没有比百度上所说的css的方式复杂多少,代码如下:需要注意的是,支付宝小程序回调函数是放在exec()中执行的,和微信小程序不同onReady(){ this.computeScr.原创 2021-07-12 17:43:20 · 1425 阅读 · 1 评论 -
使用径向渐变实现两端凹槽,卡券效果
手头有个需求,需要实现如下效果:实现途中两边的凹槽效果,一开始的思路是使用伪类,html中中间凹槽和分割线是一个div,代码如下:<template lang="jade"> act-dialog( :visible="visible", width="80%", @cancel="handleCancel" ) .store-content(slot="content") .header-area原创 2020-08-19 21:29:21 · 467 阅读 · 0 评论 -
node修改全局包路径后导致npm命令报读写权限(operation not permitted)问题
今天入职新的公司,用的公司电脑,要装一波环境,由于时隔一年多没装过就找了个帖子照着装,怕漏了什么步骤,然后就遇到了下述问题node安装好了之后,按照帖子里说的修改全局包的存储路径(默认是安装依赖包实在node_modules中,这样修改就是为了不让都装在一个盘里怕空间不足,不过好像我也不存在这个问题,但还是照着改了一下)如下:修改之后,安装vue脚手架,一直报错operation not permitted,按照帖子中说的环境变量也修改了,可是就是搞不定,最后只好撤销掉那个设置,重新装了一.原创 2020-08-10 18:05:27 · 961 阅读 · 4 评论 -
微信小程序引入vant 提示没有可以构建的npm包
今天尝试在微信小程序中引入vant UI组件,然后按照官网说明去npm安装,然后点击工具构建npm,却一直提示没有可以构建的npm包经过仔细查阅官方文档和找了一波技术帖,最终按照以下步骤成功引用vant UI1. 在项目根目录下npm init,然后一路回车2.npm i vant-weapp -S --production 安装3.微信开发者工具>工具>构建npm 构建完成生成miniprogram_npm文件夹3.详情>使用npm模块4...原创 2020-07-15 01:09:45 · 1115 阅读 · 0 评论 -
跨域的原因及解决方案
一.同源策略(造成跨域的原因)首先,MDN上的关于同源策略解释如下:同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。定义:如果两个URL的protocol(协议)、host(主机地址) 、port(端口)都相同,则这两个URL同源示例(来自MDN):http://store.company.com/dir/page.html简单点说:同源策略限制...原创 2020-07-07 17:53:44 · 493 阅读 · 0 评论 -
uniApp / 小程序实现一个view滚动到一定高度置顶显示
最近在使用uniApp做一个模仿美团小程序的demo,其中遇到这样一个需求,就是筛选模块滚动到顶部就置顶显示查阅了uniApp的官方文档以及微信小程序的官方文档,发现都有一个相同的API,如下:实现思路如下:1.在onLoad或mounted页面初始化的生命周期方法中获取需要置顶的view距离顶部的高度保存到data中onLoad() { // 监听筛选组件距离顶部的距离 const query = wx.createSelectorQuery() query.select.原创 2020-07-03 22:55:46 · 3001 阅读 · 0 评论