随笔分类 -  Web前端

摘要:今天做了一个html的活动页面,本来马上就要完工,准备开开心心收尾,结果~... 产品突然提出需要说,要讲html中的某些交互和APP原生组件挂钩,心里一万头xxx奔过~ 静下心来思考 以往我们是判断是否客户端打开都依赖于后端,通过app主动拼接参数的方式,传递给后端,后端告诉前端本次的加载是在ap 阅读全文
posted @ 2018-06-01 18:11 WidgetBox 阅读(303) 评论(0) 推荐(0)
摘要:问题背景:在写一个非常简单添加方法的时候,用onclick事件调用添加方法,点击第一次没问题,第二次会重复执行,经过多次查找资料得知这个状况的解决方案,特意总结一下; 代码如下:点击#spec_form出现重复点击 后来才发现问题是,我在页面中动态加载相同模块的时候,触发第二次添加加载的模块时,第一 阅读全文
posted @ 2018-05-21 10:47 WidgetBox 阅读(1384) 评论(0) 推荐(0)
摘要:问题背景:在写一个非常简单的弹出交互时,定义了一个全局变量和一个方法,这个方法始终调不到这个变量,得到高人指点后,特意总结一下这个知识点; 一、变量提升 在ES6之前,JavaScript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在 阅读全文
posted @ 2018-05-14 18:47 WidgetBox 阅读(599) 评论(0) 推荐(0)
摘要:首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同; 一、computer 当页面中有某些数据依赖其他数据进行变动的时候,可以使用计算属性。 需要注意的是,就算在data中没有直接声明出要计算的变量,也可以直接在computed中写入。 计算属性默认只有gett 阅读全文
posted @ 2018-04-26 17:57 WidgetBox 阅读(32744) 评论(4) 推荐(2)
摘要:javascript语言中的调试功能少得可怜,如果涉及到第三方返回的对象数据更是使得开发程度加大。想到php中的var_dump,print_r简单好用,极大程序上方便了开发工作,在网上乱找一通,终于找到了一个类似的方法,虽然没有我p那样的刁炸天,但也省了不少功夫。可能有同学倔强到“三方不能查手册么 阅读全文
posted @ 2018-04-24 15:42 WidgetBox 阅读(254) 评论(0) 推荐(0)
摘要:遇到的问题: 在做官网的时候,需要滚动定位的区块的图片不确定,无法确定用户浏览区域对应的模块导航 之前的解决方案是: 通过定位滚动条的位置来判断用户浏览区域对应的模块导航,这种方法的弊端是,区块的高度不确定时就无法计算滚动条的位置来判断; 优化方案: 页面中会有多个模块,每个模块对应一个导航,当页面 阅读全文
posted @ 2018-03-23 11:50 WidgetBox 阅读(2213) 评论(0) 推荐(0)
摘要:在ajax请求后台数据时有时会报HTTP400错误-请求无效(Badrequest);出现这个请求无效报错说明请求没有进入到后台服务里; 原因:1)前端提交数据的字段名称或者是字段类型和后台的实体类不一致,导致无法封装; 2)前端提交的到后台的数据应该是json字符串类型,而前端没有将对象转化为字符 阅读全文
posted @ 2018-03-03 09:48 WidgetBox 阅读(21709) 评论(0) 推荐(0)
摘要:遇到问题背景: 在写到购物车的全选交互的时候,商品选中的状态只有在第一次的时候可以,第二次就无法选中;(代码如下) 解决方案: 将上述代码中的attr换成prop 问题出现的原因(jQuery中attr和prop的区别): prop读取属性值:读取已赋值的固有属性会得到属性值,读取未赋值的固有属性会 阅读全文
posted @ 2018-01-16 15:04 WidgetBox 阅读(203) 评论(0) 推荐(0)
摘要:问题的背景: 在手机触屏版中,当页面向上滑动的时候,导航条可以固定在顶部,通过判断offset().top的值来实现这个功能,其他的浏览器都可以,只有微信浏览器中出现问题(向上滑动的时候,导航条就会直接飘到顶部) 问题的原因: 在微信浏览器中取不到offset().top的值 解决问题的方案: 实现 阅读全文
posted @ 2017-11-18 14:54 WidgetBox 阅读(1232) 评论(0) 推荐(0)
摘要:问题出现的背景: 在IOS11中position:fixed弹出框中的input出现光标错位的问题 <!--[endif]--> 解决方案 一、设计交互方面最好不要让弹窗中出现input输入框; 二、前端处理此兼容性的方案思路: 1、判断手机机型:Android or ios ios11 or io 阅读全文
posted @ 2017-10-27 11:40 WidgetBox 阅读(2700) 评论(0) 推荐(0)
摘要:问题出现的背景: 在light7框架下搭建的触屏版项目中,要拓展一个投票系统,其中投票系统有一个比较完善的上传组件,但是此组件是依赖zepto的,而原来的项目是依赖jQuery的,所以就会遇到冲突的问题; 解决方法1: jquery有一个方法叫noConflict() ,可以把jquery的$改掉。 阅读全文
posted @ 2017-09-20 11:08 WidgetBox 阅读(766) 评论(0) 推荐(0)