- 博客(15)
- 收藏
- 关注
RSS订阅原创 微信小程序获取手机号登录流程
记住发送请求时前端传参如果用encodeURIComponent()转码，后端也一定要用转码，前端如果不用后端也不用，一定要前后端保持一致，不然后端拿到之后请求微信接口会报错！因为第一次wx.login()拿到的code为了获取session_key已经使用过了，所以后端获取手机号所需的code需要再次通过wx.login()获取一下；至此后端通过微信获取手机号所需要的四个参数都已经凑齐wx_code、session_key、encryptedData、iv；至此微信小程序获取手机号前后端交互完成!...
2022-07-30 14:04:50
3264
原创 JavaScript面向对象之作用域
原因很简单,JavaScript中最重要的一个概念闭包的理解就建立在对作用域的理解之上,而一个对象的的构成往往离不开闭包以及作用域.首先要搞清楚JavaScript的作用域类型,这有助于我们在分析作用域时的判断.大多数现代编程语言都采用的静态作用域,即代码在写出来的时候就已经确定的,并非在执行时再确定,我们可以根据以下代码一探究竟.这段代码在执行时候会报错,很明显,如果JavaScript采用了动态作用域,在执行时确定的话,那么以上代码相当于这样:因此,我们可以判断出JavaScript属于静态作用域.
2022-06-10 09:00:00
514
原创 从输入URL到整个网页加载完毕及显示在屏幕上的整个流程如何描述？
1.把URL分割成几个部分：协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机，可以是域名或者IP地址，可以包括端口号；协议是从该计算机获取资源的方式，常见的是HTTP、FTP，不同协议有不同的通讯内容格式；资源路径指示从服务器上获取哪一项资源。 例如：http://www.guokr.com/question/554991/ 协议部分：http 网络地址：www.guokr.com 资源路径：/question/554991/2.如果地址不是一个IP地址，通过DNS（域名系统）将该地址解析
2022-06-09 09:00:00
219
原创 JS对象的常用方法的使用讲解
传递三个参数Object.defineProperties( obj, detail )参数1： 需要进行定义属性的对象参数2： 需要进行定义的属性及其详细信息，传递的值是一个对象1.2 属性存取器get 和 set，可以代替 value 和 writable1.3 枚举属性循环遍历对象中的可枚举属性，依次输出 for( property in obj ) { property… }基本使用2：2. 对象常用方法2.1 复制与合并Object.assign()：
2022-06-08 09:00:00
619
原创 JS实现商城商品放大镜效果
做法：主要通过外层div的onmousemove事件获取X，Y坐标，同时设置蒙版的位置，做到蒙版跟随鼠标移动，再将右侧大图的位置根据一定的比例缩放移动，显示对应位置的图片。HTML通过监听.preview-box的onmousemove，给里面的.mask元素设置位置，当执行onmousemove时，让.mask元素显现，.mask默认隐藏，用visibility: hidden;让其隐藏，因为后面会用到.mask元素的宽高...
2022-06-08 09:00:00
653
原创 JS数组常用方法的使用
传递参数数量不定，可以传递 0 到多个，参数之间使用 , 隔开pop()方法：向数组中删除数组最后一个元素并且返回该元素。如果数组为空就返回undefined。不需要传递参数2. 队列方法shift() 方法：把数组的第一个元素从其中删除，并返回第一个元素的值。不需要传递参数unshift()方法：向数组的开头添加一个或更多元素，返回的是数组新的长度。传递参数数量不定，可以传递 0 到多个，参数之间使用 , 隔开3. 转换方法join() 方法：用于把数组中的所有元素转换一个字符串。
2022-06-07 09:00:00
389
原创 JS字符串常用方法的使用
2. 字符串分割split()有两个参数，执行后返回一个数组参数1：是根据指定内容进行截断，并且该内容会去除参数2：指定返会数组的最大长度，可选，如果指定长度过长，会忽略多余的长度3. 查询子字符串indexOf()：从字符串的开头（或指定位置）开始查找，找到第一个匹配的子字符串后返回对应下标，找不到返回-1。传递两个参数：indexOf(str, start)lastIndexOf()：从字符串的末尾（或指定位置）开始查找，找到第一个匹配的子字符串后返回对应坐标，找不到返回-1。对应的
2022-06-06 10:09:49
570
原创 原生js实现时钟
做法：最底层用div制作变盘，表盘数字使用transform: rotate();每小时数字乘以30度，进行位置摆放，使用定位将三个指针放到合适位置，使用transform-origin将旋转原点放到合适位置，最后使用setInterval，每秒获取时间，并将对应指针进行旋转。代码：
2022-06-06 09:00:00
159
原创 微信小程序Canvas绘制主页保存到手机相册
本篇文章适用于保存用户主页、海报等至手机相册，内容包含圆角头像、文字超出显示省略号、多行超出显示省略号！（整体代码放入最下方可直接复制查看）话不多说上图页面如下保存相册之后如下整体分三部分来讲，分为wxml、wxss、js，主讲js！！！wxml页面除了canvas还有其他元素主要就是想让页面看起来不那么难看wxss在页面上加上样式以上两部分没什么说的。主要还是jsdata里面放了canvas的宽高，因为下面也有用到，如果改的话只需要改动data就行了声明一个函数 getCanvasImg(ca
2022-06-05 09:00:00
1343
原创 前端常见JS面试题
1.怎样解决js中回调函数多层嵌套问题 和 多异步任务并发执行问题？多层嵌套问题：使用promise，使用async+await。多异步任务并发执行问题：合并promise,多个异步任务并发执行，合并promise之后，即可继续往下执行下面代码。2.js函数中的this究竟指向谁？怎样改变函数中this指向？（1）全局作用域或者普通函数中this指向全局对象window。（2）方法调用中谁调用this指向谁。（3）构造函数中的this指向当前正在创建的对象（严格模式下必须使用new）。（4）事件处理
2022-06-04 09:00:00
392
原创 前端CSS常见面试题
1.css中position定位都有哪些方式，分别是什么效果？static,默认定位，静态定位，参与流式布局。relative，相对定位，参与流式布局，可以使用left，right等在原有位置上进行微调。absolute，绝对定位，脱离文档流，相对于另一个元素进行定位。fixed，固定定位，脱离文档流，相对于浏览器窗口定位，不随页面滚动儿改变位置。2.Absolute定位的元素相对于哪个元素进行定位？相对于离自己最近的position为非static的祖先元素进行定位。3.前端页面中动画都有哪些实
2022-06-03 09:00:00
444
原创 微信小程序使用Canvas给图片加水印
代码详解wxml在微信的wxml给个canvas元素给上id，canvas的宽高下面js中也有用到，统一放到data里面。js（主要看js）data里面放了canvas宽、高disposePath(url, canvasId, callback)方法主要是为了处理图片路径三个参数：url（图片地址）、canvasId（canvas的Id）、callback（回调函数）如
2022-06-02 09:00:00
2522
3
原创 h5实现移动端聊天输入框自动增高
做法：最外层div高度为auto,由里面的div决定最外层高度,然后textara高度为100%；监听textarea的input事件，获取textarea的值，同时把获取的值使用innerText，赋值给里层div;这样里层div撑起外层div的高度，同时因为textarea高度为100%，所以textarea的高度就跟外层div高度一样，这样就实现了输入框的自动高度直接复制预览
2022-06-01 15:12:45
842
原创 微信小程序判断当前手势滑动方向
功能描述：文章适用于微信小程序根据滑动手势方向进行不同操作主要点：touchstart、touchend实现思路：变量解释：startY(开始Y坐标)、startX(开始X坐标)、touchMoveY（结束Y坐标）、touchMoveX（结束X坐标）1.主要通过touchstart事件获取手势开始时的X、Y坐标，通过touchend获取手势结束时的X、Y坐标。2.通过三角函数Math.atan计算角度(滑动范围)。3.以元素左上角为原点，向右、
2022-06-01 14:42:50
2934
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人