前端呆头鹅

node应用由模块组成,采用的commonjs模块规范。1.会延迟执行脚本，不会阻塞页面。在导入详解-动态的导入路径中可以看到，ES模块的导入是异步行为，当ES的导入放到顶端时，会提前进行静态编译，而在使用import方法导入时，会返回promise对象。 commonjs是运行...

一 HTML-模板准备1.1 源码1.1.1.定义所需变量和两个事件。dragstart： 开始拖动事件 事件核心为记录鼠标初始位置。drop： 结束拖动事件 事件核心为对比鼠标移动位置 为元素赋值新位置。this.beforeX = event.this.beforeY = e...

一 路由引入与使用1.1 新建路由文件1.二 登录与注册路由配置三 内容菜单路由配置3.1 路由配置3.1.首先在脚手架中添加文件router.js。import Home from '.Vue.base: '.1.在main.js中注册该文件。...import router ...

本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时，将内容与表现分离，让使用者可以专注于绘制弹框内容，而不用在意弹框的具体实现。文章阅读预计15分钟。我们创建文件modelTest.vue，将其引入父组件并注册。<model-test v-if="modelData...

一 普通的全局注册1.1 定义1.2 注册1.二 优雅的全局注册2.1 注册2.2 使用2.1.首先定义两个组件。1.在main.js中注册两个组件。// src>main.import RkA from './components/rk-a.import RkB from '....

介绍：flat是es10中的数组打平函数，可传入一个参数，该参数为数组打平的深度，该参数可省略，默认为1。var arr2 = arr1.flat(); // === var arr2 = arr1.console.背景：最近接手的项目中出现了部分低版本浏览器报错的问题。将Arr...

webpack是一款模块化打包软件，通过插件和加载器的配置，它可以对html,js,css进行分离打包和压缩。分离打包插件会将 CSS 提取到单独的文件中，为每个包含 CSS 的 JS 文件创建一个 CSS 文件。压缩会将css文件进行压缩，如注释压缩和格式压缩，选择器精简等。其...

一 打印 | console.一 打印 | console.console.log是大家经常使用的调试方式了，在代码中加入console.log就能在控制台打印出参数内容，可以用它来判断代码的执行情况和数据的即时信息。console.console.上文中的代码通过if创建了两个...

一 简介二 新手上路2.1 环境准备2.2 创建项目2.三 webpack基础用法3.3.四 webpack文件监听五 功能优化-plugins使用5.1 webpack热更新5.webpack现在可谓炙手可热，要是不懂，就难免让人觉得有点跟不上时代。其实webpack只是一种工...