
前端开发
点火三周
热爱编程,老码团队成员,《老码说编程之玩转Swift江湖》作者。elasitcsearch认证工程师,elasitcsearch中文社区成都负责人
展开
-
js生成.zip压缩包并保存到本地
近日用electron平台做了一个web desktop的小程序,通过这个小程序可以生成并校验服务器各个节点需要的ini文件。因为服务器的节点繁多,所以会生成多个ini文件,也就提出了一个需求,把这多个ini文件压缩成一个zip返回给用户。 这是我的第一个js的web desktop app,忍不住上来分享一下:var ini = require('ini');var zip = new req原创 2016-06-28 22:04:48 · 15973 阅读 · 0 评论 -
用chrome插件实现cookie同步
文章目录场景描述面对的问题解决思路chrome cookie share插件开发项目结构manifest.json前端:content.js后端:background.js结语场景描述做过爬虫或者机器人的朋友一定会遇到登陆的问题:大多数的网站需要登陆之后才能读取内容或者执行操作。要实现网站的自动化登陆和操作,大概的方法有两种:1,通过Chrome无头浏览器-selenium等工具模拟登陆,然后...原创 2019-06-21 16:00:42 · 11732 阅读 · 5 评论 -
使用Elasticsearch搭建一个文件搜索系统(带界面)
接触ELK这么久,一直都在日志分析和系统运维方面兜圈圈。今天来玩转一下搜索技能,填补一下这方面的空白。主要也是好多天没更新博客了,来写一篇文章目录基本需求任务分解web 前端web 后端索引替换文件监控与索引文件下载结语何为文件搜索系统?其实简单一点,就可以想象为一个带用户界面的grep,可以根据你提供的关键字查询包含该内容的文件。与grep一样,该系统应该能返回包含该搜索条件的文件名,行...原创 2019-06-10 17:59:32 · 14832 阅读 · 15 评论 -
如何用elastic APM实现用户行为轨迹监控(User Journey Monitoring)
对于各大APM厂商来说,通过用户轨迹监控(User Journey Monitoring)来获取用户访问网站或者APP时的轨迹已经成为了标配,通过该功能,我们可以了解用户的轨迹信息,比如:哪个页面最吸引用户访问,用户在哪个页面上停留的时间最长,哪个页面客户点击最少,停留的时间最少,一般是从哪个页面到哪个页面等等。elastic APM 目前只提供了一个RUM功能(Real User Monito...原创 2019-03-06 10:59:03 · 8802 阅读 · 2 评论 -
最强PostMan使用教程(4)- 使用Postman的模拟服务模拟(mock)后端
最近在做一些app,前后端分离的开发模式是必须的。一直用的python flask做后端的快速POC,python本身就是一门胶水语言,开发起来方便快捷,而flask又是一个极简的webserver框架(比Django简洁)。但在这里推荐的是使用Postman,避免同时打开pycharm和webstorm,同时对于不懂python的同学也是福音。在整个开发过程中,前端或后端的延迟可能会...原创 2018-08-25 18:00:15 · 50887 阅读 · 7 评论 -
最强PostMan使用教程(5)- 工作协同:使用Postman生成接口文档和示例
Postman这个Documentation功能对于前后端分离的团队,接口开发团队来说真的是提升沟通效率和工作效率的一个利器。废话不多说,直接上干货来看如何通过Postman来生成接口文档和发布接口文档,以及如何定制化文档中的内容。流程概要定义一套接口,为接口生成文档和示例一般来说有以下步骤:(这里只列出postman参与的部分)创建一个接口集合,描述该接口集合的功能、范围等信息将...原创 2018-08-27 22:26:42 · 63007 阅读 · 14 评论 -
用zookeeper同步kibana集群
最近在忙于搭建公司内部的应用日志分析系统,鉴于公司架构的要求,所有的服务都必须双活。对于应用日志分析系统,现在普遍采用的都是ELK stack的框架,前端部分的kibana是必选项。而如果需要将kibana做成双活,则两个kibana之间需要做一定的同步(因为共享一个elasticsearch集群作为数据存储,则两个kibana之间在执行alarm,report等动作时,需要一定的同步机制,...原创 2018-02-11 16:57:40 · 2492 阅读 · 0 评论 -
用native C++模块扩展Node.js
Node.js不仅可以加载JavaScript库,还可以使用原生模块(已编译的C / C ++代码)进行扩展。虽然这并不意味着您应该清理现有的JavaScript模块,转而使用良好的C ++语言,但是这些知识可能会在特定用例中派上用场。我是一名JavaScript开发人员,为什么我会想要混合使用C++?首先:可以直接访问现有的C / C ++库。而不是像“执行命令”风格那样将这些应用程序称为外部应用原创 2018-02-11 15:35:48 · 4982 阅读 · 1 评论 -
Node里面的require和RequireJs的区别
作为一个前端的新手,总是诧异于js的模块载入方式,看到了通过requireJs提供的require()命令之后,发现node也是通过类似的方法加载模块,我就好奇,这两个是一个东西吗?用electron写了一个web desk app,想通过CI上建一个job刷新repository,然后通过网页可以在team里面随时share软件的进度和功能,发现通过浏览器直接打开的这个app没法加载其他的库:原创 2016-07-20 11:28:44 · 8364 阅读 · 0 评论 -
Javascript模块化编程(三):require.js的用法
转自(http://www.ruanyifeng.com/blog/2012/11/require_js.html)这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里转载 2016-07-20 11:27:36 · 3956 阅读 · 0 评论 -
YAML 语言教程
转自(http://www.ruanyifeng.com/blog/2016/07/yaml.html)编程免不了要写配置文件,怎么写配置也是一门学问。YAML 是专门用来写配置文件的语言,非常简洁和强大,远比 JSON 格式方便。本文介绍 YAML 的语法,以 JS-YAML 的实现为例。你可以去在线 Demo 验证下面的例子。一、简介YAML转载 2016-07-20 10:29:42 · 3889 阅读 · 0 评论 -
AngularJs渲染完毕后执行指定操作
最近用AngularJs做了一个Web的项目,AngularJs的设计真的很适合CRUD。真的建议很多内部的提高生产力的工具转而采用Web,以AngularJs为框架。 通常的Web程序,我们需要在页面加载完成的时候执行某些特定的操作,在没有AngularJs的时候一般采用的是监听onLoad event。但在使用AngularJs来渲染页面时,onLoad不能保证AngularJs已经完成了页面原创 2016-07-27 11:17:07 · 29003 阅读 · 2 评论 -
Javascript模块化编程(二):AMD规范
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模转载 2016-06-30 08:19:09 · 2850 阅读 · 0 评论 -
Javascript前端模块化
随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Ja转载 2016-06-30 08:15:36 · 3117 阅读 · 0 评论 -
(转)用webpack4从零开始构建react脚手架
使用脚手架git clone git@github.com:xiehaitao0229/react-wepack4-xht.gitcd react-webpack4-xht`npm run dev` // 启动本地`npm run build` // 打包线上环境`npm run clean` // 清除线上环境打包出来的文件`npm run test` // 单元测试...转载 2019-06-27 10:17:10 · 956 阅读 · 2 评论