javascript
文章平均质量分 66
撒野女孩
人生昧履,砥砺而行
展开
-
小程序修改数组的指定值的属性
数组遍历时修改指定对象的某一个属性谨记[]的用法小程序赋值写法为this.setData({key:value})当我们需要修改数组的指定值的属性时,实现方式为使用一个变量接收,操作修改后重新赋值例:修改list[2]的age为30普通实现方法// list:[{age:1,name:'a'},{age:2,name:'b'},{age:3,name:'c'}]let arr =...原创 2020-04-20 16:27:40 · 1225 阅读 · 0 评论 -
async/await实现异步调用
async/await多个函数关联调用async/await使得异步代码看起来像同步代码async函数会隐式地返回一个promise,而promise的reosolve值就是函数return的值Async/Await不需要写.then,不需要写匿名函数处理Promise的resolve值,也不需要定义多余的data变量,还避免了嵌套代码async声明一个异步函数await只能在asyn...原创 2019-08-28 15:00:36 · 1949 阅读 · 1 评论 -
原生js实现游戏按钮
游戏按钮原生js实现游戏的‘开始’‘暂停’‘结束’情况:使用setInterval实现js实现步骤:获取元素开始事件停止事件暂停事件定时器效果演示:html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n...原创 2019-06-05 18:39:26 · 1058 阅读 · 0 评论 -
win10日历hover交互效果实现(进阶)
#win10日历可视移动高亮范围本篇文章在前一个初级的基础上进行后续的体验优化目标效果鼠标在目标元素内进行移动,9个块组成的圆形高亮会随之移动实现效果图1.win10原图2.进阶实现图技术点初级篇使用的渐变范围写法:radial-gradient(42px at right bottom, #3c3c3c, #1a1a1a);进阶篇使用的渐变范围写法:radial-...原创 2018-11-28 16:18:02 · 1227 阅读 · 1 评论 -
小程序引导用户授权
用户信息授权对于小程序未授权的用户,官方取消wx.getUserInfo方法的直接调用,首次授权必须主动触发自定义按钮,才可调起官方授权组件可以获取到的信息有:昵称、头像、性别、国家、省份、城市、性别、语言思路步骤wx.getSetting查看是否授权已授权使用wx.getUserInfo获取用户信息,保存未授权显示带有button的自定义页面,bindGetUserInfo会返...原创 2018-11-29 16:14:39 · 1086 阅读 · 0 评论 -
小程序授权功能
小程序登陆和使用授权不想重新写页面引导用户授权,因为官方说明scope 为 “scope.userInfo” 时,无法弹出授权窗口,请使用 理一下思路: 1. 登陆操作,获取用户openid 2. 查询是否授权 3. 已经授权,直接获取用户信息 4. 未授权,引导用户授权 5. 授权成功,重新登陆 6. 授权失败,提示用户1.登陆这...原创 2018-07-11 18:02:00 · 1073 阅读 · 1 评论 -
小程序textarea显示混乱
小程序textarea的bug官方bug微信版本 6.3.30,textarea 在列表渲染时,新增加的 textarea 在自动聚焦时的位置计算错误。textarea 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件。...原创 2018-07-11 10:55:23 · 2340 阅读 · 1 评论 -
小程序swiper不显示元素
小程序swiper不显示元素问题描述: swiper中嵌套多个swiper-item,数量是动态循环生成的。目前存在的问题是:在页面首次加载时元素正常显示,当切换页面进行操作时,会改变轮播数据,当再次返回页面时,轮播图的元素不显示,但是审查元素是存在的。存在原因: 1. 当改变轮播图当前指针,即current属性值时,若该属性没有绑定任何数据,框架会自动绑定当前操作的值 2. 页...原创 2018-07-10 15:39:28 · 5179 阅读 · 6 评论 -
公众号关联小程序用户信息获取问题
进入小程序1.openid获取 - 从公众号菜单或者转发分享等形式进入小程序的,如果需要获取用户的openid,仅仅在app.js执行登陆方法或者在配置的主页面调用登陆方法是不够的 - 如果公众号菜单挂载的页面是小程序的其他页面,是不会执行app.js的,所以需要在调用的页面判断调用登陆方法 //从分享或公众号过来的先登录 var openId = wx.getSto...原创 2018-06-13 11:40:29 · 4201 阅读 · 4 评论 -
解读Object.defineProperty()
Object.defineProperty()解读第一个栗子:实现js双向数据绑定(借用网上的例子)首先,将结构先搭建好 <input type="text" id="txt1"> <input type="text" id="txt2">方式一:使用最基础的写法document.addEventListener('keyup', func原创 2018-04-28 18:04:33 · 460 阅读 · 0 评论 -
js多图片上传
Multi多图片上传这两天用原生徒手撸了个插件,写的不是很完美,在这里先介绍一下传统的面向过程的javascript写法,还有很多不足,希望多多指正使用到的技术使用formDate对象:更灵活操作需要发送的表单文件使用FileReader对象:允许web应用程序异步操作本地文件FileReader.readAsDataURL()将读取的文件转换为base64编码的字符串Fi...原创 2018-04-04 17:44:02 · 2224 阅读 · 0 评论 -
查找HTMLCollection对象中的下标
前言这两天写的一个小功能,需要获取HTMLCollection指定对象的索引,深入研究之后才发现自己知识域的盲区,在这里也写出来记录一下,希望和我存在同样困惑的朋友可以一同探讨一下。HTMLCollection是什么:它是HTML DOM对象的一个接口,这个接口包含了获取到的DOM元素集合,返回的类型是Object。它很像数组,又不是数组,如果你想使用数组的一些方法操作这个集合...原创 2018-04-15 13:46:52 · 3024 阅读 · 0 评论 -
初试面向对象编程
面向对象编程 面向过程 javascript是一门面向过程的语言,也就是侧重点是实现一件事的步骤 特点:有良好的可扩展性和重用性,降低了代码间的耦合度,接近日常思维。 面向对象 以事物为中心,侧重于完成某件事所需要的事物的特征和行为的设计 特点:封装、继承、多态,耦合度低,复用度好 相信这些概念性的东西,网上真的是一搜一大堆,在...原创 2018-03-27 00:03:22 · 142 阅读 · 0 评论 -
前端开发小乐趣
开发者的一点小乐趣今天发现了一个比较有趣的东西,在控制台打印出属于自己风格的。。。代码,并没有什么鸟用,真的是在无聊之中找点乐趣。常规在控制台调试代码直接使用console.log()现在我们重新定义一套打印风格 - 使用console.log(“%c 文字”,”style”); - 注意%后面有空格//自定义控制台function Console(){ this.l...原创 2018-03-31 17:42:26 · 267 阅读 · 0 评论 -
深入理解js引擎的执行机制
深入解读js引擎的执行机制最近在反省,很多知识都是只会用,不理解底层的知识。所以在开发过程中遇到一些奇怪的比较难解决的bug,在思考的时候就会收到限制。所以,在这里一点一点补充基础知识吧。在阅读之前,请先记住两点:js是单线程语言js的Event Loop是js的执行机制。深入理解js的执行,就等与深入理解js的Event Loop好啦,下面进入正题1. 灵魂三问:j...转载 2018-03-18 17:16:16 · 367 阅读 · 0 评论