晓凤凤-CSDN博客

原创 JavaScript之数组

数组是JavaScript的原生对象，它的元素可以是任何类型的数据。创建数组的方式有var arr=new Array(); var arr=[]; 两种方式，但是比较常用的是第二种。数组有自己原生的方法和属性常用的属性是arr.length，就是数组的长度。数组的添加和删除方法有push()，pop()，shift()，unshift();还有splice（）和sli...

2018-08-24 14:54:14 88

转载移动端HTML5导航栏吸顶：IOS（sticky）和Android两种实现方式

2019-11-09 14:24:18 1221

原创封装小程序的请求

const baseUrl = app.globalData.url; //服务器地址const http = ({ url = '', param = {}, ...other } = {}) => { wx.showLoading({ title: '请求中，请耐心等候..' }) let timeStart = Date.now(); return new ...

2019-08-14 15:56:31 227

原创小程序接入腾讯IM一登录

登录即时通信 IM 控制台获取到登录时需要的sdkAppID。在小程序utils里创建webim_handler.jsvar webim = require('./webim_wx.js') //下载im的js，并引入 var selToID, currentMsgsArray, that;function login(callback) { getSig().then(res ...

2019-08-14 15:38:18 3182 1

转载小程序获取formId，submit事件被绑定事件打断

当前环境：微信开发者工具v1.02.1804102，win10 .最近碰到一个问题，我在小程序搜集formId，按钮操作之后会跳转页面，部分代码如下<view class="item flex-cell" bindtap='nextPage'> <form bindsubmit...

2019-01-28 17:25:40 563

原创小程序采坑记（九）组件通信

通常我们写小程序页面的js文件时，里面是小程序的生命周期函数和data但是在组件的js文件里面是Component（{}）通信方式一：properties，其实和vue的props一样。properties主要就是用于组件和页面，或者组件和组件的通信，你可以设置属性的类型和默认值。<video-tencent url='{{item.videoUrl}}' coverUrl='...

2019-01-26 16:24:24 216

原创小程序采坑记（八）组件模板

组件模板和平时写小程序页面一样，创建四个文件，.js，.json，.wxml，.wxss你也可以把这四个文件用一个合适名称的文件夹装起。只要在调用的时候，路径写正确就可以了。当一个页面要当做组件使用时，需要在json文件中设置“component”：true。使用组件时，要在使用组件的页面的json文件中设置“usingComponent”,这是一个对象，键是引用组件的名称，值是组件的路...

2019-01-26 15:21:15 149

原创小程序采坑（七）video，视频固定顶部，和腾讯视频一样的效果实现

video如果用fixed属性固定在页面顶部，在手机上滑动时，视频会跟着滚动，并且会在顶部留下一个黑匣子。这里我们不用fixed属性，而是把页面分为两部分，上部分为视频，下部分为滚动区域，滚动区域用scroll-view包裹，给scroll-view组件设置固定高度，并在在页面的json文件中设置禁止页面滚动就可以啦。。。上代码wxml<view class='video'>...

2018-11-30 09:07:48 2142

原创时间戳转换为年月日，时分秒

通常后台给我们返回的时间数据都是时间戳，在前台显示的话需要转换格式。 // 时间转换方法 function format(time, format) { var t = new Date(time); var tf = function(i) { return (i < 10 ? '0' : '') + i }; return forma...

2018-11-26 17:28:08 2605

原创小程序采坑记（六）分享到朋友圈

小程序目前没有转发到朋友圈的功能，所以只能是保存到用户的相册，让用户自主发朋友圈。点击分享到朋友圈的提示按钮，弹出需要保存到用户相册的图片，这个图片是后台提供的网络图片。 // 分享到朋友圈 shareFriendsCircle: function() { var that = this; that.setData({ flag: true, })...

2018-11-03 14:06:18 246

