-
wxml模板文件,是框架设计的一套标签语言,结合基础组件,事件系统,可用构建出页面的结构
-
wxss:样式文件,是一套样式语言,用于wxml的组件样式
-
js脚本逻辑文件,逻辑处理请求
-
json配置文件,小程序设置,如页面注册,页面标题及tabBar
-
app.json整个小程序的全局配置包括:
-
pages:【所有页面】
-
网络设置(网络超时时间)
-
界面表现(页面注册)
-
window(背景色,道行样式,默认标题)
-
底部tab等
5.app.js 监听并处理小程序的生命周期函数,声明全局变量
7.appwxss全局配置的样式文件
示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。
===============================================================================
-
都是用来描述页面得结构
-
都有标签,属性,等构成
-
标签名字不一样,且小程序标签更少,单一标签更多
-
多了一些wx:if这样的属性以及{{}}的表达式
-
wxml仅能在微信小程序开发者工具中预览,而html可以在浏览器内浏览
============================================================================
-
都是用来描述页面样式的
-
wxss具有css大部分的特性,也做了一些扩充和修改
-
wxss新增了尺寸单位,wxss在底层支持尺寸danweirpx
-
wxss仅仅支持css选择器
-
wxss提供全局样式与局部样式
-
wxss不支持window和dom文档流
============================================================================
-
遍历时:小程序wx:for = " postList" vue是v-for = “ item in Postlist”
-
调用data模型时:
-
小程序 :this.data.item// 调用
-
this.setData(item:1)//赋值
-
vue中 this.item // 调用
-
this.item = 1// 赋值
=============================================================================
-
使用全局变量实现数据传递
-
页面跳转或重定向时,使用url带参数传递数据
-
使用数组模板 template传递参数
-
使用缓存传递参数
-
使用数据库传递数据
============================================================================
-
onload() 页面加载时触发,只会调用一次,可获取当前页面路径中的参数
-
onShow() 页面显示/切入前台时触发,一般用来发送数据请求
-
onReady() 页面初次渲染完成时触发,只会调用一次,代表页面已经可以和视图层进行交互
-
onHide() 页面隐藏/ 切入后台时触发,如底部tab切换到其他页面或者小程序
-
onUnload() 页面卸载时触发,如:redirectTo 或者 navigateBack到其他页面时
总结
css
1,盒模型 2,如何实现一个最大的正方形 3,一行水平居中,多行居左 4,水平垂直居中 5,两栏布局,左边固定,右边自适应,左右不重叠 6,如何实现左右等高布局 7,画三角形 8,link @import导入css 9,BFC理解
js
1,判断 js 类型的方式 2,ES5 和 ES6 分别几种方式声明变量 3,闭包的概念?优缺点? 4,浅拷贝和深拷贝 5,数组去重的方法 6,DOM 事件有哪些阶段?谈谈对事件代理的理解 7,js 执行机制、事件循环 8,介绍下 promise.all 9,async 和 await, 10,ES6 的 class 和构造函数的区别 11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式, 12,介绍一下rAF(requestAnimationFrame) 13,javascript 的垃圾回收机制讲一下, 14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?