haha有仙女-CSDN博客

原创 sendAjax.小程序登录封装

sendAjax首先，会接受三个参数第一个参数为请求前的必要的数据（接口地址，需传参数等）默认method为POST（特别调整了method值传入为大写） data为{}第二个参数为回调函数（在调用之前，成功后，完成后）默认调用前加正在加载提示，防止重复点击完成后关闭正在加载提示（特别：调用前的回调，是自己加的。）第三个

2017-12-29 17:01:35 1342

原创 git 提交代码

正常状态下，远端分支：master主分支 develop 开发分支本地分支：master 基本不会去用的分支 develop 与远端develop分支联系的分支 dev 本地开发分支提交顺序：//在本地dev分支下//切换本地develop分支下$git checkout develop

2017-12-29 16:30:20 238

原创在全局下存全局变量注意点

背景：在做小程序的时候，有一个shop的接口基本每个页面都要调用，所以把它拿出来，放在App.js下但在这个过程中，对需考虑全面的问题，做笔记保存。 1.因为只在App.js下，调了shop接口，而在其他子页面，需用到shop存下的全局变量，所以当次此接口没有成功调用或者异步没有同步快，则会使整个程序。。。 2.尽量存的全局变量要少，精简解决：令全局变量初始为null，在之后的页面判断是否存

2017-12-15 09:24:22 925

原创小程序wxss公用模板

text,view,swiper,icon,button,checkbox-group,checkbox,input,label,picker,radio-group,radio,slider,switch,textarea,navigator,image,video,audio,map{ box-sizing: border-box;}page{ background-co

2017-12-02 09:23:17 3623

转载小程序跳转刷新

wx.switchTab({ url: ‘../index/index’, success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); } }) switchTab成功跳转后调用succes

2017-10-28 15:20:11 2373

转载 CSS深入理解vertical-align和line-height的基友关系

CSS深入理解vertical-align和line-height的基友关系

2017-10-21 10:18:11 242

原创小程序实现通讯录查询