项目当时有个需求是，在详情页面点击关注，要把关注的内容传给首页显示出来，开始的时候，我以为是把数据传给后台，显示关注成功就可以了，这样只能实现页面刷新时，可以在首页显示关注的内容，但是需求不是这样的，是要在点击了关注后，返回首页时就显示出来，没有刷新，也没有重新请求数据。首先是在小程序的公共逻辑页面app.js里面加上这两个方法。然后是在你需要传数据的页面调用setChangeData（）方...

2018-11-03 13:17:35 711

转载微信小程序WXML页面上直接进行字符串截取实现方式

微信小程序开发中,有时候一个字段的内容太多了,这时候就需要做截取让其以省略号的形式展现,网上大多数的方式是通过样式来控制，但是在我开发的过程中,发现这样做会影响之前做好的页面布局.由于后台返回的是个list数组,所以在js里面也不太方便去使用subString做字段截取,这时候就需要在WXML上直接做截...

2018-11-03 11:07:27 6810

原创小程序采坑记（四） picker组件

从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。普通选择器：mode = selector后台给我返回的是一个数组对象，我需要的range数据是这个数组对象的每一个键，当时我以为range只能是个数组  <view class="sectio...

2018-10-29 11:52:18 267

原创小程序采坑记（三）转发

1.右上角按钮触发转发在小程序的右上角有三个小点，当在js中设置了onShareAppMessage(options)方法之后就可以转发了。默认会取当前页面，从顶部开始，高度为 80% 屏幕宽度的图像作为转发图片。2.页面内发起转发通过给 button 组件设置属性 open-type=“share”，然后在js的page（）里面加上onShareAppMessage（）事件，就可以触...

2018-10-29 11:11:04 360

转载浏览器缓存机制

前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚。...

2018-10-26 09:50:46 209 1

转载 http工作原理

在本节中，我们会详细了解HTTP的基本原理，了解在浏览器中敲入URL到获取网页内容之间发生了什么。了解了这些内容，有助于我们进一步了解爬虫的基本原理。1. URI和URL这里我们先了解一下URI和URL，URI的全称为Uniform Resource Identifier，即统一资源标志符，URL的全称为Un...

2018-10-25 09:22:21 119

原创小程序采坑记（二） scroll-view

项目当时有个需求是，顶部的导航栏，有三个是固定的，top，全部，我的，但是他们的位置也是固定的，就是这样。当用户在详情页有点击关注时，关注的内容要在这个导航栏显示，而且显示的位置必须是在全部和我的中间，按顺序排列，然后导航栏可以左右滑动。。。然后这里就用到了小程序的组件scroll-view由于我这个是横向滚动，所以设置属性scroll-x=true下面我们看看代码...

2018-10-20 14:48:29 218

原创小程序采坑记（一）授权登陆

最近做了一个小程序项目，来这记录一下，加深一下我自己的记忆，当然，如果能帮到其他同僚，我也是很开心的。我们的项目是单独一个授权页面，通过点击授权按钮触发授权登陆事件。首先说一下项目登陆过程的流程：1.用户第一次进小程序，即之前没有授权过。首先就弹出授权登陆页面。用户点击同意后，跳到首页，如果用户点击拒绝，则再次引导用户同意授权。2.用户之前授权登陆过，直接进入小程序首页。log...

2018-10-20 11:37:59 1490 1

转载小程序授权登陆

前言：由于微信官方修改了 getUserInfo、authorize 接口，无法弹出授权窗口，所以现在无法实现一进入微信小程序就弹出授权...

2018-09-13 13:44:29 1188

转载 JavaScript包装类

对象对对象的属性增删改查：增：mrDeng.wife = “xiaoliu” 直接写。.属性 = “” 删：delete mrDeng.name 就直接把名字删了改：mrDeng.wife = “xiaoliu” ，换双引号里面的属性查：console....

2018-09-07 11:44:11 332

原创利用伪类元素清除浮动

2018-09-04 11:48:59 622

原创获取滚动条高度和可视区域高度的兼容写法

//获取滚动条的高度function getscolloffset(){ if(window.pageXOffset){ return{ x:window.pageXOffset, y:window.pageYOffset } }else{ return{ x:...

2018-09-04 11:39:33 1353

转载 bfc

