听风看海的博客

问题小程序开发是都会遇到数据更新了，但是页面的图元状态并没有更换。 通过接口获取数据进行更新， 但是数据改变了，页面的图元并没有变化。方法一赋值之前先把数据置为空null， 在进行从新赋值操作let that = this;wx.request({ url: 'test.php', // 仅为示例，并非真实的接口地址 data: { x: '', y: '' ...

问题想要给当前的元素设置一个背景图片，但是background-image:url()无效？前奏在微信小程序上不管你是这样使用标签引入<view style="background:url('../../img/p.png')"></view>还是使用外部样式表引入都是无效的，没什么软用解决使用img标签代替，在img上绑定图片的地址，经过探索发现wx不支持...

小程序开发目前的前端行业小程序开发真的是一发不可收拾了，我也加入了这股入坑潮流。下面我来说说我经验吧一、原生wx框架和mpvue我告诉你，如果你会原生的wx框架最好用wx原生的框架， mpvue虽然和vue的语法一样但是它本质还是把vue框架格式的代码编译成了wx小程序的。所以说用原生的微信框架既可以对小程序的设计概念和生命周期更好理解。 因为我个人一直用的是vue-cli所以我选择用的...

问题描述在拿到后台返回的数据之后需要重新修改data中数据的值，方便页面重新渲染。在初始化的时候需要对数据进行校验和重新赋值操作但是问题来了，赋值不生效，data中的值并没有发生改变，查看微信开发者工具的控制台发现数据也没有变化？原因这个问题我也找了好久，我试过直接赋值和使用计算属性重新赋值，包括$set这个手动更新，也是不生效，way？data(){ return { ma...

问题描述在构建一个mpvue项目的完毕之后，并且把依赖包都下载完成之后需要npm run dev运行项目，但是问题来了，既然卡死不动了。问题出现在mpvue小程序开发中。场景复现$ npm run dev> mytools@1.0.0 dev O:\newproject\mytools> node build/dev-server.js wx到了这里就卡死不动了， c...

场景当前的小程序非常火，开发起来也很快，框架很多，今天讲下mpvue这个框架实现页面无限滚动流，滚动到底加载新数据。问题微信小程序不支持Dom, 那么要实现一个无限的滚动效果那不是蛋疼？mpvue+scroll-view实现mpvue这个是美团开源的一个框架， 语法是和vue99%相似，但是坑很多，如果你遇到可以看下我的mpvue的其他文章，里面详细的讲了哪些坑以及解决办法。scrol...

问题在项目的开发中循环渲染是不可避免的，mpvue中和原生vue一样拥有v-for这个遍历属性。但是实际使用时不小心就会出问题，会给你一个should hava explicit keys 错误提示？代码这是段异常代码，会引起上面说的 should hava explicit keys<div v-for="(value,index) in Arr">解决在数组的遍历中，...

问题小程序加载时出现多次执行，created生命周期函数

众所周知，对前端而言，直接操作 DOM 是一件及其耗费性能的事情，以 React 和 Vue 为代表的众多框架普遍采用 Virtual DOM 来解决如今愈发复杂 Web 应用中状态频繁发生变化导致的频繁更新 DOM 的性能问题。本文为笔者通过实际操作，实现了一个非常简单的 Virtual DOM ，加深对现今主流前端框架中 Virtual DOM 的理解。关于 Virtual DOM ，社区已...