- 博客(16)
- 收藏
- 关注
原创 初试--小程序页面交互
bindtap事件:点击 button 按钮的时候,希望界面显示 "Hello World",于是在 button 上声明一个属性: bindtap ,在 JS 里声明 clickMe 方法来响应点击操作:调用API:wx.showToast(Object object)显示消息提示框wx.scanCode(Object object)调起客户端扫码界面进行扫码wx.sh...
2019-11-22 20:04:42
249
原创 wxss--样式表
WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。对比web样式表:WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS做了一些补充以及修改。小程序中的样式文件一共分为两个级别/两类:提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,可以写一个 a...
2019-11-22 19:33:15
1305
原创 WXML标签---html--template模板
WXML和 HTML 非常相似,WXML 由标签、属性等等构成。但是也有很多不一样的地方,下面来一一阐述一下:(1)标签名不一致 HTML 经常会用到的标签是 div, p, span,开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件, 例如弹窗等等。既然都需要这些组件,那干脆把这些常用组件包装起来,大大提高开发效率。 小程序的 WXML 用的标签是 view, butt...
2019-11-22 19:06:12
1636
原创 Ajax--请求五步法
ajax请求五部曲1、创建XMLHttpRequest异步对象:有两种方式,主流浏览器方式和兼容IE低版本。之所以要兼容IE低版本是因为ajax技术的推广使用主要得力于IE(微软)。主流浏览器var xhr = new XMLHTTPRequest();console.log(xhr)兼容IE低版本方式var xhr = new Activeodject("Microsoft....
2019-11-15 15:18:55
329
原创 Ajax--简介
ajax简介 ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式. AJAX代表异步JavaScript和XML,它是一组web开发技术,允许web应用程序异步工作,在后台处理对服务器的任何请求等等 JavaScript是一种流行的编码语言,在其功能中,JavaScrip...
2019-11-15 14:37:09
212
原创 GML、SGML、HTML、XML、XHTML、HTML5
ajax简介ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式.AJAX代表异步JavaScript和XML,它是一组web开发技术,允许web应用程序异步工作,在后台处理对服务器的任何请求等等JavaScript是一种流行的编码语言,在其功能中,JavaScript管理网站...
2019-11-15 08:26:00
1384
原创 微信小程序(json配置文件)
配置文件后缀:.json,文件格式遵循JSON语法规范作用:对微信小程序进行全局配置,设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等分类:小程序全局配置文件app.json和页面配置文件page.json小程序配置文件app.json小程序/全局配置文件------>pages属性作用:用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(...
2019-11-13 20:07:24
730
原创 DOM操作API--全局属性
js之前获取dom方式:JS方式:jQuery方式:API获取方式:document.querySelector(".replace")该方法仅仅返回匹配指定选择器的第一个元素,即返回单个元素document.querySelectorAll(".replace") [ 0 ]该方法返回所有满足条件的元素,结果是个nodeList集合querySelector 和 query...
2019-09-27 15:42:33
187
原创 全局拖拽属性draggable
draggable全局拖拽属性—规定元素是否可拖动链接和图像默认是可拖动的,不需要 draggable 属性源对象与目标对象源对象drag:指的是鼠标点击后拖拽的一个事物对象,这里可以是一张图片、一个DIV区域、一段文本、一个文件等等。目标对象drop:指的是拖动源对象后移动到一块区域对象,源对象可以进入这个区域,可以在这个区域上方悬停(未松手),可以释松手释放将源对象放置此处(已...
2019-09-27 15:27:32
1069
原创 h5---表单---新增控件类型
新增的有哪些控件:1.email、2.url、3.number、4.range5.Date pickers (date, month, week, time, datetime, datetime-local)6.search、7.color、8.teltype=“number”type=“range”type=Date Pickers(日期选择器)type=”tel”t...
2019-09-25 16:12:55
550
原创 H5新增功能性标签、与结构性标签
H5H5是包括HTML、CSS和JavaScript在内的一套技术组合,是HTML最新版本,2014年10月由万维网联盟(W3C)完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。H5的8大特性:语义化、离线&存储、设备访问、通信、多媒体、图形和特效、性能和集成、呈现(CSS...
2019-09-24 17:04:41
575
原创 meta元标签
meta分类标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。语法如下:<meta http-equiv="Content-Type" content="t...
2019-09-19 18:56:56
285
原创 css---格式化上下文
BFC( Block Formatting Context)BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)首先要明确BFC是什么意思,其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”。在解释 BFC 是什么之前,需要先介绍 Box、For...
2019-09-10 19:38:56
188
原创 css3项目属性——弹性盒布局(骰子)
项目属性设置容器内项目相关样式,用于设置项目的尺寸、位置,以及对项目的对齐方式做特殊设置。项目元素属性集合:order、flex-grow、flex-shrink、flex-basis、flex、align-selforder属性设置项目沿主轴方向上的排列顺序,数值越小,排列越靠前,属性值为整数flex-shrink属性时当项目在主轴方向上溢出,通过设置项目收缩因子来压缩项目适应容...
2019-09-10 18:53:52
978
原创 css3布局容器属性
flex概念 flex的概念最早是在2009年被提出,目的是提供一种更灵活的布局模型, 使容器能通过改变里面项目的高宽、顺序,来对可用空间实现最佳的填充, 方便适配不同大小的内容区域。flex不单是一个属性, 还包含了一套新的属性集属性集包括设置容器和项目两部分主轴与交叉轴容器与项目元素容器属性:flex-flow、flex-direction、flex-wrap、justify...
2019-09-09 20:26:30
577
原创 css3物理与逻辑像素
移动端开发经常遇到一些概念:物理像素、逻辑像素、像素密度、像素比等,本节来详细介绍下。屏幕尺寸、物理像素/屏幕分辨率/物理分辨率、逻辑像素DIP、像素密度PPI、像素比DPR、视网膜显示屏Retina、vw、vh等。vw、vh vw和vh是css3中的新单位,是一种视窗单位,在移动端中也同样适用。 ①窗口宽度固定为100vw,将窗口宽度平均分成100份,1份是1vw ...
2019-09-09 19:45:23
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