BFC BFC (Block formatting context) “块级格式化上下文”它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。触发满足下列条件之一就可触发BFC　　【1】根...

2018-09-04 11:36:07 79

转载 jQuery

<!DOCTYPE html><html lang=”en”> <head>    <meta charset=”UT...

2018-08-31 09:31:58 254

原创 boss直聘官网的二级联动

原理：通过遍历数组方法加入省份，并添加到省份的ul中鼠标移入省份获得对应省份的下标值利用获得的下标值找到对应的城市在用遍历数组的方法把城市加到城市的ul中html结构<div class='search'> <div class='selectCity'> <span>北京</span>...

2018-08-30 15:14:46 665

原创 javascript 之运算符

比较运算符：“>” “<” “==” “<=” “>=” “!=” 比较结果为boolean的值逻辑运算符“&&” “||” ‘！’运算结果为真的值被认定为false的值： undefined null NaN “” 0 false 的转换...

2018-08-29 11:23:54 77

原创函数预编译

函数编译四部曲1.创建AO对象2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined。3.将实参值和形参统一4.在函数体里面找函数声明，值赋予函数体例子：function test(a,b){ console.log(a) //1 c=0; var c; a=3; b=2; console.log(b);...

2018-08-28 16:59:48 535

转载微信小程序手机号码验证

wxml<form bindsubmit=‘formSubmit’> <view class=‘all’> <text>手机号：</text> <inpu...

2018-08-28 13:35:06 4408 2

原创 jQuery写轮播器

原理：容器carousel ：&lt;div class='carousel'&gt; &lt;div class='imgbox boxCenter'&gt; &lt;img src="images/0.jpg" alt=""&gt; &lt;/div&

2018-08-28 09:39:03 116

转载 jquery对象和javascript对象即DOM对象相互转换的方法

2018-08-25 16:51:15 1137

转载获取时间戳的几种方法

2018-08-25 16:45:31 3818

转载变量提升

首先 javascript 是一种弱类型、动态的、解释型的脚本语言。弱类型：类型检查不严格，偏向于容忍隐式类型转换。强类型：类型检查严格，偏向于不容忍隐式类型转换。动态类型：运行的时候执行类型检查。静态类型：编译的时候就知道每个变量的类型。解释型：程序不需...

2018-08-25 13:55:45 92

转载事件对象

2018-08-24 14:57:35 337

原创数组去重

方法一 var a=[1,2,1,2] function dele(){ for(var i=0;i<a.length;i++){ for(var j=a.length;j>i;j--){ if(a[i]===a[j]){ ...

2018-08-23 11:18:44 84

原创 javascript之一数据类型

数据类型基本数据类型： number string boolean undefined null 用typeof 关键字来验证数据类型。数据转换 parseInt:将字符串转换为数字，直接截取小数点前面的整数，不会四舍五入原理：从左到右一个个去解析，当不是数字的时候就停止解析，如123aaa会解析为123，类型为number，但是如果aaa123，解析后会是NaN,但数据...

2018-08-22 15:01:49 389

转载 css垂直居中

参考：https://www.cnblogs.com/zhouhuan/p/vertical_center.html1. 使用绝对定位和负外边距优点：兼容性良好缺点：必须知道需要居中块级的尺寸2. 使用绝对定位和transform 优点：translate百分比相当于元素自身而言，不必知道居中...

2018-08-18 09:54:39 130

原创小程序三模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。建议一个文件夹装一个模板和它的css<template name='newsTemplate'> <view class='userInformation'> <view class='usericon'> <image src='{{au...

2018-08-16 15:17:58 202

原创小程序二事件

事件的概念：事件是视图层到逻辑层的通讯方式，可以将用户的行为反馈到逻辑层进行处理，可以绑定在组件上，当事件被触发，就会执行对应的处理函数，事件对象（event）可以携带额外的信息，如id，dataset,touches事件的使用方法 bindtap和catchtap 在视图层中写上bindtap=‘函数名称’，注意不需要加（）<view bindtap='toDetail' da...

2018-08-16 14:47:31 160

空空如也

空空如也