20190910 前端开发日报

用Vue做个Window玩;渗透测试 | 突破前端JS加密限制;HTML5 – 拖放;Vue之不完美的极致优化;[Vuex]Vuex学习手记;Vue + Koa 2 + mongoose 写一个像素绘板;Vue实战—如何实现商品评价栏目(14);让 HTTPDNS 解决客户端 DNS 劫持与提高解析稳定性

  1. 渗透测试 | 突破前端JS加密限制 现在前端开发为了提高爬虫的难度及加强安全性,都会在数据包提交前进行加密,最典型的就是传参加密,相信大家在测试的时候都遇到过,那么我们在抓取数据包并修改之后,修改之后的参数无法通过后端程序数据完整性的校验,就无法进行进一步测试。如果我们逆向解析出加密的过程,就可以模拟出相同的密文,通过后端接口的校…
  2. HTML5 – 拖放 前言 拖放(Drag and Drop)在开发中较为常见,并且在 HTML5 标准中得以实现。借助 HTML5 拖放的 api ,我们可以方便的实现拖拽功能。 在深入拖放前,我们需要了解一些知识作为前提。首先是拖放过程涉及到两个角色,一个是被拖动的元素,这个元素会在“拖”的过程触发一系列的 drag 事件。另一个是放置的目的地,这…
  3. Vue之不完美的极致优化如果我们的项目是用脚手架搭建的,大部分的优化脚手架都帮你做了。比如:图片转base64、代码压缩等。
  4. [Vuex]Vuex学习手记 本篇文章更像是我学习vuex的一个笔记,学习的资源主要是来自官方文档教程,官方教程已经讲的比较细致了,部分地方也有自己不理解的地方,所以也查过其他资料来辅助自己理解,本手记在官方的教程上加了一些自己的补充内容,希望能给你带来一些参考价值,另外也感谢互联网上其他分享知识的大佬,让我少走了些弯路!如果文…
  5. Vue + Koa 2 + mongoose 写一个像素绘板 项目演示:像素绘板 GitHub: server | 前端 作为一名前端,总会有意无意接触到 NodeJS 、有意无意会去看文档、有意无意会注意到框架,但真当需要我们需要在工作中善用它时,多半还是要感叹一句“纸上得来终觉浅”。所以一周前我决定进行一个实践尝试,希望能把以往无意中学到的知识融汇贯通,最终选择把以前的一…
  6. Vue实战—如何实现商品评价栏目(14)我们先来设置一个ratings容器,还是熟悉的老情况,ratings-wrapper的高度可能会超过ratings,这时候我们肯定会让ratings内出现滚动条的,ref也是老朋友了,配合Bscroll实现ratings-wrapper的滚动。
  7. 让 HTTPDNS 解决客户端 DNS 劫持与提高解析稳定性 背景:我们公司 App 安装量大概几十万。每日日活几万左右。经常会有用户跟我们的客服反馈微信能正常使用,使用我们的 App 就会网络请求失败,或者界面没有数据显示。然后,我们的客服人员协助用户查看了网络也并未被禁用。服务器后端程序也并示收到请求。而我们测试也进行了多个版本进行测试都没有发现任何问题。 …
  8. 走进HTML5-让你从不懂到精通SVG(大量实例操作) 可缩放矢量图形(英语:Scalable Vector Graphics,SVG)是一种基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。 应用场景 图表 图标 icon 动效 矢量图 SVG 的优势 由于 SVG 图像是矢量图像,可以 无线缩放 ,而且在图像质量下降方面没有任何问题…
  9. 关于React的一个V8性能瓶颈背后的故事 译注: 原文作者是Mathias Bynens, 他是V8开发者,这篇文章也发布在V8的博客上。他的相关文章质量非常高,如果你想了解JavaScript引擎内部是如何工作的,他的文章一定不能错过。后面我还会翻译他的其他文章,一方面是他文章质量很高,另外一方面是我想学习一下他们是怎么写文章的,通过翻译文章,让我可以更好地消化知识…
  10. KubeSphere CI/CD+GitLab+Harbor将Spring Boot项目部署至Kubernetes上一篇文章分享了如何在 KubeSphere 对公共的代码仓库 GitHub 和镜像仓库 DockerHub 创建流水线,本文将继续使用 KubeSphere,基于 Harbor 和 GitLab 创建流水线,将 Spring Boot 项目发布至 Kubernetes。
  11. 开源 | GGEditor:阿里巴巴开源的基于 G6 和 React 的可视化图编辑器 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 项目介绍 GGEditor 是阿里巴巴开源的基于 G6 和 React 的可视化图编辑器 GitHub 地址 如何获取项目地址?点击链接,打开后,「复制链接」即可。 https://github…
  12. Webstorm 添加 React Native 调试菜单 React Native 在真机上调试的时候,要打开调试按钮,需要摇动手机,一直摇手机也受不了。好在可以通过 adb 来发送 KEYCODE_MENU 给真机,但是每次打开菜单后,还要自己去点击具体的菜单。今天好好看了一遍 ADB 的 keyevent ,整理了一下通过 adb 选择具体的菜单项目。 向上翻页键 – KEYCODE_PAGE_UP (92) 我…
  13. 翻译Babel文档之@babel/preset-env @babel/preset-env 是一个智能的 babel 预设, 让你能使用最新的 JavaScript 语法, 它会帮你转换成代码的目标运行环境支持的语法, 提升你的开发效率并让打包后的代码体积更小 安装 使用 npm npm install –save-dev @babel/preset-env 复制代码 使用 yarn yarn add @babel/preset-env –dev 复制代码 运…
  14. 现代 JavaScript 教程到底是什么?《现代 JavaScript 教程》是开源的现代 JavaScript 从入门到进阶的优质教程,它旨在帮助你逐渐掌握 JavaScript 这门语言。但是一旦你已经熟悉了这门语言的基础知识,你就会需要其他资料。

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流