![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Melody–Zhang
一线人员
展开
-
原型链图解
首先,要明确几个点:1.在JS里,万物皆对象。方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象共有的特点。即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法。2.方法(Function)方法这个特...转载 2019-04-28 09:33:55 · 1238 阅读 · 1 评论 -
基于jquery库的js封装之:随机色验证码
登录页面为了防止机器的恶意登录,我们通常采取使用随机验证码的方式,下面效果图展示右边就是产生的随机验证码,是前端生成的,前端验证的,为了以后方便使用,就封装了一个原型构造函数,以后可以自定义验证码个数,小圆点个数,线条个数,具体方法实现如下:demo:<!DOCTYPE html><html><head lang="en"> <...原创 2019-09-04 15:54:13 · 298 阅读 · 0 评论 -
小程序开发之问题8:页面点击弹出框编辑
这里是常用的编辑个人信息的demo:这是一个编辑手机号的弹出框这是小程序页面html部分 <view class='list_item bottom' bindtap='editPhone'> <view class='item_label'>手机号码</view> <view class='item_value'>{{...原创 2019-09-03 16:23:46 · 896 阅读 · 0 评论 -
小程序开发之问题7:封装wx.request
开发中,会有多次的请求接口的调用,直接调用微信的wx.request()方法,会有很多重复的代码,代码冗余严重,所以我们为了减少不必要的重复,需要进行封装,如下:我们新建一个js,最好放在utils目录下,管理起来比较方便[文件名req.js]const app = getApp();function wxRequest(url, params, success, fail, com...原创 2019-09-03 15:10:33 · 229 阅读 · 0 评论 -
小程序开发之问题6:使用getAccountInfoSync方法直接获取APPID
基于安全和可配置的appid考虑,我们就要避免直接将appid写在app.js里面,这时我们就需要内置方法getAccountInfoSync来实现了App({ onLaunch: function() { var that = this const accountInfo = wx.getAccountInfoSync() console.log(account...原创 2019-09-03 09:51:44 · 11452 阅读 · 1 评论 -
小程序开发之问题4:底部弹出框带动画(animate)效果
由于小程序多在移动端,页面较小,很多东西,不好全部直接显示,所以一些,不是必须要放在页面上的旧选择了用弹出框的形式,用户自己需要查看的时候,点击去查看详情:效果:直接上代码:这是wxss部分,样式可根据需要自定义.pop_bg { background: rgb(0, 0, 0, 0.3); width: 100%; height: 100%; position...原创 2019-08-16 10:35:40 · 1108 阅读 · 0 评论 -
小程序问题之:自定义日期签到
小程序,可折叠签到日期:<image style="height:{{height}}" class='bg' src="{{calendarbg}}"> <view style="top:{{top}}" catchtap="foldAndUnfold" hidden="{{nowYear != showYear || nowMonth != showMonth}}"...原创 2019-08-11 16:49:23 · 824 阅读 · 5 评论 -
微信小程序之问题5:左滑显示删除按钮,点击删除当前项
我们开发中,总会遇到一些删除功能列表的操作,在小程序中,触屏左滑操作,即显示可操作删除按钮,下面就是我写的一个demo,供前端开发人员参考:示例:WXML:<view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data...原创 2019-08-19 11:39:26 · 6275 阅读 · 3 评论 -
Javascript中最常用的61个经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制...转载 2019-06-04 11:19:43 · 320 阅读 · 0 评论 -
登录 记住 (保存)用户名密码(设置:cookie)
(如果有不懂的,请看javascript cookie详解)登录欢迎页面的例子:login.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml...原创 2019-06-03 15:35:22 · 2599 阅读 · 0 评论 -
图片延迟加载(lazyload)的实现原理
此前在浏览一些网站的时候,发现他们网站的图片都是你“鼠标”滚到哪,图片才会加载显示。当时觉得好神奇,怎么会这么“跟手”呢。在学习JS和jQuery后,自己尝试写了能够实现lazyload的方法。核心原理是:1 设置一个定时器,计算每张图片是否会随着滚动条的滚动,而出现在视口(也就是浏览器中的展现网站的空白部分)中;2 为<img>标签设置一个暂存图片URL的自...转载 2019-06-03 15:18:19 · 603 阅读 · 0 评论 -
JavaScript进阶之路——认识和使用Promise,重构你的Js代码 (很有价值,保留用于学习) 转载自http://www.cnblogs.com/yunfeifei/
JavaScript进阶之路——认识和使用Promise,重构你的Js代码 一转眼,这2015年上半年就过去了,差不多一个月没有写博客了,"罪过罪过"啊~~。进入了七月份,也就意味着我们上半年苦逼的单身生活结束了,从此刻起,我们要打起十二分的精神,开始下半年的单身生活。大家一起加油~~ 一直以来,JavaScript处理异步都是以callback的方式,在前端开发领域callback机...转载 2019-05-10 16:11:30 · 222 阅读 · 0 评论 -
js 字符串拼接(substr)
认识substr:substr() 方法可在字符串中抽取从开始下标开始的指定数目的字符。浏览器支持所有主要浏览器都支持 substr() 方法语法string.substr(start,length)start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数...原创 2019-09-11 14:12:58 · 813 阅读 · 0 评论