Hao-Z-Y-CSDN博客

原创小程序事件传参

button绑定事件：<button size="default" type="primary" plain="true" bindtap="send" data-id="{{id}}" data-read-id="{{readId}}">事假传参</button>传递参数：send(e) { console.log(e); console....

2019-05-27 16:16:23 1129

原创小程序已授权之后，自动获取用户信息

index.wxml:<view class="Box"><button wx:if="{{canIUser && !hasUserInfo}}" size="mini" type="primary" plain="true" loading="true" open-type="getUserInfo" bindgetuserinfo="getUserIn...

2019-05-23 11:55:06 5441

原创小程序手动获取用户信息

wxml：<view class="Box"> <image class="avatar" src="{{userInfo.avatarUrl}}"></image> <text>{{userInfo.nickName}}</text> <button size="mini" type="primary" plain="...

2019-05-23 09:47:36 443

原创小程序自定弹窗

wxml<view bindtap="showRule">点击出现弹窗</view><view class="cover {{isRuleTrue?'isRuleShow':'isRuleHide'}}"> <view class="window"> <image class="PopupWi...

2019-05-22 17:17:59 150

原创小程序Tab切换

懒得去接口重新写了，如果有需要的自己去一下接口wxml：<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav"> 待支...

2019-05-22 16:54:11 731

原创清除小程序swiper组件的滚动条

结构如图：css样式：.section-area ::-webkit-scrollbar { width: 0; height: 0; color: transparent;}

2019-04-30 11:13:33 595

原创小程序生命周期

通俗的讲，生命周期就是指一个对象的生老病死。从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期、页面生命周期、应用生命周期影响页面生命周期应用生命周期用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。 ...

2019-02-21 18:14:28 229

原创 bootstrap面试题

bootstrap的栅格模型 <div class="container"> <div class="row"> <div class="col-xs-6"></div> <div class="col-xs-6"></div&

2019-02-21 17:23:32 2776

原创 JS面试题

通过js数组去重问题方法一：使用双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){...

2019-02-21 17:06:03 112

原创跳转页面后特定元素获得焦点事件

类名为con_text的元素获得了焦点document.querySelector(".con_text").focus();id为con_text的元素获得了焦点 document.querySelector("#con_text").focus();

2019-02-12 15:43:24 469

原创移动端项目如何在手机上查看效果（通过tomcat）

第一步：安装tomcat 安装步骤第二步：将项目放在tomcat下的webapps这个文件下面第三步：查询自己的ip信息方法一：在设置中查找方法二：通过CMD命令查询第四步：在tomcat下的conf文件夹中找到server.xml文件通过记事本或者其他代码编辑器打开找到端口号，一半的情况下都是...

2018-11-27 18:26:44 4468

原创仿仿滴滴时间控制选择器(前端-移动端)

效果 HTML<body> <div class="time-box"> <div> <span class="time_span1">上门时间：</span> <input type="text" id="time" readonly

2018-11-20 18:00:34 2237 1

原创定时器轮播

<div class="step"> <div class="container"> <div class="row "> <div class="col-lg-1-8 step-middle"> <img src="IMG/product-img24.png"&

2018-11-09 14:43:34 187

原创 input对象获得焦点后自动把光标移到内容最后

直接将项目的部分代码放上来了，懒得重新写了今天在写一个公众号的页面用到输入金额的input的框，但是发现当我给input的框添加焦点事件（也就是绑定focus()）的时候发现光标总会添加到input输入框内容的最左边。<div class="new-ser"> <div class="row"> <div class="col-xs...

2018-11-09 00:32:07 14950

原创 $.ajax()参数及标准写法

1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。...

2018-10-25 13:42:28 704

原创禁止遮罩层下屏幕滚动

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxi

2018-10-24 19:09:52 1114

原创 JS控制网页滑动顶部导航条变色

<!doctype html><html lang="en"> <head> <meta charset="UTF-8">  <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js&quot

2018-10-23 16:59:42 8575 1

原创 bootstrap栅格布局五等分/八等分（参考Bootstrap的栅格写法）

五等分：<style type="text/css">.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 { position: relative; min-height: 1px; margin-right: 10px; margin-left: 10px;}.col-xs-1-5 { width: 18%;...

2018-10-09 20:37:53 5095 1

原创 Sublime Text3 快捷键

文件ctrl+shift+n 打开新Sublime ctrl+shift+w 关闭Sublime，关闭所有打开文件 ctrl+shift+t 重新打开最近关闭文件 ctrl+n 新建文件 ctrl+shift+s 另存为 ctrl+f4 关闭文件 ctrl+w 关闭基本编辑ctrl+k, ctrl+b 切换侧边栏显示状态 f11 切换全屏状态 backspace ...

2018-09-28 17:35:25 220

Hao-Z-Y