专栏首页GitHubDaily这几个前端开发奇技淫巧,你都知道吗?

这几个前端开发奇技淫巧,你都知道吗?

今天,就简单跟大家分享一下,之前我在 Twitter 和 GitHub 上看到的几个比较有意思的前端开发技巧,希望能给你耳目一新的感觉。

快速复制 cURL 命令

如果你想用命令行来快速获取某个网站的 JSON 文件、图片视频等资料时,应该怎么做?

大部分人可能会通过手写 cURL 命令来处理,但其实 Chrome 开发者工具在 Network 一栏提供了一个 Copy as cURL 选项,让开发者能快速生成页面资源相对应的 cURL 命令。

前端播客主播 Jen Luker 表示在一开始发现这个功能的时候也是大吃一惊:

由此可见,Chrome 的开发者工具还是有不少值得我们去探索的地方。

几行代码让页面自动刷新

国外一名叫 Caleb Porzio 的开发者曾经在 Twitter 上分享一个前端调试技巧。通过对 HTML 的 style 标签简单设置几个属性,即可达到自动刷新页面样式的效果。

http://bit.ly/2Fb4bnW

虽说一般情况下,借助其它工具也能达到这个效果,但是作者的脑洞着实令人佩服,大部分人应该都没想到竟然还能这么做。

纯 CSS 实现异步聊天室

在不借助任何 JavaScript 代码的情况下,能否在 Web 端实现一个异步聊天室呢?

答案是可以。

之前上榜过 GitHub Trending 的一个项目:CSS-Only Chat,告诉了我们具体的解决方案。

https://github.com/kkuchta/css-only-chat

作者通过 CSS 中的伪选择器,识别到了页面按钮的点击状态,成功获取到按钮中 backgound-image 中所包含的数据,然后再配合上 HTTP 的数据分块传输编码机制,在无借助任何 JavaScript 代码的情况下,成功实现了异步聊天室的功能。

那么,如果我们进一步思考:

用户禁用掉浏览器的 JavaScript 功能之后,是否还可以通过这种方法收集前端操作数据呢?

答案是肯定的。

以上,即为本次分享。

技术无止境,前端的路上还有许多值得我们去探索的东西。希望上面分享的几个特殊技巧,能让你对前端开发有新的认知。

本文分享自微信公众号 - GitHubDaily(GitHubDaily)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-06-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mybatis generator 生成 实体类 中文注释 原

    首先 找到 org.mybatis.generator.core_1.3.5.201609070108.jar (位于eclipse\plugins)

    北漂的我
  • 使用Html5多媒体实现微信语音功能

    随着微信等社交App的兴起,语音聊天成为很多App必备功能,大到将语音聊天作为主要功能的社交App,小到电商App的语音客服、店小二功能,语音聊天成为了必不可少...

    前端大彬哥
  • Gatsby入门指南—添加上一页下一页功能(完结篇)

    到此,通过gatsby就快速的搭建了一个博客网站,我们只需书写markdown文件就能生成对应的网页了。至于网页美化,那是切图的事儿,我就不在这里墨迹了。

    前端大彬哥
  • SpringBoot 整合异步调用方法

    1. 在 SpringBoot 主类上使用 @EnableAsync 注解,开启异步调用功能

    北漂的我
  • 详述WebLogic反序列化远程命令执行漏洞的处理过程,云和恩墨技术通讯精选

    2019年4月17日,Oracle WebLogic wls9-async反序列化远程命令执行漏洞(CVE-2019-2725)来势迅猛,如何发现和修复此漏洞备...

    数据和云
  • 10个爬虫工程师必备的工具了解一下

    工欲善其事必先利其器的道理相信大家都懂。而作为经常要和各大网站做拉锯战的爬虫工程师们,则更需要利用利用好身边的一切法器,以便更快的攻破对方防线。今天我就以日常爬...

    CDA数据分析师
  • 斐波拉契数列

    用Python写斐波拉契数列。斐波拉契(Fibonacci)数列,除第一个和第二个数以外,后面的数字由前面两个数相加得到。

    悠扬前奏
  • VUE 入门学习

    Chrome 上推荐安装vue调试插件 vue.js devtools, 插件ID为 nhdogjmejiglipccpnnnanhbledajbpd, 可以在...

    北漂的我
  • UnityNGUI的使用

    通过委托事件在NGUI中给Texture添加点击事件 使用UIEventListener的静态方法Get()进行事件的绑定

    祝你万事顺利
  • Spring 异步线程池的使用 原

    只需要创建一个 Java 配置类, 实现 AsyncConfigurer 接口, 实现 getAsyncExecutor 方法返回线程池. 在 java 配置文...

    北漂的我

扫码关注云+社区

领取腾讯云代金券