搞轮子:皮肤概念的几种方案
先介绍背景,目前在重构 jingui,jingui 之前是在鲸钱包和鲸禧保,即公司的两个项目中使用,因为当初为了调试方便,组件建议我将组件放在项目中一起开发,后鲸钱包开发好后,接着就做鲸禧保,组件部分也是复制到鲸禧保中,修改主色现成的,而现在,两个项目都稳定,在搬运组件单独成库过程中,自然而然想到如何将其做成一个即可供鲸钱包使用,又可供鲸禧保使用的库
先介绍背景,目前在重构 jingui,jingui 之前是在鲸钱包和鲸禧保,即公司的两个项目中使用,因为当初为了调试方便,组件建议我将组件放在项目中一起开发,后鲸钱包开发好后,接着就做鲸禧保,组件部分也是复制到鲸禧保中,修改主色现成的,而现在,两个项目都稳定,在搬运组件单独成库过程中,自然而然想到如何将其做成一个即可供鲸钱包使用,又可供鲸禧保使用的库
今天,后端过来说有个需求需要前端帮忙,我立即摆谱:“哼,什么问题?”
他连忙跑到我的座位前,窜着手机跟我说:“我发你一个链接,能不能把这些代码放到 hosts 文件里。”
我说:“这是什么?为什么要放。”
经过他的解释,大致是
这是一道面试题,你有多少种办法呢?
这里我们假设左边名为 left,宽度为 200 px,右边名为 right。即默认
1 | .left { |
面试的时候,绝不能只说一种,绝不能说一种解决方案,绝不能停下你吞吞吐吐的嘴
CSS 方面问的最多的问题之一,我想分三种情况,水平居中、垂直居中和水平垂直居中来分析
单单就水平垂直居中而言,大概有以下几种方案:
flex 是一种布局方式,在 CSS3 之后开始有。它主要由父容器和子项组成,父容器有六个属性,分别为:
flex-direction
最近立下的 flag 是每周回答至少三个知乎回答,不限编程,希望能提高自己的书面表达能力。这不,有人邀请我回答一个问题:为什么最后一个 a 是 1 不是 5?
题目如下:
最近接到一个需求,产品经理希望能新增弹窗广告,广告可根据后台配置在应用任意页面弹出展示。当后台改变当前页面广告次数、链接或者目标页后,当前页面数据修改,不影响其他页面数据
例如后台设置“首页”出现广告 1 次,“我的”页面广告出现 3 次,用户进去后关闭了“首页”广告 1 次,关闭了“我的”页面广告 2 次。此时退出应用,后台将“首页”广告设置为 2 次,那么该用户“首页”广告重置为 2 次,“我的”页面广告仍为 1 次( 3 - 2)
微信网页授权步骤差不多有三步,具体文档可查看这里,我画了下流程图: