- 博客(19)
- 收藏
- 关注
原创 微信小程序---2.循环遍历(img)
在wxml页面中1. 最外层包裹的是 微信所有的block标签,设置wx:for=””(需要循环的数组)、wx:for-item=””(接收需要循环的key与key值的变量)、wx:for-index=”” (循环key值的下标,索引,可以是index,也可以是id)、设置key值(可绑定index值,若想获取当前数组而不是index,则使用*this的方式绑定)2. 在第二层,也就是接收数据的位...
2018-05-26 21:27:17 21373 17
原创 webstorm中git结合码云的使用
一、 websotorm中git的分布二、无新建文件1.respository---pull 选择需要pull的分支,如develop进行pull2.commit -m "提交本地分支" {建议选择commit and push,若只是选择了commit,则单独走一次第3步}3.respository---push4.在网站上进行 pull Request,进行合并请求...
2018-05-19 11:44:58 6302 3
原创 微信小程序 本地存储及调用
一、本地存储//建议:在选择图片或文件后立即进行本地存储,如图片,我使用的是异步存储wx.setStorage({ key: 'Imgs',//自己去的key名,必须有,因为调用时会用到 data: tempFilePaths //及接收储图片或文件地址的变量 })二、本地调用//建议:在某项点击事件...
2018-05-07 20:06:22 11168 1
原创 微信图片选择及上传
一、图片选择及上传①.选择wx.chooseImage({ sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都可以 success: function (res) {//这里放置:1.let objcet = res.xxx2.wx.showToast({ title: '//弹出的标题,亦可设置img图片...
2018-05-07 19:45:51 929
原创 git新建&上传&删除库的方法
一、新建&提交(这里我用的是gitBash.gif)1. git config --global user.name "你自己的github的名字"2. git config --global user.email "你自己的github的邮箱"以下内容全部在所需上传的文件夹中操作1. git init (初始化git)2....
2018-04-20 23:19:19 246
原创 VUE2.0-5-安装elment+vue2.0
一、安装 nodejs 环境二、安装 vue-cli VUE的脚手架工具 npm install -g vue-cli三、npm install四、npm run dev五、安装 element1.安装工具 npm run dev2.从 GitHub 拉取最新代码 npm i https://github.com/ElementUI/theme-chalk -D3.配置main.jsimport...
2018-03-29 11:41:15 163
原创 VUE2.0-4-computed 属性和 watcher
一、computed 属性和 watchercomputed属性:存放更改原属性值的位置A.花括号内是一个函数,包含return this(指向实例)B.前端直接调用computed属性中的函数或方法,更改原始值,则,vomputed的值也会随之更改如:HTML:<div id="app"> <p>{{ Ac }}</p><p>{{ rA }}<...
2018-03-28 17:55:59 474
原创 VUE2.0-3-实例
一、语法:var vm = new Vue({})二、对象1.data:(创建实例时,会把所有值都反应到页面中)A、设置:var data = { 属性: 属性值}/[{ 属性: 属性值},{ 属性: 属性值},{ 属性: 属性值}...]B、添加到实例上:var vm = new Vue({data: 设置属性属性值的名})// 1.vm.属性 = data.属性 // 2.改变属性值,都会影响...
2018-03-28 15:35:17 112
原创 vue2.0-2-创建组件
HTML:被调用组件的名称作为标签,标签内包含:v-for="item in 需要循环的数据列表里面"v-bind:todo="循环的内容"v-bind:key="key值"js文件中:1.新建组件。component()方法① Vue.component('组件的名称[一般以A-B的形式出现]',{props(连接子组件和父组件的接口):['标签'],template:'<标签>{{...
2018-03-28 14:33:30 310
原创 VUE2.0-1-VUE 渲染
1. 简单页面渲染 设置id js文件中。用 el和data 控制id 级需要渲染的内容,如:html:<div id="app"></div>js: var app = new Vue({el:“#app”,data:{message:‘显示内容’}})2.动态绑定 v-bindhtml: v-bind:title/text ="对应js文件中data里的属性"显示出来...
2018-03-28 12:04:21 109
原创 VUE-2-VUE安装
Vue-cli一、概念Vue的脚手架(编写基础的代码)工具二、作用1. 目录结构2. 本地调试3. 代码部署4. 热加载5. 单元测试等三、安装1.确定node版本在稳定版本即(4.4.5以上)2.安装(一定要是全局!!!)Mac系统环境下:sudo npm intsall -g vue-cliwindows环境下: npm install -g vue-cli3. 测试是否安装成功4. 安装对应...
2018-03-25 17:11:00 1512
原创 VUE-1-核心
一、MVVM框架:model:数据(js)View:试图(Dom)viewModel:(通讯:) 概念:针对复杂逻辑的前端应用提供基础的架构抽象通过Ajax数据持久化二、Vue.js概念:1.轻量级MVVM框架2.数据驱动+组件化的前端开发3.社区成熟三、Vue angular reacet 对比1.Vue 大小20+k angular 50+k react 40+k2.vue 更好上手3.an...
2018-03-24 17:42:06 165
原创 微信小程序--1准备
1.准备微信开发账号(注册,打开文档)微信开发者工具文档(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432)微信开发者工具下载(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html) 2.开发工具的使用基本使用:清除缓存:工具---清...
2018-03-15 14:49:47 172
原创 H5触屏事件
方法1手机端:touchstart touchend touchmove2.pc端:mousemove mouseup mousedown click例子(让事件按顺序执行) var body = document.getElementsByTagName("body"); body = body[0];//Mozilla系列(即H5);//手机端body .addEventListener...
2018-03-01 13:46:46 893
原创 Ajax
1.请求方式:iframe jsonp语法:<script src ="xxxx.js></>(可加载其他域的数据)跨域请求的方法:header(‘Access-Control-Allow-Origin:'被请求的地址','需要跨域请求的地址');header(‘Access-Control-Allow-Origin:'*');//任何一个域都可以i请求当前位置的数据;...
2018-03-01 13:01:34 127
原创 图片制作icon
base64格式1.优势: 减少请求。 加快首屏数据的 显示速度;(把信息提前放在了css中)2.语法: bg:url(data:image/png;base64,图片的数据信息。。)css3:1.优势: 体积更小,合适于WebApp2.问题:不太容易维护3.常用属性border-radiusbox-shadowtransform4.用与:常规不复杂的图片...
2018-03-01 12:40:13 176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人