喻小右

浏览器工作原理

浏览器组成和各部分工作原理

1.浏览器的主要构成部分 1.用户界面 2.浏览器引擎(负责窗口管理、Tab进程管理等) 3.渲染引擎(有叫内核，负责HTML解析、页面渲染) 4.JS引擎(JS解释器，如Chrome和Nodejs采用的V8) 这里面最核心的就是渲染引擎和JS引擎，后面会详细介绍这两个引擎的相关内容。 常见浏览器的渲染引擎和JS引擎如下： 浏览器 渲染引擎 JS引擎 IE Trident Chakra Edge EdgeHTML Chakra Firefox Gecko SpiderMonkey Chrome

图片素材

无版权限制的高清大图素材网站

最近收集了一波免费图片网站，相比于搜索出来的动不动就是版权限制，质量堪忧的图片，真是甩了好几条街了，分享给大家，大家有需要自取吧，每个网站提供的图片类型和质量都不一样，大家可以找合适自己的。

Node

Node特点和适用场景

最近准备写一系列关于Node的笔记，其实用到Node的地方挺多的，用Node搭建的博客iyuxy、使用Node写的评论插件shuoba、使用Node写的一个定时发送邮件工具、以及为框架写的脚手架工具，其实都有用到比较多的Node知识。

samba

反向代理公网访问局域网内树莓派的ssh、vnc、samba服务

适合场景 * 1.具有公网IP(比如有百度云、阿里云、腾讯云的服务器) * 2.局域网内机器或者设备无法在外网直接访问 * 3.想要从公网(和目标访问设备不在同一局域网内)访问局域网内识别，比如ssh登录、vnc访问、samba文件共享等

git

git reset的时候把本地未commit的文件删除了

RT,没有commit,reset之后文件就丢失,这时候git log也找不到你的修改文件了，但是如果你在reset之前有执行过git add操作的话，你的文件还是有可能能找到的。 执行如下命令：

es6

ECMAScript 6常用特性(部分)

