20171226 前端开发日报-前端开发博客

瞎折腾：把JS,CSS任意文本文件加密成一张图片；JavaScript30秒，从入门到放弃；NodeJs爬虫抓取古代典籍，共计16000个页面心得体会总结，附带对应的React+ Redux 前端和 Koa2服务端代码；Vue2 技术栈归纳与精粹；使用 CSS Grid：以兼容不支持栅格化布局的浏览器；JS埋点SDK技术分析；后台获取(Background Fetch) – HTTP 203 Advent；前端工具考 – ESLint 篇

瞎折腾：把JS,CSS任意文本文件加密成一张图片这篇文章发布于 2017年12月24日，星期日，16:04，归类于js实例。阅读 264 次, 今日 264 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6661 本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。一、这是一张包含特殊信息的加密图片 64像素*64像素原始加密图…
JavaScript30秒，从入门到放弃有意思最近很火的github上的库30-seconds-of-code，特别有意思，代码也很优雅。能学es6 自己翻译，能学英语代码很美，很优雅，美即正义函数式表达，享受 arrayGcd Calculates the greatest common denominato…
NodeJs爬虫抓取古代典籍，共计16000个页面心得体会总结，附带对应的React+ Redux 前端和 Koa2服务端代码前言之前研究数据，零零散散的写过一些数据抓取的爬虫，不过写的比较随意。有很多地方现在看起来并不是很合理这段时间比较闲，本来是想给之前的项目做重构的。后来利用这个周末，索性重新写了一个项目，就是本项目 guwen-spider。目前这个爬虫还是比较简单的
Vue2 技术栈归纳与精粹 Vue是一款高度封装的、开箱即用的、一栈式的前端框架，既可以结合webpack进行编译式前端开发，也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初，笔者生产环境当前使用的最新版本为2.5.2。在经历多个前端重度交互项目的开发实践之后，笔者结合官方文档对Vue技术栈进行了全面…
使用 CSS Grid：以兼容不支持栅格化布局的浏览器原文地址：Using CSS Grid: Supporting Browsers Without Grid 原文作者：Rachel Andrew 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Raoul1996 校
JS埋点SDK技术分析上一篇博客分析了Android上的埋点SDK技术原理，这次我们看一下这几种方案在Web页面上的实践。在JS里面同样有代码埋点、全埋点、可视化埋点三种方案，如果对这几种方案的概念不了解可以看下上一篇博客。由于 mixpanel-js 和 Sensors Analytics JavaScript SDK 都开源了自己的SDK，就以它们为例进行分析。二、…
后台获取(Background Fetch) – HTTP 203 Advent 如果关注过 Google 相关的开发技术，对 HTTP203 这个栏目应该不陌生。这是 HTTP203 圣诞节的特别版！ Jake（@jaffathecake）和 Surma（@DasSurma）有 2 分钟的时间来描述他们对 2018 年的兴奋点。其中包括
前端工具考 – ESLint 篇
ajax初探–实现简单实时验证
JavaScript 定义类的最佳写法——完整支持面向对象（封装、继承、多态），兼容所有浏览器，支持用JSDu…
最近使用 Javascript 生态环境开发的体验为了了解一下 Javascript 开发的生态环境，我开始做一个小工具 paper 。他是一个在线的 Markdown 编辑器（使用 CodeMirror)。可以用来发布一篇文章，他们在服务器上都是有一个静态的 md 文件。在这过程中我计划粗浅的学习这些知识： React.js, Node.js, NPM/Yarn, Babel, Webpack, ES6. 本来只想用两天的时间…
NodeJs爬虫抓取古代典籍，共计16000个页面心得体会总结及项目分享前言之前研究数据，零零散散的写过一些数据抓取的爬虫，不过写的比较随意。有很多地方现在看起来并不是很合理这段时间比较闲，本来是想给之前的项目做重构的。后来利用这个周末，索性重新写了一个项目，就是本…
Webpack实战-构建 Electron 应用 Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。 Electron 是 Node.js 和 Chromium 浏览器的结合体，用 Chromium 浏览器显示出的 Web 页面作为应用的 GUI，通过 Node.js 去和操作系统交互。当你在 Electron 应用…
【Bootstrap CSS3媒体查询断点】Bootstrap响应式设计，就是一个典型的媒体查询CSS框架，它设定了某些媒体查询节点，根据不同设备宽度，写不同的断点位置来做响应式查询。 #前端开发博客#
webpack+babel项目在IE下报Promise未定义错误引出的思考
jQuery 插件 Magnify 开发简介（仿 Windows 照片查看器）
【20171225 前端开发日报】基于 WebRTC 构建 Web SIP Phone；关于 vue 全家桶的四个 “最佳实践”；JavaScript 优雅的实现方式包含你可能不知道的知识点；Node.js VS PHP — 你应该选择哪一个？；A Simple RESTful API Service With Node.js And Ko…详情→