自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

binggg

生命不息,折腾不止,懒惰使人进步

  • 博客(17)
  • 收藏
  • 关注

原创 比快更快,Github Action + 云开发部署静态网站

Github 为开源项目提供了用于静态页面展示的 Pages 服务,很多开发者都在上面托管了自己的静态网站和博客,不少开源项目的案例和文档页面也采用了这种方式。不过由于 Pages 的 CDN 节点大部分在国外,在国内的访问速度不是很理想,不少开发者希望能提升网站在国内的访问速度和稳定性,今天会介绍如何配合 Github Action 的持续集成服务和 云开发 Github Act...

2020-04-13 09:32:55 675

原创 【攻略】如何在云开发中使用 Redis?

默认情况下,云开发的函数部署在公共网络中,只可以访问公网。如果开发者需要访问腾讯云的 Redis、TencentDB、CVM、Kafka 等资源,需要建立私有网络来确保数据安全及连接安全。本文会演示如何在云开发的函数中使用 Redis,如需访问其他数据库资源,也可以参考本文的思路。Redis 介绍及应用场景Redis 是一个开源的 In-Memory 的NoSQL数据库,可以...

2020-03-03 15:36:32 188

原创 【攻略】如何在云开发中使用 Redis?

默认情况下,云开发的函数部署在公共网络中,只可以访问公网。如果开发者需要访问腾讯云的 Redis、TencentDB、CVM、Kafka 等资源,需要建立私有网络来确保数据安全及连接安全。本文会演示如何在云开发的函数中使用 Redis,如需访问其他数据库资源,也可以参考本文的思路。Redis 介绍及应用场景Redis 是一个开源的 In-Memory 的NoSQL数据库,可以用作数据库、缓存...

2020-03-03 15:34:57 1344

原创 实战分享: 小程序云开发玩转订阅消息

微信官方为提升小程序模板消息能力的使用体验,对模板消息的下发条件进行了调整。原有的小程序模板消息接口于 2020 年 1 月 10 日下线,届时将无法使用旧的小程序模板消息接口发送模板消息,取而代之的是新的一次性订阅消息和长期订阅消息。订阅消息给小程序开发者带来了更好的触达用户的能力,在具体实施过程中,开发者如何把模板消息换成新的订阅消息,是否需要购买服务器来实现服务器鉴权,怎样...

2019-10-22 21:02:13 491 2

原创 实战分享: 小程序云开发玩转订阅消息

微信官方为提升小程序模板消息能力的使用体验,对模板消息的下发条件进行了调整。原有的小程序模板消息接口于 2020 年 1 月 10 日下线,届时将无法使用旧的小程序模板消息接口发送模板消息,取而代之的是新的一次性订阅消息和长期订阅消息。订阅消息给小程序开发者带来了更好的触达用户的能力,在具体实施过程中,开发者如何把模板消息换成新的订阅消息,是否需要购买服务器来实现服务器鉴权,怎样才能在用户订阅之...

2019-10-22 20:47:44 3462 4

原创 Nuxt 自适应 SSR 方案: SEO 和首屏最小化优化

20190922173229.png目前项目采用 Nuxt SSR 来完成服务端渲染 ,为满足 SEO 需求,将非首屏内容也进行了请求和服务端直出,导致首屏时间变长(非首屏的资源请求和组件的渲染都会带来额外开销)。对于海量的用户来说,少量的爬虫访问需求反而影响了正常用户的访问,导致 SEO 和用户体验提升存在很大的矛盾。为了解决这个问题,我们设计和实践了自适应 SS...

2019-10-17 17:28:59 882

原创 Nuxt 自适应 SSR 方案: SEO 和首屏最小化优化

目前项目采用 Nuxt SSR 来完成服务端渲染 ,为满足 SEO 需求,将非首屏内容也进行了请求和服务端直出,导致首屏时间变长(非首屏的资源请求和组件的渲染都会带来额外开销)。对于海量的用户来说,少量的爬虫访问需求反而影响了正常用户的访问,导致 SEO 和用户体验提升存在很大的矛盾。为了解决这个问题,我们设计和实践了自适应 SSR 方案,来同时满足这两种场景的需求。今天会分享这个方案的技术细...

2019-09-24 12:27:30 2495 1

原创 Nuxt 自适应 SSR 方案: SEO 和首屏最小化优化

