Vue使用CDN引用项目组件,减少打包后项目体积，减小服务端压力 如果是vue cli2的项目，build/webpack.base.conf.js'use strict'const path = require('path')const utils = require('./utils')const config = require('../config')const vueLoaderConfig = require('./vue-loader.conf')function resolve(dir) { return path.join(_...
使用scss 每次总是因为sass-loader，或者node-sass的版本不一致导致安装不上，今天就备忘录一个node版本，node-sass版本和sass-loader版本。node版本 12.15.0node-sass：4.14.1sass-loader：7.1.0npm install node-sass@4.14.1npm install sass-loader@7.1.0...
布局组件 postcss-px-to-viewport 兼容 vant 既可用于移动端，也可用于pc端。npm install postcss-px-to-viewport --save-dev然后再根目录下（node_modules同级）下创建文件postcss.config.js，module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 "postcss-px-to-viewport": { unitT...
基于vue及element,最简单的编辑表格 <template> <div> <el-button size="mini" @click="handleAdd()" type="primary">Add</el-button> <el-table ref="mytable" :data="table_data" style="width: 100%" @selection-change="handleSelectionChange"> <el-tabl.
vscode中settings设置，持续更新 1. template代码一行显示"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 120
JavaScript Event Loop 堆内存：对象 引用类型的变量，保存的是实际的内容栈内存 ：变量const a = { text:'123',};const b = a;在内存中声明了一个变量 b，并把 b 指向了 a 所指向的堆内存中的那个对象。所以b 和 a均在栈内存中存储。众所周知，js是单线程的，在处理很多耗时的任务时，js都会把异步任务放入quere（队列）中，做完主线程事情后，会定期的轮询 queue，这样的反复循环，构成Event LoopMacrotasks和Microtas...
前端css样式 BEM 规则书写规范 前端经理让总结css书写规范，用于公司前端css样式培训用，大概总结了一些。BEM 是块（block），元素（element），修饰符（modifier）简写，是一套前端css命名方法论。规范默认有一下几个约定：-中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。__ 双下划线：双下划线用来连接块和块的子元素_ 单下划线：单下划线用来描述一个块的子元素的一种状态（也可使用–表示）优点让前端代码更容易阅读和理解，更加的语义化，更容易协作，更容易控制，更加健壮和明确，
markdown文件，也就是经常见到的.md文件 突然听到前端经理再说什么 马克党 什么东西，后来才知道这就是经常用的 .md文件，实名就医需要写一个对接文档，当时要是好好研究下md文件，文档也就不用写的那么扯了#标题##二级标题###三级标题####四级标题#####五级标题######六级标题#列表##有序列表*1*2*3*4##无序列表1.12.24.33.4...
基本类型与引用类型，深拷贝及浅拷贝， 数据类型分为基本数据类型和引用类型基本类型：let str = "123"; let numberNum = 5; str , numberNum 均为引用数据类型 undefined、null、number、string、boolean Symbol引用类型：let obj = { aaa:"123", bbb:'456', }; let arr = [1,2,3,4,5,6]obj 为引用数据类型深拷贝浅拷贝深拷贝：深拷贝是开辟新的内存，将原始数据重新复制一份。基本数据类型只要复制，一
电子签名功能 原生js 适用于移动端，项目做了移动端的自适配html文件<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,maximum-scale=1,initial-scale=1,user-scalable=no"> <title>sing2</title> <
电子签名功能 vue @mousedown=“mouseDown”@mousemove=“mouseMove”@mouseup=“mouseUp” 为pc端需求@touchstart=“touchStart”@touchmove=“touchMove”@touchend=“touchEnd” 为移动端需求将canvas转换成base64位编码格式的图片，压缩图片后，可将值进行异步请求<template>
常见的数组与字符串及对象与对象字符串之间的转换汇总 数组与字符串之间的转换1、数组转字符串arr.join() // 将数组元素连接起来以构建一个字符串arr.toString() //将数组转换成一个字符串2、字符串转数组str.split(’,’)以上方法均可在括号中使用 ‘,’ ’进行字符的分割eg:let str = ‘’console.log(str.split(’,’)) // [’’]//无法直接转换成 []/*** 可以进行if语句的判断，判断字符串是否为空，为空直接给[]*否则传递数据时，在将数组转成字符串时，
在vue项目中使用vuedraggable,进行的简单代码示例拖拽 在vue项目中使用vuedraggable,进行的拖拽1 npm install vuedraggable2.import draggable from “vuedraggable”;3.代码示例如下
关注
