搞轮子:皮肤概念的几种方案

先介绍背景,目前在重构 jingui,jingui 之前是在鲸钱包和鲸禧保,即公司的两个项目中使用,因为当初为了调试方便,组件建议我将组件放在项目中一起开发,后鲸钱包开发好后,接着就做鲸禧保,组件部分也是复制到鲸禧保中,修改主色现成的,而现在,两个项目都稳定,在搬运组件单独成库过程中,自然而然想到如何将其做成一个即可供鲸钱包使用,又可供鲸禧保使用的库

阅读全文

项目实战:服务器中的nginx和docker起的nginx冲突怎么办

今天,后端过来说有个需求需要前端帮忙,我立即摆谱:“哼,什么问题?”

他连忙跑到我的座位前,窜着手机跟我说:“我发你一个链接,能不能把这些代码放到 hosts 文件里。”

我说:“这是什么?为什么要放。”

经过他的解释,大致是

阅读全文

水平垂直居中的17种方法

面试的时候,绝不能只说一种,绝不能说一种解决方案,绝不能停下你吞吞吐吐的嘴

CSS 方面问的最多的问题之一,我想分三种情况,水平居中、垂直居中和水平垂直居中来分析

单单就水平垂直居中而言,大概有以下几种方案:

阅读全文

flex从总结到了解

flex 是一种布局方式,在 CSS3 之后开始有。它主要由父容器和子项组成,父容器有六个属性,分别为:

  • 控制主轴轴向:flex-direction
    • row:横轴(默认)
    • row-reverse:倒过来的横轴

阅读全文

项目实战:弹出广告任意页面展示

最近接到一个需求,产品经理希望能新增弹窗广告,广告可根据后台配置在应用任意页面弹出展示。当后台改变当前页面广告次数、链接或者目标页后,当前页面数据修改,不影响其他页面数据

例如后台设置“首页”出现广告 1 次,“我的”页面广告出现 3 次,用户进去后关闭了“首页”广告 1 次,关闭了“我的”页面广告 2 次。此时退出应用,后台将“首页”广告设置为 2 次,那么该用户“首页”广告重置为 2 次,“我的”页面广告仍为 1 次( 3 - 2)

阅读全文

实战独立项目「几行字」:从想法到上线全过程

前言

之前尝试过几个小项目,自己也很想做独立的项目,这种自己创造一样东西的感觉很棒,奈何之前太差,虽然现在能力也不是特别强,但好歹有这个心了

我的最终想法是想做个关于”中国美“的项目,但是这个项目太大,能实现是一件特别有成就的事情,但现在还是先做一个独立的项目先

阅读全文

使用微信wx-open-launch-app标签实现微信网页打开App

前提须知

笔者公司的项目在微信端的功能定位为基础功能交易及服务,通知用户交易提醒、交易流水等,而 APP 为主要的交易功能。之前是在多个页面有引流按钮跳转至 App,功能点比较粗暴,直接 location.href = 应用宝链接。现在产品有需求,说要用微信提供的标签来唤起 App

阅读全文