摘要: 要完成一个这样的抽奖功能 构思 1. 奖励物品是通过接口获取的(img) 2. 奖励结果是通过接口获取的(id) 3. 抽奖的动画需要由慢到快再到慢 4. 抽奖转动时间不能太短 6. 抽奖结束需要回调 7. 业务代码和功能代码要分离 先完成一个 UI 使用 flex 来布局,easy,当 等于当前奖 阅读全文
posted @ 2020-01-06 16:10 zhongmeizhi 阅读(1315) 评论(0) 推荐(0) 编辑
摘要: 努力学习与总结是对自己能力的提升,也希望能帮助到同学们。 BFC 块状格式化上下文(block formatting context)简称 :是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。 如何触发BFC? 1. 根元素( ): 最大的BFC 2. 设置为 或者 3. disp 阅读全文
posted @ 2020-01-03 19:13 zhongmeizhi 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 阅读 facebook大佬:Dan Abramov 的文章颇有感悟 大佬 github地址 https://github.com/gaearon 重点总结 1. 是同步的 2. 状态是捕获的当前 和 3. 可以通过 获取改变后的 和 4. 依赖项 不能欺骗 5. 复杂的状态变化应该使用 6. 可以使 阅读全文
posted @ 2020-01-03 19:12 zhongmeizhi 阅读(991) 评论(0) 推荐(0) 编辑
摘要: 夯实Javascript基础。 基本类型有六种: null,undefined,boolean,number,string,symbol。 基本类型的值是保存在 中的简单数据段 基础类型特性 基础类型最重要的特性 基础类型是不变的 因此:基础类型没有splice,sort之类的直接改变变量的方法 强 阅读全文
posted @ 2019-04-03 11:47 zhongmeizhi 阅读(197) 评论(0) 推荐(0) 编辑
摘要: Javascript是一种单线程开发语言。理解Javascript的运行机制是日常编码必须要掌握的技能。 为什么是单线程? JavaScript的主要用途是与用户交互,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。 假设:如果JavaScript支持多线程,一个线程在某个DOM 阅读全文
posted @ 2019-04-01 10:04 zhongmeizhi 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 本身就是 的语法糖。 本文主要讲述以下内容 1. async awiat 实质 2. async await 主要特性 async await 实质 下面使用 promise + generate 实现 async await async await 特性 1. async 一定会返回 promis 阅读全文
posted @ 2019-04-01 09:58 zhongmeizhi 阅读(2245) 评论(0) 推荐(0) 编辑
摘要: 使用NPM安装的时候会经常出现包冲突(比如多个主模块的子模块版本不一致等),导致在开发过程中会遇到各种或大或小的问题。所有在这会介绍以下内容: 1. NPM 主要安装方式 2. NPM 包信息查询 3. NPM 安装机制(主要) 安装&查询命令 NPM 各种安装方式 在 node_modules 中 阅读全文
posted @ 2019-03-28 10:57 zhongmeizhi 阅读(711) 评论(0) 推荐(0) 编辑
摘要: 面试必考题吧,所以在这会详细介绍以下内容 1. 跨域产生的原因 2. 罗列最常用的解决方法 3. 分析各种方法原理 4. 罗列各种方法优缺点 什么是跨域 由于浏览器厂商对安全性的考虑,提出了 做为解决方案。它是一个用于隔离潜在恶意文件的重要安全机制。同源即 、`域名 端口`三者一致。不同源即跨域。 阅读全文
posted @ 2019-03-26 14:16 zhongmeizhi 阅读(848) 评论(3) 推荐(1) 编辑
摘要: 阿里flexible布局 版本1.x 该布局于 2017年8月9日被2.0版本取代 实现原理 设置viewport的 将屏幕分成10份, 开发时直接填写 利用 转换为 实际rem 阿里flexible布局 版本2.x flexible 2.x: https://github.com/amfe/lib 阅读全文
posted @ 2019-03-21 11:00 zhongmeizhi 阅读(440) 评论(2) 推荐(0) 编辑
摘要: 1:原生链:prototype 儿子能够继承父亲的属性,也可以觉得遗传基因不好自己改属性,(但是不能改变老爸的属性)。 看例子: 2:call(list) 和 apply(arry) : 用法1: 对象1.方法.call(对象2), 对象1的方法使用对象2的属性, 用法2: 对象1.call(对象2 阅读全文
posted @ 2017-05-18 18:51 zhongmeizhi 阅读(285) 评论(0) 推荐(0) 编辑
欢迎打⭐