左手代码·右手诗·Designer, Frontend Developer & overall web enthusiast

新闻流 Hacker News 书单 YuQue 📚免费的开源书籍 开源书单 学习卡片，界面清新 汇编语言初级教程 Go 高级教程 前端开发者手册2019版 提供中国古籍电子版 MIT 的数据结构课程 面经 Google 游戏类 INDIENOVA游戏素材 VIM 通过游戏的方式学习 VIM 编辑器 艺术类 自动化配色 颜色届的谷歌，可以根据情感搜索颜色 谷歌色彩秘籍：色彩用不好？学会这2招，受用终身 Dapollo设计开发工作台 for sketch 资源 PEXELS PIXABAY UNSPLASH 图片 API PAIXIN中的免费专区 一套可以定制的 SVG 图标 780+ Free Vector Emoji 一些24*24的图标 自动生成背景图片的工具网站 SVG ...

介绍作为前端开发者，我们知道硬件加速(hardware acceleration)能够提升页面的渲染性能，提高动画的流畅度。也知道可以通过设置transform等CSS3属性来手动开启硬件加速，也就是GPU加速。本文将介绍在 Chrome 中，为 web 内容提供硬件加速的基本模型。 申明本文中讨论的内容都是基于 Chrome 浏览器，也就是 WebKit 内核，更准确的说，是讨论 WebKit 的 Chromium 分支。本文描述的是 Chrome 的实现细节，而并非是 web 平台的功能。web 平台和标准不会对这种层面的实现细节制定规则，因此文中介绍的内容不一定适用于其他浏览器，但是了解内部实现对于高级调试和性能优化有着不小的帮助。 书写时：Chrome： 版本 74.0.3729. ...

nginx 是一个灵活且高效的网络服务器，如果想要在nginx服务器中重定，你可以从下面挑选一个适合的方式。 简单且快速的 return这是一个非常简单的设置方式，只需要个return语句就可以了1return 301 https://example.com$request_uri; 你需要把这段代码放到nginx配置文件的server代码块中，301是永久重定向，你也可以设置成302做一个临时重定向（不建议）。 一个完整的例子：123456server { listen 80; listen [::]:80; hostname example.com www.example.com; return 301 https://example.com$requ ...

查看当前虚拟内存： cat /proc/swaps 创建swap文件：sudo dd if=/dev/zero of=swaps bs=512 count=8388616；其中swaps大小为：bs*count=4G 通过mkswap命令把上一步创建的文件做成swap分区：mkswap /path/to/swaps 查看内核参数：cat /proc/sys/vm/swappiness 修改内核参数：sudo vim /etc/sysctl.conf 将 vm.swappiness修改为60（表示100% -60% = 40% 物理内存时启用虚拟内存） 启用分区：sudo swapon /path/to/swaps 修改以使重启启用分区： sudo vim /etc/fstab 添加/pa ...

NPM Version Management Specification 来源常规的开发，常规的代码，不动如山的CI，突然发生了错误，导致失败，出现以下错误：1Build failed: [BABEL] /xxx/xxx/yyy/.xxx.js: You gave us a visitor for the node type OptionalCallExpression but it's not a valid type 本地调试之，赫然出现了不一样的错误：1Build failed: Cannot find module '@babel/runtime/core-js/object/keys' 观察了一下package.json，含有"babel-runtime": & ...

一些小玩具连接 浏览器基本特征：https://www.whatismybrowser.com/ 当前你使用的浏览器指纹在线预览：https://www.browserleaks.com/canvas 音频指纹在线预览：https://audiofingerprint.openwpm.com/ 综合指纹在线预览：https://panopticlick.eff.org/ 相关文档连接 HTML5 Canvas Fingerprint — Widely Used Unstoppable Web Tracking Technology： https://thehackernews.com/2014/07/html5-canvas-fingerprint-widely-used.html Har ...

一、vi/vim 配置文件系统的vim配置文件为/etc/vimrc文件，用户级别的配置文件在~/.vimrc文件中，如果没有.vimrc文件，则先创建.vimrc文件1touch ~/.vimrc vimrc部分常用配置如下：12345678910111213141516set sw=4 "自动缩进时，缩进尺寸为4个空格set ts=4 "tab宽度为4个字符set et "编辑时将所有tab替换为空格set smarttab "删除时，一个删除键删除4个空格set selection=inclusive "指定在选择文本时，光标所在位置也属于被选中范围set autoindent "设置自动缩进set number " ...

本文把程序员所需掌握的关键知识总结为三大类19个关键概念，然后给出了掌握每个关键概念所需的入门书籍，必读书籍，以及延伸阅读。旨在成为最好最全面的程序员必读书单。前言Reading makes a full man; conference a ready man; and writing an exact man.Francis Bacon优秀的程序员应该具备两方面能力：良好的 程序设计 能力：掌握常用的数据结构和算法（例如链表，栈，堆，队列，排序和散列）；理解计算机科学的核心概念（例如计算机系统结构、操作系统、编译原理和计算机网络）；熟悉至少两门以上编程语言（例如 C++，Java，C#，和 Python）；专业的 软件开发 素养：具备良好的编程实践，能够编写可测试（Testable），可扩 ...

搜索算法：全文文字 title 标签，title里面的文字 link 链接 link 链接里的文字 站点信任度 最佳实践：一、设置title准确的描述当前网页的内容 提高站点内title的唯一性，帮助搜索引擎知道站点内每个网页的内容 简短，但能准确描述内容， 二、合理理由description当前网页展示内容的一个总结 用户需要的内容准确展示出来，吸引用户点击，增加权重 禁复制部分网页内容 禁关键字的堆叠 提高站点内description的唯一性，禁一堆网页用相同的description 即使你网页写了description，有时候还是不会展现 ，这是因为？ 　　 描述太短或太长, 少于百度显示的字节. (推荐: 搜索引擎允许描述的字符在150个左右, 不低于135个字符, 一个汉字为2个 ...

作为一个前端开发者，会遇到使用cookie的情况，常见的如：登录，权限控制，视频播放，图形验证码等，这时候本地开发者在PC上会使用修改hosts的方式添加指向本地的域名，来获取cookie的同域名。如：1127.0.0.1 local.skylor.com 但是在移动端的时候，这一招就不好使了，苹果手机在没越狱的情况下是没法修改hosts的，难道为了这个让自己的爱机越个狱？答案应该是否定的。那么怎么处理这个问题呢？完美解决方案就是配置本地局域网的DNS服务。于是我就查询了一系列的文档文章，总结出这篇文章，踩过些许坑，希望后来人别在重复踩了，由于本人使用的是Mac，所以下面的一些命令亲和Mac党，其他系统也类似，只有写系统命令可能不同，废话不多说，君且详看： 安装1brew update; b ...