最直观的就是vue-cli，create-react-app，自定义脚手架中的npm run build命令，本质上，是webpack，gulp等打包工具去做了编译打包等等工作，最终会生成一个dist目录，它是我们唯一需要提供给后端的内容，

SSH 协议 SSH协议使用加密技术确保client和server之间的连接安全。 所有的认证，命令，输出，以及文件传输都会被加密，加密是为了抵御来自互联网的攻击。 SSH协议原理 SSH文件传输协议 SSH clients/servers Linux ssh command 原理部分较为深奥，我将基于对Linux ssh command的翻译对SSH做一些探索，会加入一些自己的实...

服务器：Jenkins Server Git Server App Server关键词：nodejs ngrok github webhook

create-react-app如何使用less？ create-react-app如何使用sass？ create-react-app如何使用react-css-modules？ Thanks @pengzeya 1.create-react-app如何使用less？ 安装less-watch-compiler到开发依赖。 {代码...} 添加scripts {代码...} 运行命令 {代码...} 运行结果创建css目录并生成编译后的index.css文件 {代码.....

入职新公司以来，第一个月接手vue项目，第二个月接手angularjs项目，第三个月加入react重构项目。心生感叹：业务驱动式学习是一种高效率的学习方式，保持好奇心，在业务中快速成长！新项目中在package.json中有一个proxy字段，这是我从来没接触过的，因此就有了此文的诞生，我使用create-react-app 新建了一个最原始状态...

在PostCSS官网有着这样的对PostCSS特性介绍，箭头后面是对应功能的插件及其github地址。 increase code readability → Autoprefixer Use tomorrow's CSS ,today! → postcss-cssnext The end of global CSS → postcss-modules Avoid errors in your CSS → stylelint Powerful grid CSS → lost →lost PostCSS是一款使用插...

虽然结合上下文能看出来是为了兼容浏览器的fullscreen API，但是其中的Function.prototype.call()我自己其实没有特别深究过。

在这篇【译】什么是CSS Modules ？我们为什么需要他们？的结尾处，明确指出CSS Modules不需要BEM，那么BEM到底是什么呢？ 下面我将把BEM官网的教程翻译出来，带领大家搞清楚前端领域的BEM到底是什么。 BEM - Block Element Modfier（块元素编辑器）是一个很有用的方法，它可以帮助你创建出可以复用的前端组件和前端代码 ...

原文地址：[链接]最近我对CSS Modules比较好奇。如果你曾经听说过他们，那么这篇博客正适合你。我们将去探索它的目的和主旨。如果你同样很好奇，敬请关注，在下一篇博文中我们将介绍如何使用CSS Modules。如果你想亲自尝试并且掌握如何使用，第三部分将会很适合你，这一部分剖析了如何在React环境中使用。

深拷贝(递归复制，复制所有层级，独立副本，一个完全和原来对象属性无关的副本)返回对象：一个。传入对象：一个。条件：JSON安全的对象，可以序列化为JSON字符串，并且可以解析为新的字符串。深拷贝算法：

我们知道，rem可以用来控制字体大小，也就是font-size，那么rem也可以用在例如height和width地方吗，完全使用rem把px取代掉，可以吗？

故事开始了，小程序canvas图片合成 真机测试时，会报错：getImageInfo failed 。也就是说，我这边异步请求50张图片，每张图片都是通过getImageInfo下载到本地并且绘制到canvas画布上，但是在处理的过程中，getImageInfo会出现获取本地图片错误的情况，也就是说请求50张，最后绘制出来的可能只有45张或者40张，非常明显的...

最近在开发小程序，与vue类似，它们都有生命周期这回事。onLoad 监听页面加载onReady 监听页面初次渲染完成onShow 监听页面显示到底是什么意思？所以这又触碰到了我的知识盲区，不过项目在磕磕绊绊中完成的差不多了，但是遇到了CSS3动画渲染的性能问题，所以我也是被逼的，再回过头来从浏览器渲染网页的流程出发，去找动...

感觉像是base64，又感觉不像，因为我之前只知道图片能转成base64，没想到字符串也能转，群里一问，还确实是base64。于是有趣的事发生了，同学们纷纷用自己最擅长的语言，把base64 字符串编解码实现了一遍...

今天看element-react源码的时候，又看到了这张似曾相识却又异常陌生的老面孔，那就是Function.prototype.apply()...

之前就对XSS有所耳闻，不过昨天在学习《深入浅出nodejs》过程中，才深入了解到XSS攻击的原理，于是找到那本很早就想看的《web前端黑客技术解密》，找到 跨站攻击脚本XSS 章节，于是有了下面这个简单的XSS攻击实验。

上篇博客深度剖析了0.1+0.2 === 0.30000000000000004的原因。这篇博客将主要提供几种解决小数精度丢失问题的Javascript类库的代码示例，以及简单的原生EcmaScript方法的代码示例。

用一句话概括就是：EcmaScrpt规范定义Number的类型遵循了IEEE754-2008中的64位浮点数规则定义的小数后的有效位数至多为52位导致计算出现精度丢失问题！

md解析有些失败，可以移步简书[链接]。原文链接：[链接] 主要内容目录 元数据 流 章节 标题 短语 内嵌 交互 可触 表单 次要内容目录 脚本支持元素 透明内容模型 其他内容模型 每个HTML标签都是一定数量的内容目录中的一员，内容目录是一个具有相同特性的标签组。标签组的划分是不严格的，因为实际上组内的标签之间是没有...

抽离出来就是{created(){}}和{getAllUsers({commit},url){}}正常情况下，如果将函数赋值到对象的属性值，简称为方法，应该这样写才对：{created:function(){}}以及{getAllUsers:function({commit},url){}}

本来不想推的，看到github上有个项目很简单，都有300 star，推推看咯。虽然这个项目很简单，但是还蛮有趣，用来入门vue2和nodejs以及mongodb再好不过了。等这几天把公司手头的事情忙完，再把vuex的部分强化下。

ngrok能做什么，为什么是前端开发神器？ 内网穿透，映射本地开发环境到公网，模拟多终端线上环境。 结合一个很简单的PWA demo，举个简单的例子 1.克隆demo到本地 git clone https://github.com/minimal-xyz/minimal-pwa.git 2.本地8080端口运行demo {代码...} 3.ngrok内网穿透到公网 {代码...} 4.查看公网地址 {代码...}...

用中文怎么叫合适？相等？全等？其实并不合适，叫double equals 或者treble equals，或者叫不懂的人觉得比较不专业的双等或者三等操作符，是更加严谨和正确的叫法。为什么这么说？看完这篇博客你就明白了。

如此类推，输出的"[object Object]"这些字符串，第一个object代表的是什么？第二个Object代表的又是什么？开头还是大写。

对Chrome控制台有一定的了解的朋友都在知道，Network面板会包括很多网络请求方面的东西，包括Http相关的Request信息，Response信息，以及Cookies等等，都是前端开发需要密切关注的问题。　　这些信息都是属于功能性的，那么当我们的功能需求满足后，势必需要对于性能进行优化，有什么工具可以帮助我们进行分析呢？答案就...

真正的prototype与__proto__的区别，在于prototype原始类设计者，也就是说，原始类设计人员需要对prototype进行一系列操作，而__proto__则是二次开发人员，比如我var app = new Vue(),我想要为Vue实例添加一个方法，就要用app.__proto__，而app.prototype只有尤雨溪才有权限去修改。