上一页 1 ··· 4 5 6 7 8 9 下一页
摘要: 假设在一个列表中,用户滑动几页点击了详情,此时若再回到列表页,页面状态都已经刷新,用户又需要再进行滑动,这显然是不合理的。 在PC端我们有很多天然优势可以处理这类问题,比如使用分页器让列表不要过长,比如打开详情跳转个新标签页,又或者将详情页面做成抽屉,做成遮罩弹窗等等。。但是在移动端开发中,我们无法 阅读全文
posted @ 2021-06-23 10:47 茶无味的一天 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 0. 背景介绍: 移动端混合开发,APP中90%的内容均为内嵌H5,由于种种原因,我在客户端内无法使用单页面路由跳转,只能新开窗口跳转页面,于是被迫形成了“多页面”的情形。(即使是连贯的页面) 1. 需求场景 例如当处于一个列表中,此时点击某一项跳转至详情进行操作,并改变了这一项的状态,那么列表也需 阅读全文
posted @ 2021-06-22 23:43 茶无味的一天 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 在做商城类项目的时候,我们可能都会经历过“优惠券”这类需求,笔者在过往工作中,都是直接要求UI切图来实现,直到有一天产品告诉我一个奇思妙想:这个优惠券的宽度会随内容变化的!一下子让我陷入了人生的大思考,这样图片方式可不好整呐,因此萌生一个想法:能不能用纯css实现这些效果呢? 0. 内倒角 首先我们 阅读全文
posted @ 2021-06-20 22:29 茶无味的一天 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 回顾下Vuex 先vue-cli工具直接创建一个项目,勾选Vuex,其他随意: 创建完毕自动安装依赖,之后启动项目,熟悉的helloworld ~ 简单写个demo运行看看,后面会逐步实现一个myVuex,来达到相同的期望运行结果: src/store/index.js : import Vue f 阅读全文
posted @ 2021-06-19 12:27 茶无味的一天 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 一个遵循PromiseA+规范的函数,个人认为解决了callback异步回调地狱的问题,注意是callback方式的回调地狱,promise本身也可以存在回调地狱,需配合ES7特性async、await才能做到完全解决回调地狱。 Promise主要特点 Promise 会有三种状态,「进⾏中」「已完 阅读全文
posted @ 2021-06-18 09:39 茶无味的一天 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 首先上一段代码: const obj = { age: 1 } // 定义一个对象 let age = obj.age // 将对象的age属性赋值给一个变量 obj.age++ // 对象的age属性发生了变化 console.log(`age=${age}`, obj); // 输出结果: ag 阅读全文
posted @ 2021-06-17 09:24 茶无味的一天 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 前段时间在用框架开发H5页面时,碰到框架中的组件内置了一个属性用于适配异形屏,虽然是组件内部实现的,但这个方式让我萌生一个想法:能不能自己写一个属性来实现这样的功能? 经过一番思索,我发现Vue的指令模式就很像属性的写法,在Vue中,我们利用模板指令诸如v-if v-for等完成了许多工作,而Vue 阅读全文
posted @ 2021-06-15 09:57 茶无味的一天 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 这是我参与更文挑战的第14天,活动详情查看 更文挑战 概念分析: 服务端渲染(SSR) 更好的⾸屏性能 更利于 SEO,爬虫可以直接抓取已渲染的内容 客户端渲染 前后分离,⻚⾯的交互 同构:服务端和客户端都可以运⾏的同⼀套代码 同一套代码,复用率,可维护性增强 同时具有SSR与前后端分离的优势,利于 阅读全文
posted @ 2021-06-14 22:35 茶无味的一天 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 面向对象编程的特点 封装:使用对象的人无需考虑内部实现,只考虑功能的使用。 继承:为了代码的可复用。 多态:不同对象 作用于同一操作产生不同结果。 JS如何创建对象 普通方式 const A = new Object() A.attribute = '' // 定义属性 A.fn = functio 阅读全文
posted @ 2021-06-13 10:07 茶无味的一天 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 闭包的应用 闭包是指有权访问另外一个函数作用域中的变量的函数.可以理解为(能够读取其他函数内部变量的函数) 0. 封装私有变量 function Person0() { this._attackVolume = 100; } Person0.prototype = { /** ... **/ }; 阅读全文
posted @ 2021-06-12 09:43 茶无味的一天 阅读(2) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 下一页