🔺
摘要: 组件的自定义数据属性 点击每一个电影卡片进行响应,给每一个卡片元素绑定一个Tab事件处理函数。 新增detail页 加上标题 在detail.wxml中添加一个内容为page的text标签 当点击recommend页的卡片跳转至detail详细信息页 在全局配置文件中对新增的detail页进行配置。 阅读全文
posted @ 2020-03-17 00:39 吉美松鹤 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 一,数据的绑定 一个页面只有静态数据往往是不够的,大部分情况下需要在小程序运行的过程中,动态的从服务器端去获取,然后再渲染输出到这个视图中进行显示。 之前的页面为硬解码的方式 <view class="usermotto"> <text style="font-size:60rpx">今日推荐:恋爱 阅读全文
posted @ 2020-02-19 05:28 吉美松鹤 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 传统方式: 布局目标的实现,属性赋值非常松散。 严重依赖于页面结构与内容实际页面大小。 当页面属性发生变化的时候,页面的布局取值都要重新调整。 不是很能够灵活的引用页面结构的变化。 用弹性盒子布局: 相关的css属性赋值,比较统一。 布局方式灵活,可以应对页面结构元素变化。 实现了一种整体控制方法, 阅读全文
posted @ 2020-02-16 20:17 吉美松鹤 阅读(2078) 评论(0) 推荐(0) 编辑
摘要: 一,小程序的文件结构 小程序包含一个描述程序的app和多个描述各自页面的page 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 一个小程序页面由四个文件组成,分别是: 下面是一个单页面的小程序所需目录: 其中: index文件夹代表一个页面。index.js脚本文件相当于JavaS 阅读全文
posted @ 2020-02-14 04:06 吉美松鹤 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 一,小程序的基本情况 小程序的特点: 1.速度快:无需下载和安装,加载速度快于HTML5,微信登陆,随时可用。 2.无需适配:一次开发,兼容IOS和安卓系统,免除了对各种手机机型的适配,提高了开发效率。 3.社交分享:可以直接分享给微信好友和群聊 4.出色体验:可离线使用,达到几乎原生app的操作体 阅读全文
posted @ 2020-02-13 21:08 吉美松鹤 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 计算属性的关键词: computed。 computed也是进行数据的存储 那它和data普通属性有什么区别? 计算属性是以函数的方式进行返回 更灵活,数据可以包含逻辑处理操作,可以对计算属性中的数据进行监视。 举个栗子 反转字符串 <h2>{{msg.split(' ').reverse().jo 阅读全文
posted @ 2020-01-22 19:35 吉美松鹤 阅读(209) 评论(0) 推荐(0) 编辑
摘要: vue的生命周期分为8个阶段。 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 每个阶段都有相应的函数 称 阅读全文
posted @ 2020-01-21 18:44 吉美松鹤 阅读(135) 评论(0) 推荐(0) 编辑
摘要: vue.js是什么 vue.js也称为vue,读音/vju/ 是一个构建用户界面的框架 是一个轻量级MVVM(Model-view-viewModel)框架,和angular,react类似,其实就是所谓的数据双向绑定 数据驱动+组件化的前端开发(核心思想) 通过简单的API实现响应式的数据绑定和组 阅读全文
posted @ 2019-12-29 23:25 吉美松鹤 阅读(432) 评论(0) 推荐(1) 编辑
摘要: Ajax简介 Ajax 的全称是 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是一种用于创建动态网页的技术。 Ajax 是一种使用现有标准的新方法,通过与服务器进行少量的数据交换,Ajax 可以使网页实现异步更新,这意味着可以在不重新加 阅读全文
posted @ 2019-12-29 04:34 吉美松鹤 阅读(341) 评论(0) 推荐(1) 编辑
摘要: HTML代码 写一个div来作为鼠标区域 div中写一个span显示坐标信息 <body> <div id=""> <span></span> </div> </body> 给div和span增加样式并定位 <style type="text/css"> div{ position: relativ 阅读全文
posted @ 2019-12-19 00:54 吉美松鹤 阅读(362) 评论(0) 推荐(0) 编辑