摘要：
简析hotjar录屏功能实现原理 众所周知，hotjar中录屏功能是其重要的一个卖点，看着很牛X酷炫的样子，今天就简单的分析一下其可能实现（这里只根据其请求加上个人理解分析，并不代表hotjar中真实实现必然如此）的原理。 1、获取完整DOM内容 如果要实现完整的录屏功能，在客户端在没有客户允许的 阅读全文
随笔分类 - 前端
实现node端渲染图表的简单方案
2018-05-31 23:48 by JerremyZhang, 2526 阅读, 收藏,
摘要：
实现node端渲染图表的简单方案 这个题目有点小，本篇博客真正谈论的应该是服务端生成图表的简单方案，这里面有两个关键字：服务端 & 简单，我们知道基于js有很多的图表库，知名的如D3、echarts 、highcharts等等，对于做数据可视化方向的同学可能自己都做过此类chart的研发，无论从 阅读全文
超越Ctrl+S保存页面所有资源
2018-05-19 22:59 by JerremyZhang, 1826 阅读, 收藏,
摘要：
如何抓取页面所有内容 基本需求 抓取页面所有内容主要包括一下内容： 1. 页面内元素 页面元素包含服务端直接返回的元素，动态构建的元素 2. 页面内所有资源 页面所有资源包含本页面所在域资源以及第三方域资源，同主域的资源也认为第三方域资源，这种资源一般是以绝对路径的方式标识，同域下资源主要有 阅读全文
基于puppeteer模拟登录抓取页面
2018-05-08 19:49 by JerremyZhang, 10114 阅读, 收藏,
摘要：
关于热图 在网站分析行业中，网站热图能够很好的反应用户在网站的操作行为，具体分析用户的喜好，对网站进行针对性的优化，一个热图的例子（来源于ptengine） 上图中能很清晰的看到用户关注点在那，我们不关注产品中热图的功能如何，本篇文章就热图的实现做一下简单的分析和总结。 热图主流的实现方式 一般实现 阅读全文
使用Puppeteer抓取受限网站
2018-05-04 12:35 by JerremyZhang, 2057 阅读, 收藏,
摘要：
不要相信前端是安全的，今天简单验证一下，但是希望大家支持正版，支持原作者，毕竟写书不易。 安装Puppteer 选择目标网站 我们这里选择胡子大哈大神的网站 http://huziketang.mangojuice.top ； 爬取所有文章 基本思想思路 + 实现方案 爬取书籍目录 根据目录爬取没 阅读全文
基于puppeteer的网络拦截工具flyover
2018-05-04 12:35 by JerremyZhang, 2177 阅读, 收藏,
摘要：
为什么需要网络拦截工具 通常我们会遇到这样的场景： 1. 线上一个图片有异常，线下修正之后需要发布之前进行测试，有些情况下，QA同学有直接在线上环境测试的需求，只是链接本地资源，通常在windows下有一个很好的工具fiddler可以完成这个功能，当然mac下也有其对应的工具Charles，但是工具 阅读全文
Headless Chrome：服务端渲染JS站点的一个方案【中篇】【翻译】
2018-04-20 16:01 by JerremyZhang, 1420 阅读, 收藏,
摘要：
接上篇 防止重新渲染 其实说不对客户端代码做任何修改是忽悠人的。在我们的Express 应用中，通过Puppteer加载页面，提供给客户端响应，但是这个过程是有一些问题的。 js脚本在服务端的Headless Chrome 中执行过一次，但是等浏览器拿到真正的结果后，并不会阻止js再次执行，所以这种 阅读全文
Headless Chrome：服务端渲染JS站点的一个方案【上篇】【翻译】
2018-04-19 15:19 by JerremyZhang, 2137 阅读, 收藏,
摘要：
tips:Headless浏览器完全可以作为服务端渲染的一个替代方案，在服务端转化js 站点为静态html页面；在webserver 上运行Headless 浏览器完全可以预渲染现代js 模式的应用，增加响应速度，对SEO也更加友好 本篇涉及到的技术展示了如何通过Google Headless 框架 阅读全文
一步一步学习Vue（十三）
2018-04-19 14:00 by JerremyZhang, 916 阅读, 收藏,
摘要：
最近比较忙，忙着工作交接，忙着招人、忙着各种会，更新很少，这一篇也是作为本入门系列的最后一篇了，以后可能会写一些自己在前端这块的心得或者体会了，无关乎使用什么框架，可能就是原生的js、dom、编程模式或者框架相关，比如vue比如ng等等，入门篇虽然每一篇都写的比较粗糙，主要是因为我没有一个好的规划， 阅读全文
一步一步学Vue（十二）
2017-08-07 23:39 by JerremyZhang, 2204 阅读, 收藏,
摘要：
为了提升代码的逼格，之后代码改为Vue文件组件，之前代码虽然读起来容易理解，而且适合在小的项目中使用，但是有如下缺点： 全局定义(Global definitions) 强制要求每个 component 中的命名不得重复 字符串模板(String templates) 缺乏语法高亮，在 HTML 有 阅读全文
OOP in Javascript
2017-08-06 14:14 by JerremyZhang, 922 阅读, 收藏,
摘要：
写了几篇Vue入门的内容了，今天写点其它的放松一下，简单讲讲javascript中的面相对象。 在面向对象的语言中，都有类的概念，当然es6中开始javascript中也有类的概念了，这里以es5为基础开始讲解，毕竟当前即使写的es6代码，一般还是会通过babel等转码器翻译到es5来执行的； 在j 阅读全文
一步一步学习Vue（十一）
2017-08-03 23:02 by JerremyZhang, 2008 阅读, 收藏,
摘要：
本篇继续学习vuex，还是以实例为主；我们以一步一步学Vue（四）中讲述的例子为基础，对其改造，基于vuex重构一遍，这是原始的代码： todolist.js ; (function () { var list = []; var Todo = (function () { var id = 1; 阅读全文
一步一步学习Vue（十）
2017-08-01 22:49 by JerremyZhang, 2084 阅读, 收藏,
摘要：
本篇说一下组件通信的问题，父子组件通信，前面的博客中已有说明，vue也推荐props in，event out；兄弟节点通信如何做呢？官方其实也给出了实现方式，我们以下面的场景来实现一下： 上图中，实现如下功能：搜索表单组件中，包含各种搜索条件，当点击搜索按钮时，加载数据到列表组件中渲染。 这里会给 阅读全文
一步一步学Vue（九）
2017-07-30 22:58 by JerremyZhang, 2668 阅读, 收藏,
摘要：
接上篇，这次是真的接上篇，针对上篇未完成的部分，增加鉴权功能，开始之前，我们先要介绍一个新的知识，路由元数据。 在vue-router中，定义元数据的方式： 那么如何访问这个 meta 字段呢？ 首先，我们把routes 配置中的每个路由对象叫做路由记录。路由记录可以是嵌套的，因此，当一个路由匹配成 阅读全文
一步一步学Vue（七）
2017-07-26 23:56 by JerremyZhang, 1914 阅读, 收藏,
摘要：
前言：我以后在文章最后再也不说我下篇博文要写什么，之前说的大家也可以忽略，如果你不忽略，会失望的😄，不过说出去的话还是要表示一下的，简单介绍一下路由钩子： 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由 阅读全文
一步一步学Vue（六）
2017-07-25 23:14 by JerremyZhang, 2107 阅读, 收藏,
摘要：
本篇继续介绍vue-router，我们需要要完成这样个demo：《分页显示文章列表》；这里我们以博客园首页列表为例简化处理： 按照上图框选所示，简单分为蓝色部分文章组件（ArticleItemComponent），橙色框选部分列表组件（ArticleListComponent）；分页部分我们就简单通 阅读全文
一步一步学Vue（五）
2017-07-24 23:30 by JerremyZhang, 2710 阅读, 收藏,
摘要：
本篇是是vue路由的开篇，会以一个简单的demo对vue-router进行一个介绍，主要覆盖以下几个常用场景： 1、路由跳转 2、嵌套路由 3、路由参数 1、Vue-Router 一般来说，路由定义就是定义地址访问规则，然后由路由引擎根据这些定义的规则去查找对应的页面，并转发请求给页面进行处理；对于 阅读全文
一步一步学Vue(四)
2017-07-22 22:12 by JerremyZhang, 2919 阅读, 收藏,
摘要：
接上篇。上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件 TodoContainer组件，用来组织其它组件，这是react中推荐的方式，也是redux中高阶组件一般就是用来包装成容器组件用的，比如redux中的connect函数 阅读全文
一步一步学Vue(三)
2017-07-21 23:21 by JerremyZhang, 2944 阅读, 收藏,
摘要：
接上篇，有同事看了我写的博客，觉得我这人不靠谱，文笔太白了，不够严肃，所以这次我一定要做一个严肃的人，写博客要有写博客的态度，第三篇开始我在考虑一个问题，会不会太着急了，要知道Vue的组件化时它的一个买点，现在还没有完全的过一遍其核心概念我就开始结合后端了，有点操之过急了，没写过这类博文，大家见谅。 阅读全文
一步一步学Vue(二)
2017-07-20 23:32 by JerremyZhang, 4230 阅读, 收藏,
摘要：
接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替，后期 阅读全文
浙公网安备 33010602011771号