文章
文章用户商铺文档快讯圈子网址导航供求信息
全部标签

node

  • vite对比webpack的启动速度提升在哪里？

    vite对比webpack的启动速度提升在哪里？

    webpack 原理图 vite 原理图   webpack webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。 vite vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。 优势： 由于现代浏览器本身就支持ES Module，会自动向依赖的Module发出请求。 vite充分利用这一点，将开发环境下的模块文件，就作为浏览器要执行的文件，而不是像w…
    前端技术
    • 725
    • 0
    青梅博客青梅博客
  • Vite 和Webpack 的核心对比？

    Vite 和Webpack 的核心对比？

    全方位对比vite和webpack 一.  webpack原理 1.  webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码  2.  webpack打包原理 1.先逐级递归识别依赖，构建依…
    前端技术
    • 677
    • 0
    青梅博客青梅博客
  • v-model 基本原理 ？(回顾)

    v-model 基本原理 ？(回顾)

    v-model主要提供了两个功能： 1. view层输入值影响data的属性值， 2.data属性值发生改变会更新view层的数值变化。 以下以input控制绑定v-model举例说明。 <div id="app"> <p>name</p> <input type="text" v-model="n…
    VUE
    • 774
    • 0
    青梅博客青梅博客
  • Linux运维必须要掌握的命令

    Linux运维必须要掌握的命令

    Linux 命令 一、文件管理 1.1 cd 语法：cd [dirName] 功能：用于切换当前工作目录至 dirName(目录参数)。 说明：其中 dirName 表示法可为绝对路径或相对路径。若目录名称省略，则变换至使用者的 home 目录 (也就是刚 login 时所在的目录)。另外，"~" 也表示为 home 目录 的意思，"." 则是表示目前所在的…
    Linux
    • 659
    • 0
    青梅博客青梅博客
  • 2021年web前端面试集锦

    2021年web前端面试集锦

    一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…
    web前端
    • 1.1k
    • 0
    青梅博客青梅博客
  • vue指令和用法？

    vue指令和用法？

    vue基本指令 本质就是自定义属性 Vue中指令都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 v-text v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题 如果数据中有HTML标签会将html标签一并输出 注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值 <div id="app&q…
    VUE
    • 1.7k
    • 0
    青梅博客青梅博客
  • mvc 和 mvvm 的区别和应用场景？

    mvc 和 mvvm 的区别和应用场景？

    1. MVC MVC 是 Model View Controller 的缩写 Model：模型层，是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 View：视图层，用户界面渲染逻辑，通常视图是依据模型数据创建的。 Controller：控制器，数据模型和视图之间通信的桥梁，通常控制器负责从事图读取数据，控制用户输入，并向模型发送数据。 MVC的思想：Control…
    VUE
    • 1.3k
    • 0
    青梅博客青梅博客
  • 对于 fetch 和 axios 和 Ajax 区别 ？

    对于 fetch 和 axios 和 Ajax 区别 ？

    1.Ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 用法： $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function() {}, error: …
    javascript
    • 947
    • 0
    青梅博客青梅博客
  • vue核心面试题：组件中的data为什么是一个函数

    vue核心面试题：组件中的data为什么是一个函数

    一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。 3.当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这…
    VUE
    • 719
    • 0
    青梅博客青梅博客
  • Vue3.0 起跑 搭建项目后应用 系列二

    Vue3.0 起跑 搭建项目后应用 系列二

    Vue3.0部分知识点 项目目录结构 |-node_modules -- 所有的项目依赖包都放在这个目录下 |-public -- 公共文件夹 ---|favicon.ico -- 网站的显示图标 ---|index.html -- 入口的html文件 |-src -- 源文件目录，编写的代码基本都在这个目录下 ---|assets -- 放置静态文件的目录，比如logo.pn就放在这里 ---|…
    VUE
    • 1k
    • 0
    青梅博客青梅博客
  • async 函数和 promises 的性能提升

    async 函数和 promises 的性能提升

    JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验的优化。 异步编程的新方案 从 callbacks 到 promises，再到 async 函数 在 promises 正…
    javascript
    • 1k
    • 0
    青梅博客青梅博客
  • Vue SEO的四种方案

    Vue SEO的四种方案

    众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，通过查找资料，大概有以下4种方法。 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。 使用SSR权衡之处： 开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外…
    VUE
    • 995
    • 0
    青梅博客青梅博客
  • ES6中的Iterator 和for of循环

    ES6中的Iterator 和for of循环

    一、Iterator（遍历器）的存在 1、迭代器模式 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。 2、Iterator的概念 ES6语法中表示“集合”的数据结构有很多，比如 Array、Map、Set、String、arguments、NodeList等。这样就需要一种…
    javascript
    • 724
    • 0
    青梅博客青梅博客
  • 前端性能优化的三个维度

    前端性能优化的三个维度

    前端 性能优化 可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level 一、静态资源优化 这个level，主要是减少静态资源的加载时间，主要包括html、css、js和图片文件，静态资源的加载时间是前端性能最大的瓶颈（特别是图片），现如今优化的手段也很丰富，以下简要列举几种常用的方法 合并cs…
    前端技术
    • 678
    • 0
    青梅博客青梅博客
  • 前端工具VScode+NodeJs+Git下载配置

    前端工具VScode+NodeJs+Git下载配置

    下载vscode需要用到node.js和git 一、安装NodeJs 1.下载Nodejs Node.js官网下载地址:https://nodejs.org/en/download/ Node.js历史版本下载地址：https://nodejs.org/zh-cn/download/releases/ tips:脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的…
    前端工具
    • 2k
    • 0
    青梅博客青梅博客
  • 微信小程序mpvue+Vant Weapp初始化

    微信小程序mpvue+Vant Weapp初始化

    准备工作： 1.安装Node.js nodejs官网 //可查看node版本 $ node -v $ npm -v 2.安装淘宝镜像cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue-cli脚手架构建工具 $ cnpm install -g vue-cli 第一步、创建一个基于 mpvue-qu…
    VUE
    • 985
    • 0
    青梅博客青梅博客
  • vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

    vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

    1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3.设置meta标签 <meta name="viewport"…
    前端技术
    • 1k
    • 0
    青梅博客青梅博客
  • vue快速删除node_modules文件夹

    vue快速删除node_modules文件夹

    当安装了较多模块后，node_modules目录下的文件会很多，直接删除整个目录会很慢，下面介绍些快速删除node_modules目录的方法 方法一：使用rimraf模块的命令 1.在全局安装rimraf模块 npm install rimraf -g 2.然后通过其命令来快速删除node_modules目录： rimraf node_modules 这样就可以很快删除了node_modules
    VUE
    • 1k
    • 0
    青梅博客青梅博客
  • webpack+vue初始化项目

    webpack+vue初始化项目

    第1步：官网下载并安装nodejs nodejs官网:http://nodejs.cn/download/ 第2步：npm下载插件速度很慢，推荐安装淘宝镜像cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 第3步：创建项目 ①安装vue-cli脚手架构建工具 cnpm install -g vue-cli ②…
    VUE
    • 808
    • 0
    青梅博客青梅博客
  • Git常用命令和常见问题

    Git常用命令和常见问题

    git官网 一、git常用命令 1.常用命令 git clone 地址 // 克隆远程仓库 git clone -b 分支名 地址 // 克隆分支的代码到本地 git status // 查看状态 git add 文件名 // 将某个文件存入暂存区 git add b c //把b和c存入暂存区 git add . // 将所有文件提交到暂存区 git reset HEAD test.txt //…
    前端技术
    • 921
    • 0
    青梅博客青梅博客
  • WebSocket 实现数据实时刷新

    WebSocket 实现数据实时刷新

    WebSocket 是HTML5的一个新协议，WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 一、浏览器客户端 创建一个WebSocket 对象 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接…
    javascript
    • 1.1k
    • 0
    青梅博客青梅博客
  • 富文本vue-quill-editor结合el-element实现自定义上传组件

    富文本vue-quill-editor结合el-element实现自定义上传组件

    需求一 图片上传 就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。 解决思路 将图片先上传至服务器，再将图片链接插入到富文本中 图片上传的话可以使用element或者iview，这里我以iview举例 图片上传区域要隐藏，自定义vue-quill-editor的图片上传，点击图片上传…
    VUE
    • 819
    • 0
    青梅博客青梅博客
  • Node版本器nvm的安装与使用

    Node版本器nvm的安装与使用

    一、nvm是什么 nvm全名node.js version management，是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs,主要解决node各种版本存在不兼容现象 二、下载nvm 点击github下载地址 可以下载最新nvm版本，本次下载安装的是windows版本。打开网址我们可以看到以下安装包： nvm-noinstall.zip：绿色免安装版，但使用时需进行…
    前端技术
    • 735
    • 0
    青梅博客青梅博客
  • yarn和npm的区别、–save和–save-dev的区别

    yarn和npm的区别、–save和–save-dev的区别

    一、安装yarn (1)下载node.js,使用npm安装 npm install -g yarn (2)查看版本 yarn --version (3)yarn淘宝源安装 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao…
    前端技术
    • 1.9k
    • 0
    青梅博客青梅博客
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部