我们以前通过 border 那一套方案可以实现用 CSS 画出简单的图形（如：三角形、梯形、棱形等），但是受制于 border 属性的局限性，过于复杂的图形则无法通过 border 来实现。但是 clip-path 则不一样，不仅可以通过 circle()、ellipse()、inset() 函数实现简单的图形，还可以通过 polygon() 和 path() 函数实现复杂的图形，甚至可以引用 SVG 的 <clipPath> 属性来实现更复杂的裁剪功能。

完整代码

通过 echarts 显示一个排名图表，在名称前面还需要给出对应的排名小图标用于区分。

在多数情况下，我们的图形报表中要么不显示图例组件，要么只是将图例组件固定在上/下/左/右的某一个方向上，但是现在有个需求，是需要将图例组件进行拆分成两栏，分别在左右两侧进行展示。

前言

刚接手的项目在上周遇到个问题，同事反馈说在 Chrome 浏览器下，el-table 表格部分内容不显示，显示为空白。

第一时间就在我电脑上进行测试，发现一切没问题啊，显示正常，但是在同事电脑上确实未显示，控制台也无任何报错信息。

升级到 Xcode15 后，打开老项目，编译时会遇到如下错误：

Assertion failed: (false && "compact unwind compressed function offset doesn't fit in 24 bits"), function operator(), file Layout.cpp, line 5758.

虽然从事前端这么久了，但是也一直没怎么写过关于 CSS 的文章，今天我们就聊聊 CSS 子元素选择器。

<script setup lang="ts">

有时候我们想要在某个目录下过滤出一些大文件，通过 find 命令，我们可以轻松实现这个需求。

find . -type f -size +1G

仅限当前目录（不包含子目录以及隐藏文件）

• 统计文档当前目录下的文件总数

当我们在 macOS 系统外接 NTFS 格式的磁盘(U 盘/移动硬盘等)时，正常情况下，只能读取，不能写入。我们可以借助一些第三方软件，实现 NTFS 的读写操作，但是其实 macOS 已经内置了对 NTFS 的读写支持，只是由于种种原因，Apple 屏蔽了对 NTFS 的“写入”操作。

国内各大地图厂商SDK都会内置了一些转换函数以供使用，但是有时候我们的小项目并不需要引入这些庞大的SDK，也没去申请相关授权key（毕竟现在商用都是收费了，费用还不低呢）。

element-plus 提供了一套常用的SVG图标集，可以根据项目实际情况进行使用。

npm install @element-plus/icons-vue

部分系统会在顶部有导航栏，element-ui 中 Message 消息提示的默认偏移量是 20px，会遮挡顶部内容，所以需要将偏移量进行全局调整。

当我们需要真机调试时，最简单快捷的方式还是用 USB 线连接 iPhone/iPad 等设备，然后通过 Xcode 直接编译安装，如果只是一个人在开发时调试倒也没什么问题，但是如果到了测试阶段，需要分发给 N 个测试人员，这个时候还是通过 Xcode 一台一台地安装 App 就显得过于繁琐了，这种情况下我们就可以考虑在线安装的方式了，直接打开安装页面，点击一下则自动安装 App。

在做排班功能时，有个需求就是对同一个人员在同一天时间内，所排班次的时间不允许存在有交集。

前言

条件判断是我们在写代码时最常用的语法之一，如：

let n = 0
if (n) {}

let s = ''

el-table 中有个当内容超出一行时，会显示尾部省略号并且鼠标放上去会有 tooltip 提示效果的功能，现在我们就来探索一番，看下 el-table 是如何实现该功能的，最后我们再自己尝试仿照实现一个以加深理解。

作为 react native 小菜鸡一枚，第一次接触 react navigation 路由框架，对其也是很懵逼，在不断探索学习中；由于平时都是用 Vue 进行开发，所以对 vue-router 比较熟悉一些，故而想着用 vue-router 路由表那一套用法来使用 react navigation，当然这个用法不是必须和唯一的，你可以根据你的习惯来开发即可。

有时候为了方便，我们会对 JavaScript 内置的基础数据类型进行扩展，添加一些自定义方法。这里介绍下在 TypeScript 中如何进行扩展，添加代码提示。

src

interface 和 type 都是可以用来定义数据类型的，大部分场景下，能用 interface 定义的自然也可以用 type 定义，他们两者功能类似，却又有些许区别。

什么是微前端

Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. –Micro Frontends
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

Web项目中有一个自动锁屏的功能，当用户停止操作页面超过一定时间后，自动锁屏。

