thothsun 的博客

flex 弹性布局上一节介绍了小程序中常用的组件，在使用它们的时候，如何控制它们的位置呢？就需要用到布局了。传统的布局实现方式比较麻烦，要用多个属性配合实现。后来 flex 弹性布局出现后，用其他方式实现的布局，用 flex 布局都能更简洁地实现。本节通过几个简单的例子介绍 flex 布局的基本用法。首先新建一个空白页面，在一个 view 里面放三个 text。在 view 的样式中添加 display:flex 将 view 设置为弹性布局，组件默认是按照从上到下、从左到右的顺序排列。<!-

const app = getApp()Page({ //promise写法 onLoad() { this.chooseImage().then((res) => { console.log(res) }).catch((err) => { console.log(err) }) }, // await/async 写法，要用trycatch捕捉异常，编译后还是promise then，本质一样，是语法糖 // a

JavaScript 和 Python 都是脚本语言，本来以为是差不多的，就把写 Python 时的习惯拿来用，但是今天写 js 时出现一个 bug，原因是把数组为空当做 false 来判断的，其实是 true。（Python中是 False）一、Python运行结果二、JavaScript运行结果总结0，’’，None/undefined 在 JavaScript 和 Pyt...

1.查看npm的镜像源npm config get registry// 默认是：https://registry.npmjs.org/2.修改成淘宝的镜像源npm config set registry https://registry.npm.taobao.org3.create-react-app创建项目npx create-react-app myapp...

小程序中文字如果过小，用户很难点击到，一种简单的方法是外层组件添加padding，但是这样可能会影响其他组件。下面是一种不会影响其他组件的方法：index.wxss.container{ height: 100vh; width:100vw; display: flex; justify-content: center; align-items: center;}.i...

进入小程序，如果数据是从服务器获取的话，用户需要等待一段时间，期间可能显示的是白屏或者loading动画，为了提升用户体验，可以利用缓存提前渲染数据，减少用户的等待时间。优化前：Page({ onLoad: function() { wx.request({ url: 'https://test.com/getproductlist', success: r...

由于 js 的限制，Vue 无法进行监听数组的修改，因此在 Vuex 中，下面三种情况 store 中的数据已经变化了，但视图层不会更新：使用索引更新数组的值时修改数组的长度时直接给对象数组中的对象赋值新属性时解决方式：使用 Vue.set ( target, key, value )import Vue from 'vue';export const mutations = {...

1.在小程序项目中的某个目录下面新建文件夹：node_modules（小程序官方没有强制要求 node_modules 必须在小程序根目录下（即 project.config.js 中的 miniprogramRoot 字段），也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。）2.终端进入到node_modules文件夹所在的目录，（不是node...

1.直接部署静态页面项目代码只有一个index.html将网站文件放在nginx的www目录中即可访问浏览器查看效果浏览器查看源代码总结：1.跳转新页面，浏览器要重新发起请求，网速慢的时候用户体验不好。2.用户能直接查看到代码，安全性不足。2.单页面应用使用vue router创建一个单页面应用同样，直接放到nginx的www中浏...