摘要: 简介 使用 Node + vue 对公司的官网进行了一个简单的移动端的实现。 源码 https://github.com/wx1993/node-vue-fabaocn 效果 组件 轮播图(使用 vue-awesome-swiper 插件) 新闻列表 新闻详情 职位列表 联系我们页面(使用百度地图a 阅读全文
posted @ 2017-05-12 18:33 Raychan 阅读(21995) 评论(9) 推荐(8) 编辑
摘要: 前言 为什么要使用 Redux? 组件化的开发思想解放了繁琐低效的 DOM 操作,以 React 来说,一切皆为状态,通过状态可以控制视图的变化,然后随着应用项目的规模的不断扩大和应用功能的不断丰富,过多的状态变得难以控制,以至于当不同的组件中触发了同一个状态的修改或者引发了视图的更新,我们可能搞不 阅读全文
posted @ 2017-04-23 22:36 Raychan 阅读(1845) 评论(1) 推荐(0) 编辑
摘要: 使用 Developer ID 为 Mac 软件签名 - Apple Developer 在MacOS 10.15之前,应用如果没有签名(signature),那么首次打开时就会弹出“无法验证开发者”的安全提示,因此只要签名了,就可以正常打开软件, 从 10.15 版本后,从 App Store 之 阅读全文
posted @ 2020-07-10 10:02 Raychan 阅读(2773) 评论(0) 推荐(0) 编辑
摘要: pdf.js 主要用于在网页上展示 pdf 文档,是一个用户解析和渲染 pdf 文件的开源库。本文主要介绍如何在 react 中使用 pdf.js 解析 pdf 文件,并最终转换成图片形式。 一、 安装 pdf.js 库文件 要在 react 中使用 pdf.js,首先需要安装对应的依赖。对此 pd 阅读全文
posted @ 2020-03-20 18:47 Raychan 阅读(8765) 评论(1) 推荐(0) 编辑
摘要: html2pdf 是基于 html2canvas 和 jsPDF 开发的将 html 页面导出成 pdf 文件的插件,通过配置 opt 相关选项,可以自定义导出的选项,最近在使用 html2pdf 的时候,发现页面中的 img 图片导出的图案是空白的,查阅了相应的 issue 发现可以通过相关配置解 阅读全文
posted @ 2020-02-05 17:35 Raychan 阅读(3347) 评论(0) 推荐(1) 编辑
摘要: 之前写文章介绍了使用 js-xlsx 实现导入 excel 的功能,现在再介绍一下如何使用 js-xlsx 进行 excel 导出。 【实现步骤】 1. 首先安装依赖 2. 在组件中导入 xlsx 3. 提供导出按钮,编写导出方法 注:要导出数据的 json 格式应该是这样的(每个对象代表表格中的一 阅读全文
posted @ 2019-11-13 10:33 Raychan 阅读(14002) 评论(2) 推荐(0) 编辑
摘要: 背景 现在手上在做的 React 项目因为年代久远,用的 "Redux" ,写代码的体验不太好,所以想升级一下引入 dva。以往使用 dva 都是使用 "dva cli" 直接生成 dva 项目,或者在使用 "ant design pro" 的时候使用 umi 直接生成 react + antd + 阅读全文
posted @ 2019-10-15 15:06 Raychan 阅读(6537) 评论(0) 推荐(1) 编辑
摘要: 加入新公司一个月,最近接手在做一个 chrom 浏览器插件的项目,开发过程中发现项目打包的时间很长,足足有30多秒,这是让人很难接受的,而且构建的显示了几条包体积过大的提示信息: 可以看到,打包后有三个包超过了建议的体积,是什么导致了打包时间长和包的体积过大呢? 下面通过一些具体方法来分析原因和解决 阅读全文
posted @ 2019-08-14 17:28 Raychan 阅读(1345) 评论(0) 推荐(0) 编辑
摘要: 作为一个前端开发,了解一些基础的设计原理还是很有必要的,最近入职新公司,看见书架上有这本《写给大家看的设计书》,所以就借来看了,学习过程中发现书中介绍的一些设计原则,原来在日常的开发都有很多的体现。特别是用的比较多的 Ant Design,其设计语言的原则就是应用了这本书中介绍的亲密性、对齐、对比、 阅读全文
posted @ 2019-07-25 10:11 Raychan 阅读(641) 评论(0) 推荐(0) 编辑
摘要: 在设置 UITableView 的 style 为 .grouped 类型的时候,发现第一个 cell 的顶部存在大段的间距,而改为 .plain 类型则没有这个间距,效果如下: 设置了 contentInset 和 heightForHeader 为 0.01 都无效,最后发现是 的书写位置有问题 阅读全文
posted @ 2019-03-20 11:44 Raychan 阅读(3060) 评论(0) 推荐(0) 编辑
摘要: 在前端项目中经常遇到上传文件的需求,ant design 作为 react 的前端框架,提供的 upload 组件为上传文件提供了很大的方便,官方提供的各种形式的上传基本上可以覆盖大多数的场景,但是对于不同的服务器平台,可能实现方式会有所不同,尤其最近使用了阿里云作为服务器上传,就需要自定义上传行为 阅读全文
posted @ 2019-03-08 17:04 Raychan 阅读(12794) 评论(6) 推荐(1) 编辑
摘要: // 绑定事件 cell.privacySwitch.addTarget(self, action: #selector(RSMeSettingPrivacyViewController.switchTapped(_:)), for: UIControl.Event.valueChanged) @objc func switchTapped(_ sender: UISwitch) { pr... 阅读全文
posted @ 2019-01-16 11:24 Raychan 阅读(744) 评论(0) 推荐(0) 编辑