- 博客(22)
- 收藏
- 关注
RSS订阅原创 uniapp集成小程序总结
使用uni-ui组件库1.关于uni-search-bar组件uni-search-bar的@input事件，是在input的value值发生变化时触发原生小程序的input的bindinput事件，是在键盘输入时触发2.关于webview微信小程序和qq小程序， H5是向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的message事件支付宝小程序， H5是向小程序发送消息是实时触发的3.关于授权获取用户信息微信小程序：wx.getUserProfile，wx.get
2021-11-24 17:02:28
1886
原创 forEach 方法 和 each 方法
伪数组：有从0到length-1的下标，有length属性 ；例：var obj = {0:1, 1:3, 2:5, 3:7, length:4};原生js的forEach方法不能遍历伪数组，只能遍历数组；arr.forEach (function (value, index) {//value是当前元素，index是当前元素的下标 console.log(index, va...
2021-11-24 14:30:00
256
原创 a++ 和 ++a 的区别
在开始之前，先看两个例子：// a++var a = 3;var sum = function(){ return a++;} console.log(sum()); //3//++avar a = 3;var sum = function(){ return ++a;} console.log(sum()); //4例: var a = 8, 求 ++a +...
2021-11-24 14:23:37
247
原创 前端面试总结二
前端面试题汇总1.微信公众号或小程序，怎么准确获取到用户的当前定位，如何避免获取定位在断网状态下的重复请求2.mvc、mvvm属于什么，设计模式的本质是什么3.阐述什么叫闭包4.对象的遍历方法有哪些5.浏览器的渲染过程及机制6.vue的通信方式有哪些7.微信支付和支付宝支付的方法8.微信公众号和微信小程序获取用户信息9.用到了哪些css310.es6的新特性11.scss和less的区别12.介绍项目中用到的技术及成果先这么多吧，有时间再来更新...
2021-06-16 22:10:41
111
2
原创 vue 组件通信的方式
父 子组件的数据传递子父组件的数据传递兄弟组件之间的数据传递深层嵌套，祖先组件与子孙组件的数据传递1.父子组件数据传递，子组件接收使用props// 父组件传递参数<cases-list :list="list" :title="案例列表"></cases-list>// 传递静态数据时，即字符串时，可以不用v-bind绑定<cases-list :list="list" title="案例列表"></cases-list>// 子组件.
2021-06-15 23:07:12
94
2
原创 微信小程序适配iphonex的安全区域
微信小程序适配安全区// 高度固定.wrap { width: 100%; height: calc(100rpx + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/ height: calc(100rpx + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/}// 高度不固定.wrap { width: 100%; height: auto; padding: 20rpx 3
2021-06-15 21:30:24
469
原创 前端面试总结（一）
经历了1个来月的面试，今天终于结束了这段暗无天日的日子，现来总结一下面试过程中遇到的问题，激励自己更好的学习和努力。 首先，简历要尽量清晰简洁有内涵，不能像流水账一样(好吧，说的就是我自己)，好的简历能让人耳目一新，是对自己经历的一种肯定，也是对面试官的一种引导，能让他顺着你的思路进行。 下面来说说遇到的面试题吧1.盒模型2.flexbox布局3.一个div水平垂直居中的方式...
2019-04-20 00:53:02
130
原创 高性能网站建设指南之前端性能规则
规则一 ——减少HHTP请求规则二 ——使用内容发布网络规则三 ——添加Expires头规则四 ——压缩组件规则五 ——将样式表放在顶部规则六 ——将脚本放在底部规则七 ——避免CSS表达式规则八 ——使用外部JavaScript和CSS规则九 ——减少DNS查找规则十 ——精简JavaScript规则十一 ——避免重定向规则十二 ——删除重复脚本规则十三 ——配置ETa...
2019-02-18 21:43:51
198
原创 e.target 和 e.currentTarget 区别
e.target触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时，它与event.currentTarget不同。event.target 属性可以用来实现事件委托 (event delegation)。e.currentTarget返回绑定事件的元素当事件遍历DOM时，接口的currentTarget只读属性Event标识事件的当前目标。它始终引...
2019-02-14 14:57:04
1116
原创 sticky footer的实现
sticky footer ，它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。html如下：<div class="container"> <div class="content-wrapper clearfix"> <div class="content-main"> ..
2018-11-16 10:48:30
109
原创 利用伪类和tranform实现1px 边框border
.border-1px{ position: relative;}.border-1px:after{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #ccc; content: ' ';...
2018-11-13 11:35:54
542
原创 [].push.apply() 和 [].slice.call()
开始之前先了解apply()和call()方法：apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。apply(对象, [数组]);call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 call(对象, 参数1...
2018-08-15 15:10:29
41
原创 jQuery animate()动画
animate(params,[speed],[easing],[fn])，用于创建自定义动画的函数jquery在线手册<!DOCTYPE html><html><head> <title></title> <style> *{ padding:0; margin:0; } div{...
2018-07-17 10:53:18
269
原创 jQuery holdReady() 方法
$.holdReady(true); 作用：暂停jQuery入口函数ready的执行。在$.holdReady()方法允许调用者延迟jQuery的ready事件。这种先进的功能，通常是使用动态脚本加载器，要加载的JavaScript比如 jQuery插件，如额外的ready事件才让事件发生，即使在DOM可能准备。此方法必须早在文件调用，在这样<head> jQuery脚本后，立即标记...
2018-07-13 10:27:05
249
原创 释放jquery $ 使用权
在jquery框架使用过程中，可能会遇到与其他框架在$符的使用上有冲突，可以使用以下方法释放jquery $的使用权:jQuery.noConflict();
2018-07-12 14:20:16
1035
原创 原生js 和 jquery 的区别
（一）加载先后顺序1.原生js 和 jquery 入口函数加载模式不同；2.原生js 会等到DOM元素加载完毕，并且图片也加载完毕再执行；3.jquery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行；<!DOCTYPE html><html><head> <title>test</title></head>...
2018-07-12 11:00:29
5255
原创 求数组中的最大值和最小值
js中Math.max(),Math.min()不能接受数组作参数，Math.max(array)这种操作是不存在的；而apply()是所有函数都有的方法，fun.apply(thisArg, [argsArray])，thisArg是fun 函数运行时指定的 this 值。argsArray是一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 fun 函数。 //求数组中的最小值 ...
2018-07-04 10:10:03
1973
原创 -webkit-overflow-scrolling:touch
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。<!DOCTYPE html><...
2018-07-03 15:58:36
660
转载 浅谈移动端之js touch事件 手势滑动事件
原理：当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。具体代码如下：$("body").on("touchstart", function(e) { e.preventDefault();...
2018-06-29 15:40:22
401
原创 javascript 条件判断语句 if...else ，switch
条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中，我们可使用以下条件语句：if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码JavaScript三目运算 - 当条件为true 时执行代码，当条件为 f...
2018-06-20 14:39:08
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人