摘要: 引言:这是个令人头疼并且及其常见的体验问题。 所谓滚动穿透,指我们滑动顶层的弹窗,但效果上却滑动了底层的内容。 什么情况会有该问题? 出现该问题的大前提: 整个webapp是设置为可以滚动的。 例如:vue-cli中包裹的最外层html/body没有设置height:100%;overflow:hi 阅读全文
posted @ 2019-11-11 19:02 海客无心x 阅读(644) 评论(0) 推荐(0) 编辑
摘要: 大方向上: JS 是按照 代码块 进行 编译、执行 的。 学习至: 1.变量声明提升 2.新唐的博客 3.js中匿名函数的创建与调用方法分析 4.前端圣经 - 《高程三》 5.深入理解变量声明提升和函数声明提升 因为没有好好地分类。可能会比较杂。为了系统地学习,先了解几个概念。 一. <script 阅读全文
posted @ 2018-03-15 16:44 海客无心x 阅读(3348) 评论(2) 推荐(3) 编辑
摘要: 下面是我对 ES3/ES5/ES6 一些数组操作的总结,附带了一些我曾经遇到和用上的一些实际需求。 map处有待更内容。 首先先来讲讲ES3的数组方法 (影响原数组)栈方法之 push:可向数组的末尾添加一个或多个元素,并返回新的长度。 好像没有什么可说的? (影响原数组)栈方法之 pop:用于弹出 阅读全文
posted @ 2017-10-21 20:46 海客无心x 阅读(26229) 评论(0) 推荐(0) 编辑
摘要: 1.Special :首先上最好的办法,利用对象的属性去重法 今天突然发现这个方法其实是有问题的。它这个会将'1'和1看做是同样的,然而实际上它们是不同的,我们简单的做个小测试. 通过下文我们可以证明这里和预想出了偏差,证明了 它其实会将'1'和1当做一个东西来判断。 原来的答案(现需要修改) Fi 阅读全文
posted @ 2017-07-13 16:52 海客无心x 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 今天来讲讲如何判断 JS 的变量类型。 JS 真不愧是坑爹的语言。 先来个悬念~看完你就懂!!! typeof 最基本的,有六种返回值,用法 /`typeof(xx)`. 检测引用类型值的时候,它的作用不大。 instanceof constructor 写在纸上的发源地,可以被强行篡改。 Obje 阅读全文
posted @ 2017-07-11 10:06 海客无心x 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 本篇文章主要内容 1.用Express在系统文件夹内搭建一个服务器 2.Express的路由(来自 Express 文档) 3.Express的中间件(这才是关键) 4.Express的一些零碎的知识(其实吧,官方文档确实是最好滴) 1.用Express在系统文件夹内搭建一个服务器 使用 Vue c 阅读全文
posted @ 2017-07-07 21:26 海客无心x 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 前言 ES6 之前,JS没有块级作用域,只有全局作用域和函数作用域 用了许久ES6,春招在即,重写下博文。 还是讲讲闭包。我们要知其然,知其所以然。 仿佛大众情人一般,很多前端面试官都会问一问,说来复杂,说来也简单。就是这种既可以复杂又可以简单的东西往往让面试官能收获很多(对被面试者也是如此)。 闭 阅读全文
posted @ 2017-04-06 22:03 海客无心x 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 关于flex布局下,css省略号不显示的问题主要有两种场景 场景一、直接在flex布局的元素里 html <div class="flex-wrap"> 我们日常工作中,接触到的主要 API,几乎都是由今天所讲解的这些对象提供的。理解这些对象的性质,我们才能真正理解我们使用的 API 的一些特性。J 阅读全文
posted @ 2020-12-05 20:34 海客无心x 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 一次设计师画了一个设计图,是一个卡券信息,左右各有两个圆。 起初觉得很难实现,网上也很少有类似的答案。 后来看了些 background 卡券的实例,顺便探究了一下 background 的MDN 文章,学到了其更多的属性和使用方法。 MDN-background 首先,要学会分辨的误区就是:bac 阅读全文
posted @ 2020-11-07 21:21 海客无心x 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 一次,要实现一个公告,需要走马灯效果。 发现,文字的宽度计算是需要用一个模拟的元素来计算的,因为我们用来实现走马灯效果的元素肯定是要设置overflow:hidden;的。 即,我们不可能用走马灯效果本身需要用到的div来计算文字的总宽度。 其次,也要注意各个端的font-size,文字的宽度与此相 阅读全文
posted @ 2020-11-07 15:12 海客无心x 阅读(1009) 评论(0) 推荐(0) 编辑
摘要: 1、关于微信分享JS配置正确,但是分享出去图片获取不到的问题 答:微信需要配置JS安全域名(类似于网站白名单的东西),不在JS安全域名的链接的图片,或者配置了JS安全域名,但是域名无法被微信访问到(比如公司内部的测试环境,微信肯定是访问不到的)。 微信配置安全域名的截图例子: 2、app中分享的会显 阅读全文
posted @ 2020-11-07 14:55 海客无心x 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一次设计师,要实现一个从下往上滑出的效果,但滑出的元素高度是auto。 先解释一下为什么这里是auto? 因为它是一个图标列,我们高度不应该写死,不然扩展性不好。谁知道后面是否要新增图标? 这里的实现出了什么问题呢? 当我们不能确定一个元素的高度的时候,transition是不会触发过渡效果的。比如 阅读全文
posted @ 2020-11-07 14:53 海客无心x 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 也许你也曾碰见这种问题,在一个https的网页里面,出于某些原因,想要发送http协议的请求. 一、问题的答案:https是否能够发送http请求 首先这种https混杂着http的情况叫做:混合内容. 主动混合内容不可以(与页面交互的部分,下载的JS、iframe、样式表、flash和代码等,例如 阅读全文
posted @ 2020-11-04 22:29 海客无心x 阅读(1344) 评论(0) 推荐(0) 编辑
摘要: Demo地址 具体启动参考项目地址的readme文件即可,将 11.153.55.172 改为你电脑的 ipv4 地址即可访问,手机能看到bug效果:http://11.153.55.172:8080/#/index 安卓和IOS日期格式兼容性的问题 如上所示,苹果的系统包括系统浏览器Safari均 阅读全文
posted @ 2020-10-28 09:49 海客无心x 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 前后端联调的时候经常要约定数据交互的编码格式;这里我们所说的编码格式即是————HTTP请求头部的属性Content-Type。 更多解释还请看MDN:Content-Type content-type 作为文件的编码类型有很多种,在前后端的交互中,请求头与返回(响应)头都有; 这些头里面的 con 阅读全文
posted @ 2020-09-22 14:32 海客无心x 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 第一次正式工作总结: 1、目标是解决问题——实现需求,无论框架是什么 2、不要把问题想得太难,大多数问题花时间思考下去,都能解决。(刚入职的时候总是担心自己解决不了陌生的问题) 第二次正式工作总结: 1、代码的健壮性,要考虑代码可能的多种情况;无论是写样式(要考虑各种文字超长的情况+要考虑不同的端的 阅读全文
posted @ 2020-06-21 15:08 海客无心x 阅读(120) 评论(0) 推荐(0) 编辑
摘要: CSS的顺序有多种排列组合;一堆零散的无序的东西,往往是不好记忆的。有序的东西方便记忆、检查。 今天来讲讲css顺序。它重要吗? 对于提升多人协作的效率,是重要的。 哪怕对于个人来说,有一个合理的顺序,是方便记忆、检查纠错的。 很多人一起工作,总要遵守某些规则。 军队、公司,纪律是第一的;对于代码上 阅读全文
posted @ 2020-06-21 15:05 海客无心x 阅读(271) 评论(0) 推荐(0) 编辑