目前项目采用 Nuxt SSR 来完成服务端渲染 ,为满足 SEO 需求,将非首屏内容也进行了请求和服务端直出,导致首屏时间变长(非首屏的资源请求和组件的渲染都会带来额外开销)。对于海量的用户来说,少量的爬虫访问需求反而影响了正常用户的访问,导致 SEO 和用户体验提升存在很大的矛盾。为了解决这个问题,我们设计和实践了自适应 SSR 方案,来同时满足这两种场景的需求。今天会分享这个方案的技术细节...

2019-09-22 17:00:37 2526

原创 React DnD 拖放库浅析

今天与你分享的是 redux 作者 Dan 的另外一个很赞的项目 react-dnd (github 9.6k star),dnd 是 Drag and Drop 的意思,为什么他会开发 react-dnd 这个项目,这个拖放库解决了什么问题,和 html5 原生 Drag Drop API 有什么样的联系与不同,设计有什么独特之处?让我们带着这些问题一起来了解一下 React D...

2019-07-31 23:39:09 1467

原创 致敬 React: 为 Vue 引入容器组件和展示组件

如果你使用过 Redux 开发 React,你一定听过 容器组件(Smart/Container Components) 或 展示组件(Dumb/Presentational Components),这样划分有什么样的好处,我们能否能借鉴这种划分方式来编写 Vue 代码呢?这篇文章会演示为什么我们应该采取这种模式,以及如何在 Vue 中编写这两种组件。为什么要使用容...

2019-07-31 23:11:01 559

原创 Electron Webview 刷新时禁用缓存

Electron Webview 标签在刷新时使用<webview>.reload()和 <webview>.reloadIgnoringCache() 都无法禁用页面资源文件的缓存如果想实现类似于 Disable Cache 的效果,可以先清除session的HTTP缓存,再进行刷新操作。代码示例:let webview = document.qu...

2018-10-16 18:17:30 3900

原创 Vue 应用性能优化指南

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。但在实践中仍然有可能遇到性能问题,下面会介绍一些定位分析 Vue 应用性能问题的方式及一些优化的...

2018-09-11 07:45:18 217

原创 迅雷2019校园招聘 内推码

【迅雷2019校园招聘 内推码 628469】免筛选直通笔试,优秀简历直通面试迅雷# #校招# #内推#岗位详情&投递简历 戳http://wechat.niu.xunlei.com/hr/Wechathr/share?code=628469 ...

2018-08-13 20:52:40 370 1

原创 迅雷前端实习生招聘

岗位介绍 1.负责迅雷(PC端/移动端)前端业务开发和优化 2.负责前端业务框架、工具链的不断完善 在这里,你可以实现你写的代码被千万级活跃用户运行。 在这里,你将有机会使用 JS 编写web端、Node 端、客户端程序等。 在这里,你可以接触、实践和应用 web 最前沿的新技术。 在这里,你将...

2018-04-16 15:34:43 213

原创 性能优化之组件懒加载: Vue Lazy Component 介绍

初始加载资源过多问题起源于我们的一个页面,下面是这个页面的截图和初次请求的瀑布图。初始加载了155个请求初始加载的时候,一共请求了155个资源,请求的瀑布图就快要和页面一样长了????请求概况初始加载的资源过多导致在 domInteractive 之后,页面花费了大量时间加载子资源,导致页面的 load 时长被严重拖长,达到了 5.6s 。...

2017-09-15 18:47:13 1385

原创 复杂 Web 应用的状态管理思考

目录1.背景2.一个常见的多个组件共享状态的问题3.MVC 架构4.Flux 架构5.MVC 与 Flux 的对比6.Vue.js 的 Vuex 方案7.使用 Vuex 的正确姿势8.只有 Vuex 还不够...9.结语10.推荐阅读1.背景Web 页面开发的应用化趋势随着 Web 能力的不断提升,用户的 Web 页面体验的要求,要求像原生一样,无刷新...

2017-03-31 18:57:22 225

原创 基于Gitlab CI搭建持续集成环境

本文简单介绍了持续集成的概念并着重介绍了如何基于 Gitlab CI 快速构建持续集成环境,主要介绍了 Gitlab CI 的基本功能和入门操作流程。本文提到的 Gitlab 版本为 8.x ,新版的 Gitlab 界面可能会有所不同什么是持续集成?image.png持续集成(Continuous Integration,简称CI)指的是,频繁地(一天多次)...

2017-02-10 11:11:39 381

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除