最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,结果滚动的速度越来越快。这里记录一下来提醒自己。消息滚动的代码在最下面,方便下次使用。 问题背景: 最近在做一个需求,组件A获取消息采用的是轮询,组件A获取到新的消息后,将组件A中的消息传递给另外一个组件B,当组件B接收到消息时就让消息在页面上滚动播放。 实现思路: 这个项目应用的框架为VUE,当组件A获取到新的消息之后,...
把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢? 首先,我们应该用NPM来安装postcss-px2rem npm i postcss-plugin-px2rem --save -dev 然后我们需要在vue.config.js中创建一个配置。由于在vue-cli3.X中。去掉了build和config文件夹。所有的配置都放到了vue....
1.需求:点击商场跳转到商业体列表解决方案: 元页面: a标签中添加跳转函数 <a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo(M000989)"><i class="sIRicon"></i>商场</a>toMallInfo: function(mallCode){this.$router.push({path: /propertyInfo/mall/mallList,// name: mallList,query: {mallCode: M000989}})},将将跳转的url添加到 $router中。 path 中的url 最前面加 /...
问题 在使用 “apifm-wxapi” 模块开发小程序过程中,很多用户可能会遇到很多问题;无法获取 openid当前登录token无效,请重新登录解决办法 1.初始化 “apifm-wxapi” 的时候,有没有正确配置你的专属域名 WXAPI.init(gooking)这里的 “gooking” 一定要是你自己的专属域名2.api 安全域名有没有设置 开发工具上可以设置不校验 api安全域名 可以参考这篇文章的域名设置章节:《使用 “apifm-wxapi” 快速开发小程序》 如果是正式上线...
导入执行后VM292:1 thirdScriptError sdk uncaught third Error module "miniprogram_npm/vant-weapp/mixins/transition" is not defined Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26700) at http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26448 at http://127.0.0.1:56368/appserv...
iOS系统对js中的new Date()方法有格式要求let dt = new Date("2019-07-24 19:57") // dt会返回valid Date正确写法应该是let dt = new Date("2019/07/24 19:57")而实际应该过程中日期格式大部分都是2019-07-24这种,所以在实际应用过程中需要用正则对字符串进行预处理let tm = "2019-07-24 19:57" let dt = new Date(tm.replace(/-/g,/))在小程序开发过程中用到一个日期转换方法,然而苹果手机就是不管用,去网上搜了才发现有这个问...
本文为大家分享了微信小程序自定义弹窗滚动与页面滚动冲突的解决方法,供大家参考,具体内容如下 先看效果是否是自己需要的实现步骤: 1.整个布局用作为根节点包裹所有view,并动态绑定scroll-view的scroll-y属性 2.样式文件中设置Page的overflow-y属性值为hidden 3.样式文件中设置scroll-view的height属性值为100% 4.打开自定义弹窗的点击事件中,更改isScroll的值为false,关闭弹窗的点击事件中,更改isScroll的值为trueJS: Page...
pm2是一个带有负载均衡功能的 Node 应用的进程管理器。对于node的管理,还是比较方便的。 m2启动ssr没有报错,但是errored # pm2 status ┌──────────┬────┬─────────┬──────┬─────┬─────────┬─────────┬────────┬─────┬────────┬──────┬──────────┐ │ App name │ id │ version │ mode │ pid │ status │ restart ...
前言最近一段时间都在做小程序。 虽然是第二次开发小程序,但是上次做小程序已经是一年前的事了,所以最终还是被坑得死去活来。 这次是从零开始开发一个小程序,其实除了一些莫名其妙的兼容性问题,大多数坑点都是在微信小程序的各个入口场景处。 所以这里整理一下微信小程序的各个入口场景,以及从这些入口场景进入小程序会面临的问题以及解决方案。 这里只列出常用的几种场景: [简单场景]启动小程序并进入[简单场景]退出重进(启...
vue-cli输入命令:npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决:到config文件夹中打开index.js文件。 文件里面有两个assetsPublicPath属性,更改第一个,也就是更改build里面的assetsPublicPath属性:assetsPublicPath属性作用是指定编译发布的根...
前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 5个报错 ①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装vue-cli脚手架(vue-cli可快速创建vue项目) ②:vue安装淘宝镜像时报错,提示无效的配置,必须是完整合法的http地址,原因是我在url前面加了1个空格,这里不要有空格 注:安装淘宝镜像后,需要用到npm的地方都可以用cnpm替换,但建议安装模块和插件用cnpm,打包和启...
node.js提示错误:Error: EXDEV: cross-device link not permitted, rename C:\Users\THEDIS~1\AppData\Local\Temp\upload_9b46f1afc2f9ade074037c3fb707d271 -> E:/node-rumen/tmp/test.png文件上传的功能时候,调用fs.renameSync方法错误 这个提示是跨区重命名文件出现的权限问题。 解决方法 先从源文件拷贝到另外分区的目标文件,然后再unlink,就可以了。 form.parse(request, function(error, fields, files) {console.log(“...
案例场景: 现在有个文章管理模块,在该模块中有栏目选择、文章搜索、分页功能。这些功能改变其中一个都会对查询的文章有所改变。案例图如下:实现方案有两种: 其一、我们开始可能会想到对每个功能绑定一个处理事件,但是这样做我们对数据的维护工作将大大加大,而且用这样方案做数据的叠加筛选不是很好。 方案二、我们将所有提交的数据放到一起维护然后再进行深度监听,当某一个值、或多个值的改变时,在去进行数据的查询,此时问题...
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择! swiper 组件高度被限制为150px了,所以内容无法撑开。 解决办法 给这组件重新设置个高度,然后在把里面的图片设置为自动适应容器大小。图片模式设置为 宽度不变 自动适应高度 <swiper class="test" .....><s...
1. 序 在编写代码时,我们常常用 console.log() 的方式将信息在控制台中打印出来以帮助我们进行前端调试。一般情况下,我们打印普通值都没有问题,但在打印对象类型时,我们就需要注意点了,要不然可能会出现不符合期望的结果。 2. console.log()输出对象属性缺失 首先,定义了一个 cat对象 ,其拥有 name, age, color, birthday 四个属性。接着,我们又定义了一个函数 test ,它接收一个对象作为参数。调用test函数时,我们想知道...