使用node-csv来读写CSV文件
前言 我们经常遇到一个很常见的问题，就是从一个csv文件中读取数据。我们可以使用fs模块来得到文件的内容。在这之后，使用特定的库来做解析和进一步分析csv则会简单和方便得多。 现在有很多模块都提供了这个功能，比如neat-csv或者csv-parser。而本文要介绍的是node-csv这一个模块，让我们来看看它是如何使用的。 安装node-csv 这个模块是由csv-generate,...
Category: 前端开发
Javascript中的逻辑赋值操作
逻辑赋值操作就是把逻辑操作和赋值操作合在一起： 所以当你些一个UpdateId的函数的时候，可以这样写： 你现在也可以使用??来实现了： 这个feature目前在stage-4中支持，我想你应该可以使用了。
为什么HTTPS很重要
我们经常说，你应当让你所有的网页使用HTTPS，哪怕你的网页上并没有敏感的信息。HTTPS除了可以为你的网页和用户数据提供安全保护以及数据完整性之外，很多浏览器的新的特性都要求HTTPS，尤其在渐进性的web app中。 HTTPS保护了你的网页的完整性 HTTPS可以阻止入侵者修改网页和用户浏览器之间交流。这些入侵者包括故意的恶意入侵者，以及一些虽然合法但是很有侵入性的公司，比如ISP或者一些试图插入广告的酒店。 入侵者利用不受保护的通信来欺骗你的用户以骗取一些敏感信息或者安装一些木马，或者把他们自己的广告插入到你的网页中。比如，有些第三方的公司或把广告插入到你的网页从而破坏用户的体验。...
按钮和输入的垂直文本对齐
你曾经苦恼于文本的垂直对齐吗？我想很多的前端开发者都会遇到这样的烦恼吧，那么本文就来给你详细介绍一下如何利用line-height, padding以及flexbox实现相应的对齐功能。 基本的按钮和输入风格 一个按钮和输入的高度以及垂直对齐是由他的边框，padding，字体大小以及line-height决定的。 有了这个理解之后，我们来定义按钮以及输入的基本风格：...
如何使用AVIF：下一代图形压缩格式
一个更加优化的图形格式 目前有一个新的图形格式，它就是AV1 （.avif)格式。总得来说，它是一个高度压缩的图形类型。很多公司已经开始考虑使用.avif来替代JPEG, PNG甚至最新的WebP的图形格式，毕竟他的压缩比真的很好。 这个格式是由Alliance...
你意想不到的默认超时
有时我们会发现很多应用它不会崩溃，但是很多时候它会hang住。而hang住的一个很重要的原因就是假设网络是可靠的。而事实上却不是。 所以，当你做一个网络调用而没有设置超时的，就意味着你100%确认这个调用会成功，真的可以这么自信吗？哈哈。 假如是一个同步的调用，如果这个调用永远不返回，则显然会永远卡住。不过实际上我们都是使用的异步调用，是的，一个异步调用的不返回是不会卡住主进程的。但是有一个新的问题，就是它会消耗socket。因为很多HTTP客户端的库都使用socket池，这样就不需要每次都创建连接（毕竟创建连接是需要时间的）。一般来说，这种socket池也是有大小限制的，这也就意味着每一次不返回的调用都会消耗socket池中的一个已有的连接。所以，但这种情况发生了比较多了之后，你的应用就会卡在等待连接的释放。 假如你的网络不可靠，我们为什么总是要创建一个不超时的API呢？很多API调用甚至每有一个很方便的设置tiemout的地方，尤其是初始化的时候，你要设置timeout就需要额外进行调用。尤其是这种API很多时候默认的timeout还是无限的。当然，一个好的API都有很方便的设置timeout的方法。 所以，第一个建议就是永远不用把默认的timeout设为无限。...
如何通过基于OAuth的API连接Vue.js
很多人都使用过基于OAuth的API，比如你在一些网站使用GitHub登录的时候，你就使用GitHub提高的OAuth2 API，或者你使用Google或者Facebook登录的时候，你也会使用到它。 现在OAuth真的无处不在，也许因为它真的非常好，用户只要点一个按钮，然后得到权限，这样就可以了。 但是当我们进行开发它的时候，就是另外 一个故事了，也许是因为它一次性引入了太多的新的内容。本文我们会介绍一个小的工具Bearer.sh...
SVG介绍
SVG是1990年代构思出来的，很长一段时间都不太受人待见，但现在则发展得越来越好，越来越多的人推荐和喜欢使用它。其实在2000年左右，对于SVG的支持还是很少的，直到2017年很多web浏览器都开始支持SVG，很多的向量程序已经支持导出SVG。当然毫无疑问，SVG已经越来越广泛地使用在WEB开发中。 我们来看看根源，其实SVG的流行并不是偶然。虽然一些传统的图片格式，比如JPG和PNG对photograph来说很完美，但是其实SVG对现在web开发中的扩展性，响应性，交互性，可编程性，性能以及可访问性这些要求来说，是一个近乎完美的选择。 什么是SVG？为什么要使用它？ SVG是一个基于XML的矢量图形格式。XML使用的是HTML的tag，当然它更加严格而已。比如说，你不能省略结束标签，因为这会使得SVG的render出问题。 给你一个初步的感觉，下面就是一个SVG的代码，它就是画一个白色的圆，有一个黑色的边框...
创作你的第一个CSS的艺术品
很多人都知道如何用CSS来实现网页的各种效果，但是提到用来CSS来创造艺术，都不是特别清楚它是做什么的。本文会首先介绍一些CSS的基础，然后会和你一起看看如何来实现一个CSS艺术品，下面让我们开始吧： 一些重要的CSS特性 渐变（gradient） 我们可以在背景或者背景图片中定义渐变，你想使用多少颜色都可以，不同的值之间用逗号分开即可。梯度有两种： 线性渐变：可以有方向（上下左右）或者角度来控制。...
Recent Comments