let： 在块级作用域内定义变量，在块级作用域外不能使用，不存在变量提升，会产生暂时性死区； const: 在块级作用域内定于常量，常量的值必须在定义的时候初始化，并且不能修改(const实际上保证的，并不是变量的值不得...

关于架构

最高层次的规划，难以改变的决定。 有关软件整体结构和组件的抽象描述，用于指导大型软件系统各个方面的设计。 5个要素 1.性能 常见性能优化方法： 缓存 压缩 CDN 缓存 2.可用性 运行环境可用性 分级发布 3.伸缩性 机器\缓存\数据库平滑扩容 4.扩展性 事件驱动架构 分布式服务 5.安全性 系统安全 数据安全 常用架构图(来自网络) 参考资料 system-design-primer

CSS

常用的一些css

开个坑记录下用到的一些css，持续更新！ CSS vendor prefixes 浏览器常用私有前缀 -khtml- (Konqueror, really old Safari) -moz- (Firefox) -o- (Opera) -ms- (Internet Explorer) -webkit- (Safari, Chrome) outline 定义输入元素的blur的时候的边框样式 input { outline: none; //移除 // outline: 1px solid #f00; 也可以设置样式 } box-sizing

邮件

使用自己的域名发送邮件

有时候我们希望自己的网站发送邮件的时候邮箱后缀使我们的域名，本文教你如何实现。

nodejs发送邮件

官方给的说法是本地起一个邮件服务器的方法稳定性较差，性能问题突出，所以如果需要发送大量的邮件的话不建议使用这种方式，但是这种方式的优势是不需要你去额外申请一个账号，而且可以自定义发件人信息。在nodemailer 1.0以下的版本是自带direct-transport...

Unsplash - Free high-resolution photos

Unsplash,一个提供免费高清大图的网站，定时更新，需要翻墙访问，资源很丰富，图片意境都很好，人文、自然、建筑等等都有。 访问地址：Unsplash 随便放两张： 除了这个之外，还有一个辅助的工具unsplash It,他可以帮你处理从Unsplash获得的图片，包括裁剪、灰度、具象、模糊、获得指定图片、获得随机图片等。 访问地址： unsplash It 裁剪： 获得指定图片:

mysql

开源DB介绍

MySQL是一个小型关系型数据库管理系统，由于MySQL性能高、成本低、可靠性好，已经成为最流行的开源数据库之一，因此被广泛地应用在Internet上的中小型网站中。非常流行的开源软件组合LAMP中的“M”指的就是MySQL。

构建

webpack入门

Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

前端

whistle -- mac上代替fiddler最好的工具

Fiddler工具对前端同学来说应该是很熟悉的，他的文件替换功能是大家经常用到的，调式线上问题，线下开发，预览线上效果，都可以使用他的...

"💩".length === 2

Yup, it’s true. In Javascript, "💩".length === 2. You can open up a Chrome debug console, or Node.JS REPL and see for yourself. Read more

NProxy——Mac和Linux平台下的Fiddler

Fiddler工具对前端同学来说应该是很熟悉的，他的文件替换功能是大家经常用到的，调式线上问题，线下开发，预览线上效果，都可以使用他的文件替换功能实现，但是，Fiddler不支持mac平台，所以经常的用其他...

前端

异步与同步，阻塞与非阻塞

异步指的是调用在发出后就立即返回了，也就是调用立即结束了，调用的结果通过信号等机制通知调用者，调用者可以在调用返回结果之前执行其他的操作，常用的处理方式是回调，这种场景大量存在于前端的ajax请求，nodejs的文件调用，网络...

前端

前端模块化打包构建中的一些常用工具

RequireJS 是一个JavaScript模块加载器，采用AMD的模块化规范。它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和...

linux

linux服务器端口绑定失败

错误信息如下： Permission denied: AH00072: make_sock: could not bind to address [::]:8889 一般出现这个问题是因为linux的防火墙禁用了端口，解决发放有两个： 1.通过semanage命令添加需要绑定的端口 semanage port -a -t http_port_t -p tcp 8889 2.关闭linux防火墙 修改/etc/selinux/config找到SELINUX=enforcing

nginx

关于nginx配置fastcgi出现503错误解决

先说下，什么是fastcgi，简单来讲就是一个协议，用来规范数据传输格式的。在nginx服务器下，如果我们需要处理index.html文件，一般是直...

运维

代码开发部署系统

Walle 开源部署系统，支持多项目、多环境一键部署上线，一键快速回滚，上线单申请、审核、部署、实时操作日志。多任务插件：pre-deploy、post-deploy、pre-release、post-release。完整的功能支持：权限、通知、文件指纹。 项目地址：https://github.com/meolu/walle-web 百度效率云 领先的研发工具SAAS解决方案，提供代码托管于版本管理，持续集成与交付，敏捷项目管理功能 项目地址：https://xiaolvyun.baidu.

前端

vuejs组件库

推荐使用百度的NoahV框架搭建vuejs项目： https://github.com/baidu/NoahV 主要包含如下特性： 1.上手简单，提供常用的各类组件，快速开始前端开发 2.导航栏、页面布局JSON配置，无需代码逻辑开发 3.API数据模拟和API数据代理，让前后端不再耦合，联调更简单，效率更高 4.数据仪表盘功能，满足常见的数据可视化需求，助力数据分析场景 5.实用的脚手架功能，项目初始化、模板复用、模拟数据创建、调试server启动、框架升级一行命令通通搞定 vuejs：一个数据驱动的组件，

idea

对文字进行感情分析

对于人来说，我们能很清楚的获取文字中的情感信息，好友发了一篇朋友圈，我们能知道他是高兴的或者是伤心的，但是对于程序来说，可能要复杂一些。假设我们需要做一个机器人的话，很重要的一件事情是我们需要获得用户的情绪信息，对声音的分析是很重要的一部分，对于语义的分析同样是很重要的；一般来说我们需要建立一个足够大的样本，里面对每个词都有情感分级，是消极的还是积极的，然后对整段的文字进...

其他

使用outlook发送带链接的招聘海报

一般来说设计同学会出一张整的海报设计图，但因为是招聘海报，需要对海报上的一个一个的职位添加链接，所以就需要将海报进行切片，然后将切好的图片插入到邮件中，对部分切片添加超链接。

story

A story

A 24 year old boy seeing out from the train’s window shouted… “Dad, look the trees are going behind!” Dad smiled and a young couple sitting nearby, looked at the 24 year