starleejay的博客

在上篇对小程序的 QuickStart 项目分析之后，了解了整个项目的整体结构，另外在 pages/index 目录中看到了小程序的事件绑定和页面跳转。现在利用现有的知识，新建一个pages/home 目录。1、新建 home 目录在小程序中，每一个完整的页面有包含.wxml .js .json .wxss 四个文件，在开发者工具中，有一种快速创建这四个文件的方法。 pages目录上右键 –>

上篇文章完成了 home 页面的构建和跳转，这篇文章将会完成底部tabBar 以及点击每个 tabBar 跳转到对应的页面。完成如图：1、 新增 cart discounts my 页面按照 home 页面的构建，快速新建上面的四个页面，并查看 app.json 中是否存在所建页面的配置信息。2、 配置 home cart discounts my tabBar 信息如果一个小程序是一个多应用（客

目标：导航栏样式及文字更改添加 swiper 组件添加产品item组件完成效果导航栏样式及文字更改在小程序中有两处配置导航栏的文件，分别是app.json 和 pages/xx/xx.json两者都是用来设置页面的状态栏，导航栏，标题，窗口背景色，区别是前者是对全局进行配置，后者只是针对当前的页面进行配置。 在 pages/xx/xx.json 中多了一个 disableScroll 属性

rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度，拿iPhone6来讲，屏幕宽度为375px，把它分为750rpx后， 1rpx = 0.5px。微信小程序同时也支持rem尺寸单位， rem 规定屏幕的宽度为20rem, 所以 1rem = (750/20)rpx = 37.5 rpx

数据绑定小程序中的数据均来自于对应Page对的data。绑定会用Mustache 语法（双大括号）将变量包起来，可以用于：内容 <view>{{message}}</view>page({ data:{ message:'hello world' } }) 组件属性 （需要在双引号之内使用）<view id="item-{{id}}"></vie

vue 项目目录结构运行 vue-cli 项目之后，让我们来看一下整个项目的结构build项目的打包构建目录，里面的文件是关于整个 vue 项目用什么方式打包，不同的项目环境打包方式怎么区别，什么文件该使用什么 vue-loader 插件， 打包时需要使用哪些 webpack 的插件，插件的配置等等。 vue 项目中的 webpackconfig关于项目配置的目...

从 vue-cli 开始搭建一个 vue 项目最简单的方式就是使用官方的脚手架工具，他提供了现代前端工作流的构建设置，只需要几分钟时间就可以运行带有 热更新 Eslint 打包 功能的项目。vue-cli 的安装比较简单，基本上跟着官网的步骤就可以安装前提条件： Node.js 版本在 6.x 以上， npm 版本在 3 以上， 并且要已经安装了 gitnpm ins...