SJAY's blog

js 以逗号分隔的数字字符串分割成数字数组str="1015,1013,1014,1016" console.log("str=", str) // 分割为数组 list = str.split(',') // 转换为数字 list = list.map(Number) 快速一句话： list = a.split(',').map(Number)

- 阅读全文 -

1、复制数组而不指向同一个对象（深拷贝）const _ = require('lodash'); let one_brand = [ {name: 'A', count: 1, value: Infinity}, {name: 'B', count: 2}, ] // 深拷贝 // 方法一 let two_brand = one_brand.map(o => Object

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

在使用elementUI的el-form时，使用表单验证的方法validate()，发现只能使用回调的写法获取验证值：<el-form ref="form" :model="ruleForm" :rules="rules"> <el-form-item prop="textRequired"&

- 阅读全文 -