实现效果思路拿到后台数据。 eg： cardArr :[ { name: 'aaa' }, { name: '艾伦' }, { name: '2爱妻' }, { name: 'bc' }, { name: '吧呀' }, { name: '笔试' }, { name: 'cda' },

2017-10-18 16:05:17 14354

弹窗的问题。alert(); 说明执行完了就被回收了！confirm() 点击确定返回true（真），点击取消返回false（假）prompt() 点击确定返回输入框里输入的内容。点击取消返回null（空）变量定义不赋值（系统会在内部默认赋值undefined）document.write()往body的里追加内容。window.onload=函数；当页面里的所有内容加载完成后，才执行。注意，如果说

2017-10-08 00:33:17 247

原创 js基础笔记01

代码打印alert()console.log()js代码要写在script标签里script的位置任意，根据规范，一般写在body结束标签之前。弹窗alert（）只有一个确定按钮confirm（）比alert多了一个取消按钮。prompt（）比alert多了一个取消按钮，还多了一个类似input的输入框注释单行注释： //多行注释：/* */通过id获取标签document.getE

2017-10-08 00:26:28 246

原创 bind的IE678的兼容写法

注意：必须写在最前面。if(!-[1,]){ Function.prototype.bind=function (oThis) { var objbind = this; //将arguments变成数组 var arg = [].slice.call(arguments,1); retu

2017-10-07 21:25:15 296

原创 js鼠标滚轮事件兼容

问题：滚轮事件 * onmousewheel * 不兼容火狐 * * DOMMouseScroll * 只支持火狐 * * e.wheelDelta;（120的倍数） * 记录滚动事件的方向 * 负值是往后拉 * 正值就是往前推

2017-10-05 18:37:39 418

原创阻止默认事件（禁止复制）

e.preventDefault()清除默认事件不兼容IE678e.returnValue=false; 清除默认事件只支持IE678return false 也可以清除默认事件无兼容问题禁止复制清除选中事件时 * 标准浏览器可以直接禁止鼠标按下事件的默认事件即可，但是IE678 不能，只能使用

2017-10-05 18:29:40 509

原创 js事件冒泡

当进行事件触发时（eg：onclick），事件会往自身上面传递。即：当一个动作触发多个事件时（点击box的动作，会触发box绑定的onclick事件，也会触发document上的onclick事件），此时会触发两个事件。阻止冒泡，即可只触发box上的一个事件。（e.cancelBubble = true；）具体事例 1.实现目标：一个按钮，点击后会出现一个列表。

2017-10-05 18:16:57 197

原创事件捕获

事件在传递时，会有一个触发顺序。注意：只有在标准浏览器下才有事件捕获的概念。典型例子：<style> *{margin:0;padding:0;font-family: Microsoft YaHei,serif;} li{list-style: none;} #box3{ width:200px;

2017-10-05 18:02:11 340

原创 js判断是否为IE678简易办法

var a = !-[1,];if(a){ alert("我是IE678")}原理介绍： alert([1,].length);//数组长度的判断，IE678会解析逗号，多一位长度1.在IE678，会弹出2，其他，会弹出1。 2.当-[1,]时，会强制转换类型，将数组转换为数字， IE678为NaN，其他为-1。 3.NaN为false， -1为true

2017-10-05 17:52:59 617

原创原生js添加事件（兼容）

绑定事件document.onclick=function () { alert(1); }解除事件 document.onclick=null; document.onclick=function () { alert(2) }添加事件addEventListener() 对象 . addEventListener(

2017-10-05 17:44:53 498

原创 git管理项目思想

首先，说明github存在的意义。当我们在开发一个项目时，往往不会只自己一个人进行开发。会和其他人合作，共同开发。这个时候，我们常需要知道其他人开发的进度，要把自己的代码，和别人的代码进行合并。此时，你总不能拿个U盘考来考去。费劲的看他在那里加了什么，，然后手动的复制粘贴吧。。。这个时候就显示了github的重要性。github在网上给我们提供了一个地方，放我们的代码。你可以在github上建一个

2017-09-07 22:16:57 287

原创 vue用法总结

传给后台file文件filesChange(name,files){ //file格式 var params = new FormData(); params.append('picture', files[0]); uploadPicture(params).then(r

2017-09-05 20:44:01 552

原创 vue 页面跳转，传数据

出数据页面exchange(){ this.$router.push({path:'/shoppingconfirm',query: { mall_id: this.mallres.mall_id , name:this.mallres.name,

2017-09-05 20:39:53 1806

原创 vue热点新闻轮动

html<div class="news" v-bind:class="{ active: isActive }"> <i class="fl"></i> <div class="scroll-wrap news_con"> <img src="../../assets/images/icon/laba.png">

2017-09-05 20:31:42 602

原创 vue mint-ui tabbar变组件使用

新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]"> 主页 </mt-tab-item> <mt-tab

2017-09-05 17:14:16 1185 3

原创 vue+mint ui+省市区三级联动（编辑地址）

先去下载一个“省份、城市、区县” 三级联动数据存为json引入页面import s from '../../components/address.json';html使用mint ui中的 mt-field以及mt-popup，点击所在地区，上选框出现。<mt-field @click.native.capture="getAreaList" class="bor-b" label="所在地区" t

2017-09-05 16:54:00 1525 1

原创时间版运动框架（匀速改变样式）

#box{ position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: pink; opacity: 1; }<div i

2017-08-28 21:12:30 273

原创速度版运动框架（获得属性+requestAnimationFrame请求动画帧）

2017-08-28 20:57:32 1006

原创 requestAnimationFrame()请求动画帧的兼容IE9及以下写法

兼容性IE9及以下与setTimeout()对比不需要设置时间间隔，会贴合浏览器的刷新频率。在切到另外的页面时，会停止运动。（sertTimeout还会运行，但速度变慢）<head> <meta charset="UTF-8"> <meta name="Author" content="FengYu"> <title>1</title></head><script>

2017-08-28 20:33:00 4222

原创 js获取元素样式嵌入css样式

js获取元素样式嵌入css样式获取实例样板objstyleattr对象offsetWidthgetComputerStyleobjattrobjcurrentStyleattr获取对象属性的方法封装方法一方法二js获取元素样式（嵌入css样式）获取实例样板css:<style> #box{ width:100px; height: 1

2017-08-26 23:14:58 839

yiting123456789的博客