当通过 yarn run android 将 React Native 项目跑在 Android 模拟器上时，模拟器上报了如下错误信息：

Unable to load script. Make sure you're either running a Metro (run 'npx react-native start') or that your bundle "index.android.bundle' is packaged correctly for release.

在 React Native 项目中会经常用到 react-native-vector-icons 来显示小图标，这里介绍如何在 iOS/Android 上使用该库。

环境

先说一下我当前的环境

对于熟悉 JavaScript 的开发者来说，要切换到 TypeScript 是很容易的，只需掌握 TypeScript 中的基础数据类型，然后在写代码时加上对应的类型即可。但是如果稍不注意就会导致很多地方都是用 any，最终把项目写成了 AnyScript，失去了 TypeScript 的意义。所以我们在掌握了基础类型后，更应该掌握一些高级类型，写出更加健壮的代码。

前因

领导给安排了一个任务，给湖南省XX市做一个电子证照的申报模块。

这里是通过 Homebrew 来安装 Tomcat，不涉及通过其他途径的安装。

在做 web 项目时，常常会通过一些手段来模拟后台返回的数据，今天主要是介绍下 mockjs 的使用。

npm i mockjs -D

在 Vue + Webpack 的项目中，可以通过 svg-sprite-loader 插件来使用 SVG 图标，但是在 Vite 项目下则行不通。

身份证号码的组成格式

直接附上人民日报关于身份证号码格式的说明图片（一图胜过千言万语有木有）：

最近在维护一个老项目的时候，发现这么一个有趣的问题，页面中使用了 el-table 这个组件来展示数据并且通过 height 属性设置了固定高度，如果是正常的点击跳转，表格高度也能正确地显示，但是只要你一刷新页面后，表格高度就会出现异常了，只能显示一条数据的高度。

我们想要知道某个IP是否能访问，可以通过 ping 命令检测：

ping -c 5 192.168.1.1

最近在学习 Vue3 + ElementPlus，并且按照 ElementPlus 官方文档上的使用指南，采用了 自动导入 的用法，在其他组件比如 el-button、el-icon 等组件均能正常工作，但是 Loading、Message 等这种以服务的方式来调用的组件却不能正常显示出来。

定义全局属性

在 Vue2 中， Vue.prototype 通常用于添加所有组件都能访问的 property。

Vue.prototype.$http = axios

配置别名@

我们在项目中 import 文件时都喜欢用 @ 这个别名来表示 src 这个目录，在 Vite 项目中，如何配置这个别名呢？

前言

现在的项目一般都会集成 CSS预处理器，不管用的是 Sass、LESS、Stylus、PostCSS 中的哪一种，都能提高我们 CSS 的编写效率，也能使我们编写的 CSS 看起来更像是一个程序。

当 iPhone 通过数据线连接 macOS 时，iPhone 的充电状态一直在闪烁，频繁的在 断开/已连接 之间不停地切换。

sudo killall -STOP -c usbd

工作了这么多年，还是今年第一次接触到苹果的企业账号打包 App，由于 app 不上架，都是通过企业签名方式打包，让客户通过扫码方式下载安装。

以前老版本 Xcode，编译项目后会在左侧项目目录中有个 Products 的文件夹，里面包含了我们编译生成的 app 文件，但是更新到 Xcode13 之后，新建的项目你会发现在左侧目录中没有了这个 Products 文件夹，但是我们可以通过菜单快速定位到这个目录。

iOS app 中使用了极光推送，并且在 debug 模式下也能正常接收到通知消息，但是一旦切换到 release 正式环境下，则无法收到通知消息。

之前在 GitHub 上进行 clone、push 等操作，都是通过 SSH keys 私钥的方式来进行操作，这过程中不需要用到 GitHub 的账号和密码，今天换了台电脑，在执行 push 操作时并在输入账号和密码后却报错了：

remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.

Xcode 真机调试时突然提示：

Please check the connection to the device, and review all errors in the Devices and Simulators window.

2020年4月起App Store将不再接受使用UIWebView的新App上架、2020年12月起将不再接受使用UIWebView的App更新。苹果已经彻底抛弃了UIWebView，所以我们不再讨论关于UIWebView的问题。

需要指定使用 vue/dist/vue.esm.js 完整版。

import Vue from "vue/dist/vue.esm.js";

const path = require("path");

最近做了一个和 Android 设备机进行交互的 Web 项目，基本原理是在 Android 上通过 AndServer 搭建一个 HTTP 服务器，然后把 Vue 项目打包进去，这样就可以通过网页和 Android 设备进行交互，配置一些常用选项、查看数据、导出数据。

