摘要:
1、今天在调试代码的时候一直报如下错误,找了半天发现页面中并没有_wrapper呀。 _Error in nextTick: "TypeError: Cannot read property '_wrapper' of undefined" 2、并且页面上注册的@click方法失灵了,导致出现一堆杂 阅读全文
摘要:
一、前言 组件化开发界面最好按如下步骤操作: 第一步:分析页面拆分组件 第二步:用react实现静态组件(没有动态的数据) 第三步:实现动态组件 3.1先用初始化数据显示动态页面 3.2添加实现交互功能 二、基础知识 1、假设我们需实现以下功能: 2、具体实现 第一步:将上面的简单页面拆分 第二步: 阅读全文
摘要:
一、前言 今天在做以前的项目的时候,发现了一个bug。 通过vuex请求到的数据,并且在控制台中能打印出请求的数据,但是渲染的时候报如下 二、解决方法 检查代码时发现这里少加了一个{} 阅读全文
摘要:
一、前言 最近复习的时候总算是把以前作用域涉及到的模糊的概念弄得差不多了。 以下是几个关于js作用域中重要的概念 二、主要知识 1、Js因为 JavaScript 采用的是静态作用域,函数的作用域在函数定义的时候就决定了。 举例: 说明:由于JS是静态作用域,在函数定义好之后,他的作用域就已经确定了 阅读全文
该文被密码保护。 阅读全文
摘要:
一、解决移动端点击图片时图片过小问题 1、问题场景:经常在移动端会动手点击图标达到某些操作。但是有时候图标过小,不容易点击到。 (1)比如我们要点击这样的图标,图标比较小不容易点击到 (2)解决方案:如下图所示,只需要将图标平铺到内容区域就可以解决。 (3)代码: (4)参考文档 http://ww 阅读全文
摘要:
一、前言 本文主要涉及: 1、移动端的touch事件 2、移动端的滑动手势实现的原理 3、移动端点击的时候出现的300ms延时问题 二、主要内容 1、移动端的touch事件 (1)常见的touch事件 touch事件是移动端的触摸事件 并且是一组事件。 touchstart 当手指触摸到屏幕的时候会 阅读全文
摘要:
一、前言 移动端的轮播图通常有以下几个功能: 1. 自动轮播图且无缝 定时器,过渡*/ 2. 小圆点点要随着图片的轮播改变 根据索引切换 3. 滑动效果 利用touch事件完成*/ 4. 滑动结束的时候 如果滑动的距离不超过屏幕的1/3 吸附回去 5. 滑动结束的时候 如果滑动的距离超过屏幕的1/3 阅读全文
摘要:
一、前言 小案例地址:https://github.com/xiexumei/web-demo 二、主要内容 1、移动端面对的问题:因为手机屏幕和尺寸不一样,当我们用不同手机设备浏览的时候为了提高用户体验必须要做移动端适配 2、解决方案一: 流式布局 + viewport视口进行设置 流式布局:就是 阅读全文
摘要:
一、前言 马上就要准备找工作了,最近在写简历的时候发现了一个很酷的效果,马上就mark了一下 二、项目演示 源代码:https://github.com/4561231/animated-resume 三、重点总结 阅读全文