随笔分类 - 微信小程序
摘要:1. 认识Ajax AJAX是基于现有的Internet标准 XMLHttpRequest 对象 (异步的与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式) XMLHttpRequest 是 AJAX 的基础。 XMLHt
阅读全文
摘要:1.认识Jquery 替代方案:您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它 jQuery 使用版本-在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本: 1.2 JQuery语法 $(this).hide()
阅读全文
摘要:1. 认识Json JSON: JavaScript Object Notation(JavaScript 对象表示法);JSON 是存储和交换文本信息的语法,类似 XML。JSON 比 XML 更小、更快,更易解析 JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是
阅读全文
摘要:1.ES6语法之promise 一句话:一旦有异步操作时候,就用promise进行包裹,当异步操作成功拿到结果后,不要直接处理,交给resolve,由then(括号获取)处理。失败的时候拿reject("err-message").就来到catch((err)=>{}) 1.1.promise 三种
阅读全文
摘要:1. vue-cli -命令行界面, 但是俗称脚手架. 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI.如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI,使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。
阅读全文
摘要:1.webpack 1.1认识webpack 理解了webpack可以帮助我们进行模块化,并且处理模块间的各种复杂关系后,打包的概念就非常好理解了。就是将webpack中的各种资源模块进行打包合并成一个或多个包(Bundle)。并且在打包的过程中,还可以对资源进行处理,比如压缩图片,将scss转成c
阅读全文
摘要:1.父子通信扩展 1.1.-父访问子组件的访问方式 $children $refs(实例中加标签) 某些时候,父子组件进行调用某些方法,实现功能,这里就要用的父子组件的访问方式的修饰符,有时候我们需要父组件直接通过对象来访问子组件,子组件直接访问父组件,或者是子组件访问跟组件。 父组件访问子组件:使
阅读全文
摘要:1.计算属性 计算属性完整写法有set和get 1.1 计算属性与methods的差异 两点差异:1.计算属性前面不写get,一般方法methods会给get 2.计算属性缓存消耗低,因为只要变量不变,计算属性结果vue内部缓存存起来,不会重复计算 2.ES6语法常用 2.1 块级作用域之let/v
阅读全文
摘要:1.语法分类 插值操作 Mustache语法-{{}},将vue实例对象的属性data里面的值显示在标签内容中 <h2>{{data属性}}</h2>绑定属性 有时候我们的标签属性是动态来变得,比如说image的src路径可能是变化的,那么就是要将vue实例对象的属性data绑定到标签的属性,例如s
阅读全文
摘要:1.vue.js 当前项目使用比较多,我们需要掌握vue基本开发功能,vue是渐进式的开发,意味着可以部分嵌入其中进行开发,也就是说一部分页面用老的jquery开发,新的用vue开发。 vue全家桶指的是Core,vue,rooter,vuex,满足各种各样的需求 高级功能: 解耦视图和数据可复用的
阅读全文
摘要:1.页面分析 1.商品分类点中任何一个,进入商品列表 2.我们需要在列表页面获取到商品信息,再发起请求,获取数据,通过url传参
阅读全文
摘要:1.项目技术选型 小程序的第三方开发框架,例如 腾讯的wepy :语法类似vue美团mpvue:语法类似vue京东taro:语法类似react滴滴chameleon:语法类似vueuniapp:语法类似vue原生框架:MINA 考虑到原生的版本迭代较快,我们先用原生框架 2.黑马优购小程序搭建步骤
阅读全文
摘要:定义段和示例方法: component构造器可用于自定义组件,调用Componet构造器可以指定组件的属性、数据和方法等。 学习生命周期有助于我们理解小程序,例如什么时候,什么地方来发布异步请求,什么时候什么地方来关闭定时器,什么时候,什么地方来监听错误。生命周期参考小程序的运行周期。 1.应用生命
阅读全文
摘要:1.小程序自定义组件的意义 小程序允许我们使用自定义组件方式来来构建画面,主要难点在于父向子组件传递数据,子向父组件传递数据和组件插槽功能,实现点击标题数据也发生变化。且所谓的自定义组件,也是由json,wxml,wxss,js四个部分组成 开发步骤:创建组件→声明组件→使用组件1.1 自定义组件components→Tabs第一步:创建自定义组件分为几个步骤:首先创建pa...
阅读全文
摘要:1.小程序常用组件主要包含view text rich-text image navigator icon swiger radio checkbox等1.1. view标签组件view代替原来的html中的div标签1.2 text标签组件 文本标签,只能嵌套text标签,且只有这个标签的文字可以复制,可以对空格 回车进行编码属性名 类型 默认值 ...
阅读全文
摘要:1 样式微信的wxss(weixin style sheets)是一套样式语言,用于描述wxml的组件样式与CSS相比,wxss扩展的特性有: 响应式长度单位rpx 样式导入1.1.尺寸单位-rpx小程序独有 rpx(responsive pixel)可以根据屏幕宽度进行自适应,小程序中规定屏幕宽为750rpx,如在iphone6上,屏幕宽度为375rpx ,共有750物...
阅读全文
摘要:1. 小程序模板语法 wxml(weixin markup language)是框架设计的一套标记语言,结合基础组件,事件系统,可以构建出页面系统。小程序正式因为拥有模板语法,才能让我们快速的页面渲和动态功能,主要分为 数据绑定 运算 列表渲染 条件渲染1.1 数据绑定 数据绑定分为两个方面进行讲解:数据指的是呈现在页面pages各个页面的数据(在js中data书写...
阅读全文
摘要:1.小程序目录小程序框架的目标是通过尽可能简单的,高效的方式使得开发者可以在微信中开发具有原生app体验的服务小程序框架提供了自己的视图层描述语言:wxml和wxss以及javasript(逻辑文件),并在视图层和逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑1.1小程序文件结构与传统web对比结构 传统web 微信小程序结构 HTML WXML样式 CSS ...
阅读全文