lv 分区，vg 卷，pv 硬盘；加s 列出，remove 删除 ；如：lvs和 lvremove 需要fdisk -l 查看LVM硬盘目录，如删除分区：lvremove /dev/mapper/eisc-b # 1.首先 将硬盘加入lvm 才能创建LVM 分区 #!/bin/bash check(){ # [ʧɛk] 检查 azlvm=$(yum list installed | grep lvm2)
本文根据Johnathan Croom的《sass vs. less vs. stylus: Preprocessor Shootout》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/，以及作者相关信息 ——作者：Johnathan Croom
这是前端领域的转译打包工具链的第二篇文章，上篇文章讲了前端领域的各种转译器，包括 babel、tsc、terser、eslint、postcss、posthtml、swc 等，介绍了他们各自的用途和通用的原理，还有在项目中使用的 3 种方式：git hooks、ide 插件、打包工具的 loader 和 plugin。
这两天，在对现有项目进行框架优化，由于项目使用gulp+jQuery构建的，不支持ES6规范，不能很好满足越来越复杂的需求场景，尤其是需要多异步任务的情况下，js又要异步又要操作各种DOM状态，状态与状态间也是各种紧耦合，单纯使用es5和jQuery，已经开始影响开发效率了。
https://juejin.cn/post/7208510421676982329
这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等.
崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出不断的机关，守护着华丽的大明宫。派克为人低调，不喜出现在大众视野，他是需求人性启迪的理想主义者，信奉着唯有光荣进化才能实现人类的全部潜能。
说起前端构建，大家一定首先想到 Webpack，确实它是前端构建的老大哥了，大而全，什么场景都能满足，社区生态爆炸。但是社区里也有许多其他优秀的构建工具，他们或许不如 Webpack 那样“包治百病”，但他们都有一些独特的优势，如果在一些特定的场景你觉得使用 Webpack 太臃肿了，那你或许可以考虑下面的一些工具。
在打工过程中，非常耗时的一个工作是使用loader将各种资源进行转译处理，例如常见的使用babel-loader将ES6+语法代码转译为ES5等。代码转移的工作流程如下：
回顾一下，在之前的文章《有点难的 webpack 知识点：Dependency Graph 深度解析》已经聊到，经过 「构建(make)阶段」 后，Webpack 解析出：
我们都知道JS的新的API，语法糖层出不穷，在丰富了我们的知识库的同时，也极大的便利了我们的开发。
首先第一点就是babel的三个核心包：@babel/core、@babel/cli、@babel/type。
简单地说，Babel 能够转译 ECMAScript 2015+ 的代码，使它在旧的浏览器或者环境中也能够运行。
co是一个基于ES6 Generator特性实现的【异步流程同步化】写法的工具库。
#!/bin/bash fenzujs(){ # 定义一个函数为：fenzujs格式：fenzujs(){ } catfile="22.txt" catip="192.168.146" # 定义ip段 for((i=21; i<=37 ; i++ )) do echo "正在过滤IP：$catip.$i 过滤出来的信息为：" # 打印catip 和循环中的数值 cat $catfile | grep -A 3 "$catip.$i" | grep -v -E "ok=2|changed|TASK" # 查看日志文件，符号 | 管道进行过滤 # grep -A -3 配合内容的后3行的内容，有三行数据 # grep -v 不匹配 -E 多个内容 # grep -5 打印匹配行的前后5行 # grep -C 5 打印匹配行的前后5行 # grep -A 5 打印匹配行的后5行 # grep -B 5 打印匹配行的前5行 zuo=( `cat $catfile | grep -A 3 "$catip.$i" | grep -v -E "ok=2|changed|TASK" | grep "|" | awk -F"|" '{print $1}' | sed "s/\"//g"` ) # 定义zuo数组变量 # awk -F"|" 过滤出来的内容，用 | 这个为间隔符号，print 第1列，sed s///g 将 冒号进行替换为空， 特殊字符转译 \ 冒号为普通字符 echo "IP信息段落中左边数值为：${zuo[*]}" you=( `cat $catfile | grep -A 3 "$catip.$i" | grep -v -E "ok=2|changed|TASK" | grep "|" | awk -F"|" '{print $2}' | sed "s/\"//g"` ) echo "IP信息段落中右边数值为：${you[*]}" calculatezuo=$(echo ${zuo[*]} | sed "s/ /+/g") ; echo "IP: $catip.$i 左边数组：$calculatezuo 总值为：" $[$calculatezuo] calculateyou=$(echo ${you[*]} | sed "s/ /+/g") ; echo "IP: $catip.$i 左边数组：$calculateyou 总值为：" $[$calculateyou] # 定义变量：calculatezuo 为一个执行结果：打印数组，将空格替换为 + 符号，
将近4年前，我写了一篇名为《Future of Web and Mobile: HTML5, CSS3 and Javascript》的博客文章，其中我提到了Javascript的出现，以及JavaScript框架，例如jQuery、Knockout等的爆 发。 快进到现在，我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑，尤其对于初学者而言。首要原因是新的框架，例如 Angular 2和ReactJs出现了，使用了尚未完全定型的ECMAScript 6特性。并且有更多的工具可用
将近4年前，我写了一篇名为《Future of Web and Mobile: HTML5, CSS3 and Javascript》的博客文章，其中我提到了Javascript的出现，以及JavaScript框架，例如jQuery、Knockout等的爆发。
昊昊是一个前端工程师，最近涉及到工程化领域，想了解一些编译的知识。恰好我比他研究的早一些，所以把我了解的东西给他介绍了一遍，于是就有了下面的对话。
作者：easonruan，腾讯 CSIG 前端开发工程师 本文的浏览器端 Sandbox 沙盒运行环境，大家可以快速理解为类似 CodeSandbox 一样，所有页面代码编译都在前端完成（不依赖后端），并且具备实时热更新功能。 而本文终极目标就是实现这样的浏览器端 Sandbox 沙盒运行环境，可以轻松接入到大部分平台（尤其低代码平台），提升应用的预览速度和开发体验，效果如下： 为什么需要浏览器端 Sandbox 沙盒运行环境？ 原因一：Demo 体验流程的转变：繁琐痛苦 → 快速便捷 如果你要体
嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？
刚开源不到一个月就获得了 19.5k star！看起来马上就会成为 Node.js 和 Deno 的一大竞争对手了！
现在已经可以很方便的使用使用ES6(亦或是未来的ES7)了，你只需配置好Babel就可以开始编码。如果你只是在NodeJS环境中开发，你甚至都不需要Babel，因为NodeJS自带的ES6支持已经越来越好了。
Babel在目前前端领域类似一座山一样的存在，任何项目或多或少都有它的身影在浮现。
前面写过一篇简单的 AST 抽象语法树的文章简述 AST 抽象语法树。今天来看一下在 babel 中是如何将 ES6 转换为 ES5 的 。
插一嘴：范文杰老师的公众号Tecvan有很多干活，可以关注一下。(下面的部分有好多都有很有用的扩展链接，偷懒，就直接把老师的公众号贴出来)
今天继续我们的Webpack 4入门教程。在介绍了Webpack的基本概念之后，是时候更深入一点了。这次我们会涉及Webpack中非常强大的一个东西:loader。首先，我们会学习如何使用那些可用的loader。它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧！
在上一篇《Webpack 性能系列一: 使用 Cache 提升构建性能》中，我们讨论了 Webpack 语境下如何应用各种缓存措施提升构建性能，接下来我们继续聊聊 Webpack 中一些行之有效的并行计算方案。缓存的本质是首轮计算后将结果保存下来，下次直接复用计算结果而跳过计算过程；并行的本质则是在同一时间内并发执行多个运算，提升单位时间计算效率，两者都是计算机科学常见的提升性能优化手段。
这款去年 4 月由 Jarred-Sumner 创建的项目，在开源不到一个月的时间就荣获 28.3K Star！要知道，目前发布多年 Node 目前是 89K Star。
首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。
混淆的原理：就是把原本清晰的代码故意搞得花里胡哨，让局外人看不懂； 混淆的目的：让逆向者很难理解代码的意图，无法读懂混淆之后的代码； 一般混淆的对象为
无论是日常业务架构、前端框架设计甚至在前端面试过程中，一定会存在 Babel 的身影。
前面写过一篇简单的 AST 抽象语法树的文章 简述 AST 抽象语法树。今天来看一下在 babel 中是如何将 ES6 转换为 ES5 的 。
我们将会在本篇文章中看到从零开始实现的编译器，将简单的类 LISP 计算语言编译成 JavaScript。完整的源代码在 这里。
Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。
在如下的HTML/JSP源代码中，有特殊字符（比如说，html标签，</textarea>）
简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。严格来说，babel 也可以转化为更低的规范。但以目前情况来说，es5 规范已经足以覆盖绝大部分浏览器，因此常规来说转到 es5 是一个安全且流行的做法。
Webpack 提倡一切皆模块，所有类型的文件（css、图片等）都可以经过 loader 处理变成我们可加载的模块。
装饰器是 ES7 新有的特性，它允许我们使用简洁的方式，为已有的类、类的方法、类的属性 添加有趣的修饰。 可使用如下：
文 | xixilive 微信小程序的 API 实现需要兼顾方方面面，所以仍然使用 callback 写法。 众所周知，Callback-Hell（回调地狱）是传统 JS 语法上的历史问题。但毕竟称手的工具是开发效率的源泉，因此笔者对当前版本的微信小程序 API 做了简单的封装——weapp。 同时，微信小程序框架本身专注于交互和 UI 的实现，并未提供内置的状态管理。如果众多的异步操作都直接在 App 或 Page 中一一实现，相信开发起来会很困难，而且不易于测试。 因此，我又因此针对微信小程序实现了一个
唐旭 编译整理 量子位出品 | 公众号 QbitAI 深度神经网络（DNN）已经被证明在图像识别、视频识别、自然语言处理、游戏人工智能等诸多不同领域都具有非常大的潜力，当前，DNN也已经被应用到多种产品之中。 然而，DNN计算所需的成本非常高，并且在通常情况下，DNN的执行需要基于硬件加速的大量执行环境设置进程。因此，要在像笔记本电脑、智能手机这样的终端用户设备上执行DNN并不十分现实。 过去解决这些问题的方法是云计算。而现在，东京大学机器智能实验室(MIL)开发的WebDNN又提出了一条新的途径。 Web
在上一节 《CommonJS：不是前端却革命了前端》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式发布，本文中提到的 ES6 包括 ES2015、ES2016、ES2017等等。在第一节的《Web：一路前行一路忘川》中也提到过，ES2015 从制定到发布历经了十几年，引入了很多的新特性以及新的机制，浏览器对 ES6 的支持进度远远赶不上前端开发小哥哥们使用 ES6 的热情，于是矛盾就日益显著……
当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要(依赖)的每个模块(modules)，然后将所有这些模块打包成一个或多个 assets。
Esbuild 是一个非常新的模块打包工具，它提供了与 Webpack、Rollup、Parcel 等工具「相似」的资源打包能力，却有着高的离谱的性能优势：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
