01 2017 档案

摘要:微信小程序视频播放和h5的video标签相同, 格式为:<video></video>. 其相关属性及其图文信息解析如下: 按钮相关: controls 显示默认播放控件(播放/暂停按钮、播放进度、时间) autoplay 自动播放 如果加上这个属性,包括弹幕在内的信息自动也自动显示 弹幕相关: d 阅读全文
posted @ 2017-01-22 11:54 司马懿是一朵小花 阅读(10489) 评论(3) 推荐(0)
摘要:微信小程序广告轮播元素<swiper></swiper> 图片所在元素<swiper-item>/swiper-item> 其中属性有: 图片更改事件:bindchange='imgchange' imagechange()的e.detail.current为当前显示页面的下标值 例子如下: wxm 阅读全文
posted @ 2017-01-20 14:38 司马懿是一朵小花 阅读(3641) 评论(0) 推荐(0)
摘要:如果屏幕中某元素的内容超过此元素的高度,可设置元素为scroll-view 为滚动状态元素,这样可以做到元素固定高度且元素内容滚动屏幕不滚动的效果; scroll-view标签的主要属性分为以下几种: scroll-x/y='true/false' 允许横向/纵向滚动 scroll-top/left 阅读全文
posted @ 2017-01-20 13:38 司马懿是一朵小花 阅读(18007) 评论(0) 推荐(1)
摘要:小程序的后台获取数据方式get/post具体函数格式如下:wx.request({}) 页面结果: 阅读全文
posted @ 2017-01-19 11:08 司马懿是一朵小花 阅读(69496) 评论(2) 推荐(3)
摘要:在小程序中,定义了一项工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤: 1:在utils被调用的js文件中,面向对象的方式模型输出: module.exports={要调用的函数名称:要调用的函数名称 }; 2:在要调用的js文件中模块化引 阅读全文
posted @ 2017-01-19 09:46 司马懿是一朵小花 阅读(37369) 评论(0) 推荐(1)
摘要:在微信小程序中,如果想把子页面设置成打开程序的第一眼页面而不是首页,只需要在公共json文件中的pages里面的第一位设置成你想要的页面路径即可: "pages":[ "pages/index/index",//把要放在启动第一位显示的页面路径放在此处。 "pages/logs/logs", "pa 阅读全文
posted @ 2017-01-19 09:17 司马懿是一朵小花 阅读(5314) 评论(0) 推荐(0)
摘要:小程序的事件主要有: touchtab 点击事件 touchstart 开始滑动 touchmove 滑动中 touchend 滑动结束 touchcancel 滑动中断 一般来电或其他弹出框使得滑动中断 小程序中的wxml中绑定事件有两种:以touchtab为例 ,在wxml中必须有bind/ca 阅读全文
posted @ 2017-01-18 17:03 司马懿是一朵小花 阅读(12133) 评论(0) 推荐(2)
摘要:一:插入图片 在小程序中插入图片html中的<img/>是无效的,小程序自定义的标签为 <image src=""></image> ps:1px=0.5rpx; 二: html元素应用 如果想用html原有的元素,必须在wxss中定义元素的display:block不然无法应用,且html元素的i 阅读全文
posted @ 2017-01-18 15:51 司马懿是一朵小花 阅读(7672) 评论(2) 推荐(1)
摘要:微信小程序中,如果几个页面中需要引用同一个header/footer,当定义了公共模板时,有两种引用方法如下: 方法一:在公共模板中定义template元素,利用<import/> 方法 ,这种方式只会显示公共模板的template里面的内容,之外的内容不会显示 wxml: <import src= 阅读全文
posted @ 2017-01-18 13:39 司马懿是一朵小花 阅读(8523) 评论(0) 推荐(0)
摘要:小程序的条件判断语句格式为: wx:if="{{xxx}}" if(){} wx:elif="{{xxx}}" else if wx:else="{{xxx}}" else] 同时如果通过true/false判断某元素是否显示或者隐藏,同样用wx:if=“{{xxx}}”来判断,xxx为true则显 阅读全文
posted @ 2017-01-18 11:18 司马懿是一朵小花 阅读(53098) 评论(1) 推荐(1)
摘要:微信小程序的数据的运算和显示和ng原理差不多,主要分为以下几种方式: 1: 字符串 2: 数字的直接加减 3:json对象 注意里面的对象名称不能出现‘—’不然在页面无法渲染 4:字符串拼接(包括数字) 5:直接定义id和class的名称等属性值 例子如下: wxjs: wxml: 页面结果: 阅读全文
posted @ 2017-01-18 11:12 司马懿是一朵小花 阅读(4272) 评论(0) 推荐(0)
摘要:微信小程序的在wxml的for循环和angularjs的循环方式相差不多,格式为:<view wx:for="循环体">{{index}} {{list}} </view> 这里的list是循环体里的数据的固定名称,index为循环数据的索引值即下标值的固定名称 如果是嵌套循环,很容易出现多个lis 阅读全文
posted @ 2017-01-18 11:07 司马懿是一朵小花 阅读(7452) 评论(0) 推荐(1)
摘要:一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息 方法如下: js: wxml: 阅读全文
posted @ 2017-01-17 16:47 司马懿是一朵小花 阅读(13517) 评论(0) 推荐(0)
摘要:Page({ data: { "headtxt":app.productshead()//调用公共appjs的方法 }, // 页面默认的函数 onLoad:function(){ // 页面加载函数(进入页面时候--每次进入此页面都执行) console.log("onLoad") }, onShow:function(){ // 页面显示函数(前台/后台或... 阅读全文
posted @ 2017-01-17 16:11 司马懿是一朵小花 阅读(507) 评论(0) 推荐(0)
摘要:在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下 子页面js: 公共js定义的方法: 阅读全文
posted @ 2017-01-17 11:09 司马懿是一朵小花 阅读(24657) 评论(0) 推荐(1)
摘要:参考icon 阿里巴巴矢量图库:http://iconfont.cn/ 阅读全文
posted @ 2017-01-17 10:37 司马懿是一朵小花 阅读(25092) 评论(0) 推荐(0)
摘要:这里的说的跳转方式是通过js跳转如下: wxml页面: <button bindtap="enternews" >进入新闻news页面</button> js页面: 如果在这种情况下无法实现跳转并出现can not navigate to tabBar page错误,很有可能是由于在底部tabbar 阅读全文
posted @ 2017-01-17 10:25 司马懿是一朵小花 阅读(18250) 评论(2) 推荐(4)
摘要:微信小程序关于底部footer部分,tabbar已经完成写好但是不显示,问题是在tabbar里面写的 "pagePath": "pages/logs/logs",的路径,必须在如下 "pages":[ "pages/logs/logs", "pages/news/news", "pages/inde 阅读全文
posted @ 2017-01-17 09:58 司马懿是一朵小花 阅读(14789) 评论(1) 推荐(0)
摘要:这种情况的原因是在要跳转到的页面的js文件中未建立Page()方法,如下: Page({ data: { logs: [] }}) 把以上信息写在js文件即可。 阅读全文
posted @ 2017-01-16 18:03 司马懿是一朵小花 阅读(6905) 评论(0) 推荐(0)
摘要:微信小程序在公共文件app.json中设置了导航栏相关样式如下: 其中 navigationBarTitleText 为设置导航栏名称,若是想子级页面和父页面的header页面不同,则在子级文件中新建一个配置文件.json 中配置 { "navigationBarTitleText": "新闻页面" 阅读全文
posted @ 2017-01-16 17:21 司马懿是一朵小花 阅读(21729) 评论(0) 推荐(0)
摘要:微信小程序新建页面的要素一是新建的文件名称和其子文件的名称最好一致,不然容易出问题,在小程序页面跳转中如果出现WAService.js:3 navigateTo:fail url not in app.json错误 要在app.json(公共文件中)建立页面跳转page.如下图 不管是跳转到哪个页面 阅读全文
posted @ 2017-01-16 17:07 司马懿是一朵小花 阅读(22266) 评论(0) 推荐(1)
摘要:1:编辑文档无法输入文字 出现这种情况一般是因为之前编辑的文档未保存,所有在其他文档输入的时候会自动输入到未保存的文档中,在文档暂时编辑完毕后要ctrl+s随手保存,不然会出现无法打字情况 2: 随时查看页面效果 看小树老师的视频是要点击调试-重新载入才能看页面效果,在开发中发现直接ctrl+s键就 阅读全文
posted @ 2017-01-16 16:04 司马懿是一朵小花 阅读(3843) 评论(0) 推荐(0)
摘要:微信小程序建立新项目之后会出现app.json文件未接入错误如下图: 一般是因为在下图添加新项目,项目目录这一列,如果不事先建立一个空的文件夹,直接选择则不会出现quickstartup界面 所以在建立微信小程序新项目的时候,项目目录这一块要选择在你新建的某个文件夹中,不然还会出现app.json错 阅读全文
posted @ 2017-01-16 14:55 司马懿是一朵小花 阅读(2322) 评论(0) 推荐(0)
摘要:$http方式既可以post方式也可以get方式索取数据,格式如下: post方式 阅读全文
posted @ 2017-01-12 17:17 司马懿是一朵小花 阅读(215) 评论(0) 推荐(0)
摘要:$http.post()比get方式多的一个参数为发送给后台的值,其他解释参照上一篇关于get方式解析,格式如下: 阅读全文
posted @ 2017-01-12 16:59 司马懿是一朵小花 阅读(1759) 评论(0) 推荐(0)
摘要:angularjs中$http.get()方法为动态从后台获取数据; 一:必须在控制器内注入$http 模型.controller('name',function($http){}) 二:格式为$http.get(url,config).success(function(data,status)). 阅读全文
posted @ 2017-01-12 14:45 司马懿是一朵小花 阅读(411) 评论(0) 推荐(0)
摘要:angularjs中ng-repeat循环类似于$.each功能,循环元素<div ng-repeat='p(循环体起名)in 循环体'>p.xxxxx(循环体操作)</div> 阅读全文
posted @ 2017-01-12 13:30 司马懿是一朵小花 阅读(249) 评论(0) 推荐(0)
摘要:angularjs 控制器旨在操作view页面数据,所有控制器必须在指定的模型中才能发挥作用,控制器构造方式为:模型名称.controller('控制器名称',function(注入){数据操作}) 一个页面可有多个控制器控制不同的元素: 阅读全文
posted @ 2017-01-12 13:05 司马懿是一朵小花 阅读(151) 评论(0) 推荐(0)
摘要:在angularjs中,花括号表达式里面可进行数字的加减,字符串的拼接,对象的提取和数组的提取如下形式: 阅读全文
posted @ 2017-01-12 11:38 司马懿是一朵小花 阅读(1882) 评论(0) 推荐(0)
摘要:ng-init为变量设置初始值,只要在ng-app范围内,对任何一其定义的变量均有效;其方式为ng-init="变量名称=‘变量值’";注意外边双引号,初始值要用单引号: 阅读全文
posted @ 2017-01-11 17:28 司马懿是一朵小花 阅读(4014) 评论(0) 推荐(0)
摘要:以下为angularjs 双向数据绑定用处之一:用户输入框输入信息,随着用户信息的输入,信息随时显示在某元素中 双向数据绑定如果不需要对输入数据有任何操作,只是把用户输入的信息显示在页面中,则不需要对<div ng-app=''>里面写任何任内,只需要谢伟空字符即可;一个为用户输入信息元素绑定ng- 阅读全文
posted @ 2017-01-11 17:04 司马懿是一朵小花 阅读(2481) 评论(0) 推荐(0)
摘要:当下无疑是信息技术的时代,google,facebook,apple的迅速发展与不可撼动地位的微软,无不反映信息技术在社会进步与科技发展所体现的独特且强大的推动作用,自毕业后我供职于一家指向于美国各大保险公司后台数据的纽约数据分析公司,当然,数据分析师在国内保险或金融行业来看,是极少的,或者小一部分 阅读全文
posted @ 2017-01-11 14:51 司马懿是一朵小花 阅读(175) 评论(0) 推荐(0)
摘要:echarts 官网关于中国地图,只有全国-省;省-市,没有中国-省-市-县四级下钻相关文献,echarts地图最重要一点是模块化相对于其他各个图形,一下为三级下钻部分代码包括各级别交互,望指点; 中国地图模块化部分js及各个图形联动: 阅读全文
posted @ 2017-01-09 14:46 司马懿是一朵小花 阅读(1425) 评论(2) 推荐(0)
摘要:H5- storage 可以在不同页面内进行数据传递数据信息,保证了数据传输不许后台交互即可在前端部分自我实现,以下为local storage 应用个人简析: * localStorage * setItem(key,value)方法 * 作用 - 存储数据 * 参数 * key - 标识(唯一, 阅读全文
posted @ 2017-01-09 11:29 司马懿是一朵小花 阅读(539) 评论(0) 推荐(0)
摘要:session storage 和local storage 都是存储在客户端的浏览器内; 一:关于COOKIE 的缺陷 * Cookie的问题 * 数据存储都是以明文(未加密)方式进行存储 * 安全性低 * 不能存储中文,只能是英文或数字 * 单个Cookie的大小有限制,最大4KB * 浏览器存 阅读全文
posted @ 2017-01-09 11:25 司马懿是一朵小花 阅读(3629) 评论(0) 推荐(0)
摘要:前些时候一直用cookie等来进行登录页面记住面膜操作,但是由于其存储容量小等缘故,所以后来转向local storage,原理为:当用户勾选记住密码时,local storage 存储用户名密码同时存储记住密码checked,反之则为空;以下为我关于记住密码操作的代码分享 html部分 阅读全文
posted @ 2017-01-09 11:00 司马懿是一朵小花 阅读(1381) 评论(0) 推荐(0)