- 博客(15)
- 收藏
- 关注
原创 微信小程序(页面栈和API跳转)
【前言】2019.11.28【内容】(1)直接修改Page实例的this.data而不调用this.setData是无法改变页面的状态的,还会造成数据不一致。(2)由于setData是需要两个线程的一些通信消耗,为了提高性能,每次设置的数据不应超过1024KB;(3)不要把data中任意一项的value设为undefined,否则可能会引起一些不可预料的bug。页面层级可能会有三层或者更...
2019-11-28 16:08:35
433
1
原创 微信小程序(小程序模型与宿主环境、跳页之tabBar导航跳转、逻辑层与程序注册构造器、小程序生命周期、运行机制、场景值、页面生命周期、页面用户行为)
【前言】2019.11.27【内容】小程序的运行环境分成渲染层和逻辑层面试:小程序模型渲染层(wxml、wxss)和逻辑层(js)的分离模型的基本工作方式1.数据驱动:渲染层和数据相关2.脚本逻辑:逻辑层负责产生、处理数据3.通信模型:逻辑层通过 Page 实例的 setData 方法传递数据到渲染层通常界面视图和变量状态是相关联的,如果有某种“方法”可以让状态和视图绑定在一起(...
2019-11-27 16:17:33
383
原创 AJAX之模板引擎&&字符串模板x-template、微信小程序(小程序模型与宿主环境)、微信小程序(跳页之tabBar导航跳转)
【前言】2019.11.25【内容】小程序的运行环境分成渲染层和逻辑层, WXML 模板文件和 WXSS 样式文件工作在渲染层,JS 逻辑文件工作在逻辑层。面试:小程序模型渲染层(wxml、wxss)和逻辑层(js)的分离模型的基本工作方式1.数据驱动:渲染层和数据相关2.脚本逻辑:逻辑层负责产生、处理数据3.通信模型:逻辑层通过 Page 实例的 setData 方法传递数据到渲...
2019-11-25 08:58:45
547
原创 微信小程序(Flex布局-容器属性)、微信小程序(Flex布局-项目属性)、静态补充CSS-BFC讲解、静态补充CSS之IFC、FFC、GFC讲解、微信小程序(JS逻辑文件)
【前言】2019.11.22【内容】盒模型分类:IE盒模型,标准盒模型微信小程序 View视图标签支持两种布局方式:Block 和 Flex注意:所有 View 默认都是 block浮动布局,所以如果要使用 flex 布局的话需要进行显式声明简称:日常开发中,采用flex布局的元素,一般简称为“容器”容器内的元素简称为“项目”或者“元素”布局属性:容器属性:flex-flow、...
2019-11-22 18:56:01
363
原创 微信小程序(WXSS样式文件)、微信小程序(布局适配与物理逻辑像素)
【前言】2019.11.21【内容】简介:WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。对比:WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS做了一些补充以及修改。注意:WXSS 仅支持部分 CSS 选择器WXSS 决定 WXML 组件的显示样式。为了适应广大的前端开发者,WX...
2019-11-21 14:24:05
923
原创 AJAX请求5步法、AJAX之状态值+状态码+HTTP请求
【前言】2019.11.15【内容】AJAX请求5部曲:(1)创建XMLHttpRequest异步对象(2)设置回调函数,针对不同的响应状态进行处理—监听Ajax的状态readyState的改变事件onreadystatechange(3)使用open方法与服务器建立连接(4)send注册事件,设置和服务器的交互信息,向服务器发送数据(5)在回调函数中针对不同的响应状态进行处理,更...
2019-11-15 18:21:20
247
原创 AJAX+ML+DTD概念、AJAX简介与原理、
【前言】2019.11.14【内容】什么是ajax?ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。AJAX代表异步JavaScript和XML,它是一组web开发技术,允许web应用程序异步工作,在后台处理对服务器的任何请求等等,那么什么是AJAX ?什么是ajax...
2019-11-14 18:10:13
177
原创 微信小程序(JSON配置文件、WXML模板文件一)
【前言】2019.11.13【内容】新建页面page(1)手动创建①右键单击 [pages] 文件夹,在弹出的菜单中选择“新建目录”②右键单击新建的目录,在弹出的菜单中选择“新建Page”(2)自动创建直接在app.json文件的pages选项中将新页面的路径写好,系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.json配置文件、pag...
2019-11-13 16:18:40
432
原创 预定义字符&实体字符 新增表单元素&控件&属性&事件
【前言】2019.11.12【内容】账号申请、后台小程序信息完善、安装开发工具IDE、小程序项目搭建、项目编译 、真机预览调试、上传代码、提交审核、发布、代码包优化、小程序目录结构分析等同预览和真机调试不同,上传代码是用于提交***体验***或者***审核***使用的。为了保证小程序的质量,以及符合相关的规范,小程序的发布是需要经过***审核***的。①在开发者工具中上传了小程序代码之后,...
2019-11-12 18:54:37
132
原创 新增标签之结构、块级、行内语义、交互 h5废弃标签
【前言】2019.9.23【内容】新增标签之结构、块级、行内语义、交互、单词等、 h5废弃标签等。HTML5新增了功能性标签canvas画布、video 视频、audio音频等标签替代了Flash插件,实现了多媒体体验。主要目的为了让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年。按照标签作用大致分类:功能性标签、结构性标签。H5本质H5是...
2019-09-23 14:37:50
473
原创 移动端 移动自适应 移动端meta元标签
【前言】2019.9.19【内容】 移动端 移动自适应 移动端meta元标签…(1)浏览器的默认字体大小:16px(2)chrome字体最小限制:12px(3)CSS单位分为绝对单位和相对单位CSS中,单位分为两类(1)绝对单位:无论其他相关的设置怎么变化,绝对单位指定的值是不会变化的;(2)相对单位:没有固定的度量值,是由其他元素尺寸来决定的相对值。CSS绝对单...
2019-09-19 10:10:44
539
原创 css3移动端
【前言】2019.9.12内容:CSS单位,rem布局,CSS单位兼容,em,ex&ch,rem宽高转换…CSS单位:绝对和相对单位兼容及重点单位rem布局两种计算实现方式:css的@media和js的flexible.js插件浏览器的默认字体大小:16pxchrome字体最小限制:12pxCSS单位分为绝对单位和相对单位CSS中,单位分为两类(1)绝对单位:无论其他相关...
2019-09-12 11:57:21
283
原创 项目属性集合 BFC IFC
【前言】2019.9.10【内容】项目属性 BFC IFC FFC GFC 文档流 脱离文档流…[主体]order、flex-grow、flex-shrink、flex-basis、flex、align-self…项目属性:设置容器内项目相关样式,用于设置项目的尺寸、位置,以及对项目的对齐方式做特殊设置。项目元素属性集合:order、flex-grow...
2019-09-10 18:43:56
277
1
原创 盒模型
前言】2019.9.9【内容】盒模型分类:IE盒模型,标准盒模型,本质区别:宽高计算方式在这里插入图片描述在这里插入图片描述布局属性:容器属性:flex-flow、flex-direction、flex-wrap、justify-content、align-items、align-content元素/项目属性:order、flex-grow、flex-shrink、flex-basis、...
2019-09-09 19:57:29
107
原创 css3---Flex布局---容器属性
【前言】2019.9.9【内容】盒模型分类:IE盒模型,标准盒模型,本质区别:宽高计算方式布局属性:容器属性:flex-flow、flex-direction、flex-wrap、justify-content、align-items、align-content元素/项目属性:order、flex-grow、flex-shrink、flex-basis、flex、align-self概...
2019-09-09 19:37:28
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人