Powered by md-Blog  文 - 篇  访客 -

  • MacOS中Yarn的安装及使用方法

    1、安装方法一:cnpm 直接安装cnpm install yarn -g方法二:官方安装A、 nvm 构建的 node.js 环境brew install yarn --ignore-dependenciesB、非 nvm 安装你可以通过 Homebrew 包管理工具 安装 Yarn。 如果你还未安装 Node.js,Homebrew 会自动为你安装。brew install yarn2、升级brew upgrade yarn3、版本测试yarn -v4、常用指令初始化一个新项目yarn init默认初

    2020-02-24 18:20:07   2020-02-24 18:20:07
    分类:大前端 / 浏览:015825396074347
  • 本地搭建一个基于Babel编译ES6的练习学习环境

    0、在线练习您可以使用以下页面进行在线练习:https://www.babeljs.cn/repl1、初始化npm 方式:npm init -yyarn 方式:yarn init -y2、安装 babel 及插件参考网址:https://www.babeljs.cn/docs/babel-clinpm 方式:npm install --save-dev @babel/core @babel/cli @babel/preset-envyarn 方式:yarn add @babel/core @babel/cli @babel/preset-env --dev@babel/core babel 的内核@babel/cli babel

    2020-02-24 18:15:34   2020-02-24 10:33:09
    分类:大前端 / 浏览:015825115898073
  • yarn、npm命令参照对比

    npmyarnnpm yarnnpm install yarnnpm install moment --saveyarn add momentnpm uninstall moment --saveyarn remove momentnpm install moment --save-devyarn add moment --devnpm update --saveyarn upgrade

    2020-02-23 22:12:54   2020-02-23 22:12:54
    分类:大前端 / 浏览:015824671745625
  • 【前端工程化】解决痛点分析

    痛点分析我们想使用最新的 ECMAScript 规范进行开发,但是受限于浏览器实现不理想,上线前需要使用特殊工具转译为浏览器支持的语法。我们受够了 CSS 的弱编程能力,想使用 LESS/SASS 等预编译语法或者 PostCSS 自动处理 hack。但浏览器不支持,上线前需要使用特殊工具进行编译转换。本地开发环境下静态资源的引用 URL

    2020-02-22 17:33:43   2020-02-22 17:31:58
    分类:大前端 / 浏览:015823639189565
  • 【前端工程化】解决方案操作示例

    0、名词解释Node.js一个可以利用 JavaScript 开发服务器端应用的运行环境,可用做服务器、执行批量任务等。在前端开发里一般执行编译 CSS预编译语言、压缩、混淆JS、压缩图片等工程化任务。NPM一个随 Node.js 安装的包管理工具。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装

    2020-02-21 20:58:05   2020-02-21 20:42:23
    分类:大前端 / 浏览:015822889438122
  • MacOS在终端使用命令【code .】从VSCode打开该文件夹

    1、打开 VSCode2、输入 command+shift+p3、输入 shell command4、选择 Shell命令:在 PATH 中安装 “code” 命令。5、使用方法打开终端,cd 到项目文件夹,然后输入命令,即可在 VSCode 中打开该项目文件夹:code .

    2020-02-21 16:01:23   2020-02-21 16:00:37
    分类:大前端 / 浏览:015822720374678
  • 2020十大新兴前端框架大盘点

    2019年在整体上,前端的主流框架没有太大的变化,业务代码仍由三大框架(React、Vue、Angular)所主宰着,打包工具一般仍使用webpack、Rollup.js,状态管理器还是Redux、MobX。但随着这两年崛起的新框架与类库,一些细微之处悄悄地起变化了,这些变量可能在未来推动着前端的发展。因此本文为大家介绍国产十大新兴前端

    2020-02-19 19:58:34   2020-01-08 14:30:14
    分类:大前端 / 浏览:015784650148599
  • ES6一些数组方法Array.from()、Array.of()、find()、findInex()、every()

    数组原型上无 from()、of() 方法,顾需 Array.调用。1、Array.from() 方法通过字符串创建一个数组:const arr = Array.from("hello"); console.log(arr); //  ["h", "e", "l", "l", "o"]var arr = Array.from([1, 2, 3], x => x * 10); // arr[0] == 10; // arr[1] == 20; // arr[2] == 30;2、Array.of() 方法将一组值,转换为数组。

    2020-02-19 19:58:34   2020-02-19 18:19:40
    分类:大前端 / 浏览:015821075806126
  • ES6(ES2015)语法入门示例

    0、请使用严格模式Demo.js'use strict'ES6可以理解为ES5的语法糖集合,您可通过以下网址进行ES6语法转换:https://www.babeljs.cn/repl默认使用 const,多次绑定用 let,尽可能少的去使用 var。1、块作用域 letvarif(true){ var phone = 'iPhone11'; } console.log(phone); // iPhone11letif(true){ let phone = 'iPhone11'; console.log(phone); // iPhone11 } console.log(

    2020-02-19 19:58:34   2020-01-23 13:24:26
    分类:大前端 / 浏览:015797570666671
  • Less用法示例

    @charset "utf-8"; // @import "filename"; 导入less文件 // @import (less)"filename.css"; 导入css文件 body{ background: #dedede; } .title{ text-align: center; font-size: 20px; color:#000; width:@md_width; .border; //调用混合 } //测试注释 //变量 @max_width:900px; @md_width:600px; @min_width:300px; //混合 .border{ border:solid 1px blu

    2020-02-19 19:58:34   2020-01-10 15:53:41
    分类:大前端 / 浏览:015786428219365
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计