webpack脚手架创造之路一:构建脚手架底层能力

脚手架创造之路一:构建脚手架底层能力1.开发环境和生产环境的定义webpack对开发和生产环境的定义很清楚。webpack在配置对象中提供了一个mode参数mode:production/development两个结果production:代表生产环境,当配置为此结果时,webpack会对所有的js和html进行压缩处理,并且将构建结果输出到指定文件结构。用于发布到生产服务器development

- 阅读全文 -

vue 2.0与vue3.0的区别

1. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x,使用proxy的优势如下   1.defineProperty只能监听某个属性,不能对全对象监听,而proxyAPI则可

- 阅读全文 -

JS 判断是否为对象或数组的几种方法

一.判断值是否是对象1.toString 方式【常用】Object.prototype.toString.call(val) === '[object Object]' // true 代表为对象注意:这里要使用 call 方法改变作用域2.constructor 方式val?.constructor === Object // true 代表为对象这里使用了 null 传导符(?.) 以防止出错

- 阅读全文 -

总结18个webpack 插件,总会有你想要的!

Plugin何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。Plugin 的特点是一个独立的模块模块对外暴露一个 j

- 阅读全文 -

Vue公共组件的封装

Vue组件的三要素1. props参数 2. slot定制插槽 3. event自定义事件基本组件开发创建一个.vue文件,其中包含template、script以及style:<template> <div class="headComponent"> {{{ msg }} </div> </template>

- 阅读全文 -

vue 如何优化首页的加载速度?vue 首页白屏是什么问题引起的?如何解决呢?

首先分析原因VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。考虑解决办法1.使用首屏SSR(服务端渲染) + 跳转SPA方式来优化2.改单页应用为多页应用,需要修改webpack的entry3.改成多页以后使用应该使用prefetch的就使用4.处理加载的时间片,合理安排加载顺序,尽量不要有大面积空隙5.CDN资源还是很重要的,最好分开,也能减少一些不

- 阅读全文 -

10个常用的JS工具库,80%的项目都在用!

高手区别于普通人的重要一点是,他们善于利用工具,把更多的时间留给了规划和思考。写代码也是同样的道理,工具用好了,你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库。Day.js一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npm install dayjs // 基本用法 import

- 阅读全文 -

element-ui给table里的每个按钮设置loading

说明:在table中,点击不同行的操作按钮,只有此行的按钮进行加载,请求后台成功后停止加载。具体看代码(只有前端代码):<template> <el-table :data="userList" border fit class="user_table"> <el-table-column label=&

- 阅读全文 -

推荐资源

最新文章

最近回复

  • SJAY1: 占个坑
  • SJAY: 经过排查,应该是sass-loader的版本过高问题。在pack...
  • 达吾提江: 帮我用户快速关注你的微信公众账号的代码 遍一下吗?
  • : 不是所有的都能用呀

分类

标签

归档

链接

  • 暂无链接

其它