造一个简单的UI轮子(Vue)

造一个简单的 Vue UI 库(移动端)

其实是出于对第一个使用的 vue 框架 mint-ui 的怀念,以及想要打造一个简单的适合自己的移动端 UI 框架的目的做的项目。整体想法和架构基于 mint-ui 但是会参考很多 UI 库例如 vux、vant 等,因为 mint-ui 客观事实上来说还是有很多地方需要修改和优化的。

Read more
npm发包技巧

一点 npm 发包技巧

使用 nrm 管理源

今天发布 npm 包的时候一直提示

1
2
npm ERR! code E403
npm ERR! 403 Forbidden - PUT https://registry.npm.taobao.org/@xaviershi%2fvue-cli-plugin-xaviershi - [no_perms] Private mode enable, only admin can publish this module

经过查找是因为使用 taobao 源的原因导致的。
首先npm i nrm,nrm ls查看源,nrm use使用源

发布带作用域的包

  1. npm init --scope=<作用域名>
  2. npm publish --access public
  3. 好像只能写自己账号名字的作用域,不过可以交钱创建组织
Read more
RN基本开发环境搭建

基础搭建

react-native init AwesomeProject 默认会下载最新的 RN 版本,启动 react-native run-ios or react-native run-android
iOS 真机启动步骤:

  1. Bundle Identifier改证书名,Version改版本号
  2. 选择 team 选择部署设备系统版本
  3. target 换到 Tests,取消勾选Allow testing Host Application APIs
  4. 选择 team,切换到 Build Settings 版本号切换为设备版本
  5. Info.plist App Transport Security Settings -> Allow Arbitrary Loads勾选为 yes
  6. RCTWebSocket.xcodeproj->RCTWebSocketExecutor.m localhost 替换为本机 IP
  7. Target 选择 Tests Build Phases-> Link Binry with Libraries -> + -> libRCTWebSocket.a->add
  8. cmd+r 真机运行,然后 iPhone 信任证书再运行一遍
    具体步骤及资料
  9. Android 环境下载 gradle 缓慢的问题。黏贴命令行里面的地址使用迅雷下载,然后将包拖到 chome 里面会得到一个 file 地址,这个地址替换项目中 android/gradle/wrapper/gradle-wrapper.properties 里面的 distributionUrl 注意加转义字符
  10. iOS 真机调试以上技巧 0.57.7 版本好使 0.58 不行 报不支持 arm64 的错。真机调试安装到 iPhone 之后 不用改 RCTWebSocketExecutor.m文件的 ip 地址依然能刷新修改后的代码。

RN 开发技巧

  1. React-Native 指定模拟器 RUN-IOS react-native run-ios --simulator "iPhone 7”
  2. MAC 查看端口号被占用及杀死进程。使用命令 lsof -i:port 查看端口号被哪个应用占用,找到 PID(port 是端口号),再使用命令 kill PID 结束应用(PID 是该应用的编号) 使用 lsof -i 命令可以查看所有进程.查看 mysql 的版本号:mysql -V
Read more
RN勇者之路

披荆斩棘 勇往直前

Read more
eggjs搭建开发环境
Read more
WEB小技巧

一些平常会用到的小技巧

Read more
WEB知识点

总结一些可能不是经常用且容易忘的知识点

Read more
基于vue-cli3构建基本完善的项目结构

构建基本完善的项目结构

Read more
关于移动端适配的几个简单解决办法(vue)

关于移动端适配的几个简单解决办法(vue)

对移动端适配原理进行简单介绍,并提供几个适用于 vue 项目的移动端适配解决方案。

Read more
JS高级-一刷红宝书

JS高级-一刷红宝书

JavaScript简介

  • 文档对象模型(DOM)

    很多语言也实现了DOM,但是DOM已经成为了JavaScript中的一个重要组成部分

  • JavaScript由ECMAScript + 文档对象模型(DOM) + 浏览器对象模型(BOM)组成

  • 浏览器http请求限制 8以内
    浏览器允许的并发请求资源数是什么意思?
    页面优化——减少HTTP请求数
  • 为什么使用CDN的原因
    启用与主站域名不同的网站提供静态服务可以减少cookies传送 有的时候cookies体积很大,而每一个请求都会携带cookies往返,占用时间和带宽较大,并且能够减少服务器带宽 节约资源
Read more