昨天在把 uni-app 小程序项目从 HBuilderX 开发方式迁移到 VSCode 中来，当把项目依赖都安装好，执行 npm run dev:mp-weixin 开始编译到微信小程序平台时，终端报了以下错误信息：

 ERROR  Failed to compile with 1 

当给一个容器采用 flex 布局并且设置横向滚动的时候，当所有子元素的内容超出父元素的宽度时，子元素的宽度被压缩了，从而导致变形。

思考

请问以下代码的运行结果是什么？

@interface MYObject : NSObject
@end

@implementation MYObject

最近在苹果官方网站下载了一个 Demo，由于年代久远，Xcode 打开编译后，直接提示如下错误信息：

Compiling IB documents for earlier than iOS 7 is no longer supported.

模拟器报错

由于项目需要识别银行卡信息和身份证信息，最终决定采用百度家的 OCR SDK，一共有三个库：

高能预警，本篇内容图片较多，无流量者请速速离开！！！

GCD 老生常谈的话题，下面分享几道面试题。

@property (nonatomic, assign) int num;

关于 KVO

键值观察是一种机制，它允许对象在其他对象的指定属性发生更改时收到通知。

关于 KVC

键值编码是由 NSKeyValueCoding 非正式协议启用的一种机制，对象采用该机制提供对其属性的间接访问。当对象符合键值编码要求时，其属性可以通过字符串参数通过简洁、统一的消息接口寻址。这种间接访问机制补充了实例变量及其相关访问器方法提供的直接访问。

今天我们来探索下类的 cache 属性，cache 顾名思义就是 缓存，那么它到底缓存的是什么数据呢？

测试代码

@interface MYObject : NSObject

@end

@implementation MYObject

前因

新建一个 iOS App 项目工程，然后先来看段代码

MYObject *obj1 = [MYObject alloc];

在平常的开发中，我们都只是知道有 objc 这个框架，为我们提供了一些底层接口(例如 runtime 以及 objc_msgSend 等)；如果我们能够将 objc 源码跑起来，加上 LLDB 进行调试，就能够清晰的分析整个代码的执行流程。

macOS

• IP

ping 127.0.0.1

前几天用 uni-app 写了个上传图片的小案例(编译到 H5 端)，当在 iPhone 上拍照上传时，发现在页面上预览的图片是发生了旋转的。

<view class="scale-box">
    <view class="scale-box-content">
        <!-- content -->
    </view>

特性

• 支持自定义验证码长度(默认长度为6)
• 支持切换键盘类型，适应纯数字、数字+字母等组合(默认为系统数字键盘)
• 验证码输入完毕后自动收起键盘并通过block回调调用者

需求场景：通过 WKWebView 加载第三方网页，其中有一个录制人脸视频的功能，为了用户体验需要默认调用前摄像头，然而第三方的网页我们无法调整，只能通过注入 JS 来修改 input 标签，将 capture 属性改成 user 即可调用前摄像头。

虽然苹果在今天推送了 iOS13.1.1 ，但还是简单记录下适配 iOS13 的过程吧。

请先安装 HomeBrew 工具

Cycript 是由 saurik 推出的一款脚本语言，可以看作是 Objective-C 和 JavaScript 的结合物，可通过 Cydia 安装。

埋坑!!!

Homebrew 是 mac 平台的软件包管理器，它允许我们通过 brew install xxx 的方式安装软件。

iOS 从 App Store 下载的应用都是加过壳的（只有从 App Store 下载的才是加壳的，系统应用和其他渠道下载的都是未加壳的），要想对应用进行逆向，首先得把这层壳去掉，俗称脱壳 或 砸壳。

前言

最近升级了 Sublime Text 后突然安装不了插件了，卸载了重新安装还是照样报错。错误信息如下图所示：

交换方法实现

得益于 Objective-C 的 runtime 机制，method swizzling 这个黑魔法可以为我们在实际开发中解决诸多常规手段所不能解决的问题。

时间过的真快，转眼弹性Web托管服务也即将到期了，但是每年 RMB199 的费用确实有点高了，所以今年不打算续费了，转战 OSS。

有时候我们需要将项目下的某个字符串全局替换成另一个字符串，可以借助 IDE 工具，当然也可以直接通过 grep + sed 命令完成。

sed -i "" "s/search/replace/g" filename

可以从各大应用商店下载 apk 安装包

函数定义：

setTimeout(function, millisec);

当服务器返回的JSON字符串中包含回车符等特殊字符时，ajax的解析会报错，导致程序执行异常。

