![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
日报
·Mr.zuo
这个作者很懒,什么都没留下…
展开
-
微信小程序(页面用户行为)
目录(1)页面构造/注册器Page()(2)页面注册器参数data初始化数据页面生命周期页面用户行为其他(3)页面用户行为前言注册页面:对于小程序中的每个页面,在页面对应的 page.js 文件中调用 Page 方法注册页面示例作用:指定页面的初始数据、生命周期回调、事件处理函数等。页面的用户行为:小程序宿主环境提供了四个和页面相关的用户行为回调页面构造/注册器...原创 2019-11-27 19:37:35 · 451 阅读 · 0 评论 -
微信小程序(页面生命周期)
目录(1)页面构造/注册器Page()(2)页面注册器参数data初始化数据页面生命周期页面用户行为(3)页面生命周期及顺序前言注册页面:对于小程序中的每个页面,在页面对应的 page.js 文件中调用 Page 方法注册页面示例作用:指定页面的初始数据、生命周期回调、事件处理函数等。页面的生命周期:页面生命周期函数就是每进入/切换到一个新的页面的时候,就会调用...原创 2019-11-27 19:23:08 · 201 阅读 · 0 评论 -
微信小程序(逻辑层与程序注册构造器)
目录(1)小程序逻辑层 App Service(APP服务)(2)ServiceWorker(3)web worker(4)程序构造/注册器App()前言逻辑层 App Service(APP服务)小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层,同时接受...原创 2019-11-27 18:56:28 · 392 阅读 · 0 评论 -
微信小程序(跳页之tabBar导航跳转)
tabBar小程序导航简介:小程序是一个多tab标签应用(客户端窗口的底部或顶部有tab栏可以切换页面),可以通过Tabbar配置项指定tab栏的表现,以及tab切换时显示的对应页面。小程序根目录下的 app.json 文件用来对微信小程序进行全局配置在小程序配置文件里面可以设置tabBar属性:看个简单的案例效果:接下来挨个看下tabBar配置项下的属性:tabBar配置...原创 2019-11-25 14:39:50 · 451 阅读 · 0 评论 -
微信小程序(小程序模型与宿主环境)
目录(1)小程序模型(2)模型基本工作方式(3)数据驱动(4)通信模式(5)WebView(6)JsCore(7)宿主环境前言小程序可以调用宿主环境/微信提供的微信客户端的能力,这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。小程序的运行环境分成渲染层和逻辑层, WXML 模板文件和 WXSS 样式文件工作在渲染层,JS 逻辑文件工作在逻辑层。渲染案例渲...原创 2019-11-25 14:28:28 · 1428 阅读 · 0 评论 -
微信小程序(适配小结、移动端1px与选择器权重)
WXSS选择器权重与优先级WXSS优先级与CSS类似,权重如下图所示权重越高越优先。在优先级相同的情况下,后设置的样式优先级高于先设置的样式权重案例:适配小结针对上节介绍的物理像素与逻辑像素相关概念,本节再来做个小结,简单做下回顾关键词:物理像素dp(1)物理像素(physical pixel)物理像素又被称为设备像素(device pixel简称dp)他是显示设...原创 2019-11-21 18:34:26 · 795 阅读 · 0 评论 -
微信小程序(布局适配与物理逻辑像素)
前言移动端开发经常遇到一些概念:物理像素、逻辑像素、像素密度、像素比等,本节来详细介绍下关键词:屏幕尺寸、物理像素/屏幕分辨率/物理分辨率、逻辑像素DIP、像素密度PPI、像素比DPR、视网膜显示屏Retina、rpx、vw、vh等。屏幕尺寸华为荣耀7图上写的是5英寸。那么这个5英寸到底是怎么算出来的呢?先进行一下单位的换算1英寸(inch)=2.54厘米(cm)屏幕尺寸指...原创 2019-11-21 17:19:33 · 768 阅读 · 0 评论 -
微信小程序(WXML模板文件二)
目录(1)循环指令key属性补充(2)wx:if条件变异指令(3)<block>标签(4)hidden隐藏元素(5)模板(6)引用(7)共同属性循环指令key属性补充Vue和React框架用遍历指令时的key值不建议用index(1)key值在没有删除插入操作时只要是唯一值也无所谓,即此时为index索引也可以(2)如果有删除或者插入的操作,后一位会继承删掉...原创 2019-11-21 16:39:58 · 374 阅读 · 0 评论 -
AJAX之jQuery操作
jQuery之AJAX日常开发里为了提高开发效率,一般会使用框架中的AJAX语法,例如经常使用的jQuery,也给我们封装好了AJAX的一些语法操作,而且jQuery也封装了JSONP跨域。几种常用的方式.ajax,.ajax,.ajax,.post, $.get, $.getJSON...原创 2019-11-20 19:44:59 · 665 阅读 · 0 评论 -
AJAX之JSONP跨域
前言本节讲解下利用JSONP实现百度智能搜索案例需求:输入框输入关键字同时,会利用AJAX不断跟后台进行交互,进而实现局部更新页面关键词功能,因为涉及跨域,所以这里用JSONP方式解决接口URL:https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/?wd=&cb=因为百度搜索接口不太稳定,接下来改用电商接口淘宝商品搜索建议...原创 2019-11-16 16:06:11 · 237 阅读 · 0 评论 -
AJAX之封装+跨域
AJAX5步法先简单回顾下之前所说的5步法1、创建异步对象XMLHttpRequest/*(1)创建XMLHttpRequest异步对象*/ var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject("Microso...原创 2019-11-16 15:34:45 · 270 阅读 · 0 评论 -
AJAX请求5步法
目录(1)AJAX请求步骤(初版)(2)AJAX请求类型(3)跨域+CORS+Network(4)JSON序列化与反序列化/解析(5)AJAX请求步骤(微调)AJAX请求步骤AJAX请求5部曲:(1)创建XMLHttpRequest异步对象(2)设置回调函数,针对不同的响应状态进行处理 —监听Ajax的状态readyState的改变事件onreadystatechange...原创 2019-11-15 15:41:11 · 503 阅读 · 0 评论 -
AJAX简介与原理
关联网址(1)聚合数据https://www.juhe.cn/docs/api/id/39—天气(2)JSON API免费接http://www.bejson.com/knownjson/webInterface/目录(1)AJAX简介(2)AJAX应用案例(3)传统验证方式(4)AJAX验证方式(5)AJAX通俗理解+工作方式ajax简介(1)什么是AJAX?正...原创 2019-11-14 19:25:03 · 323 阅读 · 0 评论