Home » 前端编程

分类 前端编程 下的文章

以cmswing为例,说明webstrom如何配置eslint

发布于
eslint是一个用于用户编码格式检查的工具,可以使团队的编码习惯保持一致。比如:空格的写法啦,{}的位置了,逗号后面必须添加空格,参数必须使用单引号,不能使用双引号等等。苏南大叔认为,这款软件非常适合偏执症重度人员使用。可以时刻纠正"不规范"的代码写法。因为一般来说,这些代码运行起来是绝对没有问题的没,但是就是不符合eslint的规则,所以会被标红显示。下面苏南大叔以cmswing这款基于...

如何理解cookie的httponly属性

发布于
苏南大叔的cookie系列文章,到这里开始讲到cookie的安全问题。如果你的网站是https的话,那么强烈建议你启用cookie的secure属性。但是无论你的网站是不是https,但是都强烈建议你启用cookie的httponly。具体的启用方法,每个语言都不同。php的启用方式,可以见苏南大叔的相关文章。httponly简述httponly这个词非常的高大上,叱诧江湖很多年。只要是网络...

mac系统,如何在命令行里面启动vscode

发布于
苏南大叔本次和大家分享一个mac小技巧:网上流传在vscode安装好之后,可以使用code命令打开vscode。但是苏南大叔的mac并没有这种事情发生。所以,苏南大叔,就diy了一下。本文的内容就是:如何在console里面启动一个vscode,并打开当前目录。效果描述苏南大叔的mac里面,有个atom,这个软件可以在console里面使用atom命令打开项目目录,这个功能结合go2shel...

网页html标签的lang属性,影响chrome的翻译工具展示

发布于
使用chrome浏览国外技术站点的时候,经常会在界面上看到chrome的翻译功能的提示。那么大家有没有想过,从代码层面上来说的话,为什么访问中文站的时候,就没有这个提示呢。苏南大叔做了个小小的实验,和大家分享一下这个实验结果。实验的对象就是html便签的lang属性,通过修改这个属性值,来查看一下它对chrome的翻译功能的影响。不设置或者设置为zh或者设置为zh-开头这种情况下,不触发ch...

pdfobject.js的基本使用

发布于
苏南大叔在本篇文章中,给大家分享一下pdfobject.js这款加载pdf的js代码,这个代码,并不是使用js去读取pdf的,本身还是依赖于浏览器对pdf文档的支持,js只是帮助大家更容易的写出更兼容的pdf加载代码而已。下载代码官方地址是:https://github.com/pipwerks/PDFObject 。这个地方下载的js,结合我们平时使用的jquery,就可以写出如下的dem...

html5的服务器端推送事件Server-Sent Events进阶

发布于
在前一篇文章中,苏南大叔给大家讲解了server-sent的最基本用法,在本篇文章之中,我们将学习到server-sent的更高级用法。在具体讲解之前,苏南大叔先透露一下相关内容。那就是,server-sent的接口格式是本篇文章的重点。我们来详细学习一下吧。接口格式首先,这个接口无论用什么语言编写。都必须发出名为 “Content-Type” 的 header 头,内容是 “text/ev...

html5的服务器端推送事件Server-Sent Events解析

发布于
html5推出了一个新的服务器端推送功能,叫做server-sent。是个单向通信的功能,并非双向,服务器端定期“推送”数据到客户端。从表现上来说,和 setinterval 和 ajax 的组合几乎没有什么区别,但是还是有些自身特有的特性的。对比websocketserver-sent 和 websocket 想对比的话,苏南大叔认为:server-sent 完败,websocket 获胜...

cnpm的那些事儿

发布于
由于未知的原因,对于国人来说,只要涉及到npm的地方,就离不开cnpm。目的一般就是为了加速下载相关源文件。原理上来说,cnpm做的事情,就是给大家换了个registry,就是说,库文件的源头改到了国内。从这个角度出发的话,事情就变的简单了。这个registry的地址就是https://registry.npm.taobao.org 。不过,目前来看,cnpm的实际表现上看,越来越像yarn...

如何利用sourcetree管理github项目

发布于
本文的截图,都是苏南大叔基于mac系统截取的。sourcetree并不是github官方推荐的git仓库管理软件。但在日常工作中,是很常见好用的软件。sourcetree的安装这里就不详细说明了,唯一麻烦的就是:必须翻墙去注册个账户才能安装。初始化设置安装好sourcetree后,新建好的git仓库,我们拿到仓库地址,输入到sourcetree里面后,我们发现并不能提交代码,也不能初始化流程...

yarn vs npm

发布于
js的世界里面,总是新人辈出,一代后浪追前浪,前浪死在沙滩上。这不,facebook又造出了个新的轮子,yarn( https://yarn.org.cn )。用于对标js的包管理工具,npm( https://npm.js.cn )。据说,yarn解决了npm的很多遗留问题,并且具有更好的包管理特性。虽然使用yarn的时候,包仍然来自npm,但是node_modules的目录结构会和npm...