苹果在 macOS 10.14 中为我们带来了 dark mode (暗黑模式) 功能

- (BOOL)isDarkMode {

当前环境：macOS 10.14.1 + Charles 4.2.7 + iPhone 7 iOS 12.1

今天产品部的突然说 iOS 版 App 播放不了 GIF，一接到这个反馈信息，我一开始是不相信的，因为之前的旧版也是用的 SDWebImage 这个库且未做任何代码适配就能够播放 GIF，所以我内心是极不愿相信这是我的锅。

在小程序就要上线之际，突然接到一个需求：只有登录的用户才能转发小程序。

当有多个页面需要监听某个状态（如：登录状态），当状态发生改变时，需要及时通知到每个监听者（页面），这就是通知机制。

对于 iOS 开发者来说，如果需要对一个类进行扩展，第一反应就是 runtime + category，有了这组合，我们简直可以为所欲为，为类添加属性、方法、重写某个方法都不在话下。

我们都知道 UITabBar 只能添加 UITabBarItem，而 UITabBarItem 是继承自 NSObject 的，但是我们可以发现 UITabBarItem 内部有一个 _view 属性与私有类 UITabBarButton 关联着，而这个 UITabBarButton 正是我们在 UITabBar 上看到的一个个按钮对象。

此 Bug 是在 iOS 12.1 Beta2 版本中被引入的，没想到在 iOS 12.1 正式版中并未修复

当我们需要用户输入数字时，我们会将键盘类型设置为 UIKeyboardTypeNumberPad 、 UIKeyboardTypePhonePad 或 UIKeyboardTypeDecimalPad 等数字类型的键盘。但是如果用户使用了第三方输入法（比如搜狗），那就无法达到强制输入数字的目的了，因为搜狗输入法在这些 UIKeyboardType 枚举类型中，除了常规的 0～9 数字键外，还额外带了其他符号键，用户可以输入一些特殊字符，此时如果想要达到效果，就只能通过重写遵守 UITextFieldDelegate 并实现 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string 方法，在这里通过正则判断用户输入的是否为数字。

今年苹果发布了三款 iPhone，分别为 iPhone XS、iPhone XS Max 以及 iPhone XR，尽管大家都在吐槽刘海屏，但是苹果今年已经是 iPhone 系列标配刘海屏了。

当点击按钮后，可能会执行一个比较耗时的操作，但是又不方便在整个页面进行提示时，此时如果我们仅仅只是把按钮禁用了以防用户重复点击，但是用户并不知道操作是否还在继续，用户体验不够友好；但是如果我们在按钮被禁用时，自动显示一个转圈圈的小菊花进行提示，那用户体验就会好很多，用户一看就知道当前操作正在进行中。

有时候我们快速点击按钮多次，会触发多次点击事件，最终导致数据提交多次，这是很没必要的。

效果图

注意点：

项目需要对JSON返回的换行符进行解析，系统提供了解析JSON的方法[NSJSONSerialization JSONObjectWithData:options:error:]，
AFNetworking 内部也是采用该方法来解析服务器返回的内容。所以，我只需要 hook 该系统方法，当解析失败的时候进行处理就行了，这样就可以一劳永逸，也无需修改其他地方的代码。

作为一名 iOS 开发者，肯定知道 NSArray/NSDictionary 不能存储 nil 值，如果你试图往数组/字典中存储 nil，那么 App 也将毫不客气的为你闪退。

要求

• iOS 10.0+
• iPhone 7/7P 或更新机型
• 打开”设置–声音与触感–系统触感反馈”选项

GIF效果图

最近项目重构，所以采用了 WKWebView 来展示网页内容，但是发现在 iOS9 上程序会出现 crash，以前也用过 WKWebView 但是都没遇到这么坑的情况啊。

使用了高德地图的JS API，文档戳这里

支持十六进制字符串的格式有：

相信没有哪款App是没有使用到滚动视图(UIScrollView、UITableView、UICollectionView)的吧，我相信大家用的最多的就是UITableView了，当需要展示列表数据时，我想大家第一次时间想到的就是UITableView。

我们经常会遇到这样一种需求，在控制器上有一个关闭按钮，点击来关闭当前页面。而我们通常的做法都是在 Storyboard 上拖一个 UIButton 出来，然后将 UIButton 拖线到控制器上，新建一个 IBAction 方法，并在该方法中通过代码来关闭当前控制器。

越来越多人采用Markdown进行写作，而表格作为一种比较常见的需求，Markdown也支持快速创建表格。

| Name | Score |
| :- | :-: |
| zhangsan | 90 |