- 博客(20)
- 收藏
- 关注
RSS订阅
1翻译 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(_...
2022-01-20 15:42:21
456
原创 使用scss
每次总是因为sass-loader，或者node-sass的版本不一致导致安装不上，今天就备忘录一个node版本，node-sass版本和sass-loader版本。node版本 12.15.0node-sass：4.14.1sass-loader：7.1.0npm install [email protected] install [email protected]...
2021-12-14 13:43:49
196
原创 布局组件 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...
2021-11-04 17:44:11
837
转载 基于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.
2021-10-27 11:48:37
254
原创 vscode中settings设置，持续更新
1. template代码一行显示"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 120
2021-05-22 14:58:33
183
原创 JavaScript Event Loop
堆内存：对象 引用类型的变量，保存的是实际的内容栈内存 ：变量const a = { text:'123',};const b = a;在内存中声明了一个变量 b，并把 b 指向了 a 所指向的堆内存中的那个对象。所以b 和 a均在栈内存中存储。众所周知，js是单线程的，在处理很多耗时的任务时，js都会把异步任务放入quere（队列）中，做完主线程事情后，会定期的轮询 queue，这样的反复循环，构成Event LoopMacrotasks和Microtas...
2020-12-16 11:43:18
76
原创 前端css样式 BEM 规则书写规范
前端经理让总结css书写规范，用于公司前端css样式培训用，大概总结了一些。BEM 是块（block），元素（element），修饰符（modifier）简写，是一套前端css命名方法论。规范默认有一下几个约定：-中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。__ 双下划线：双下划线用来连接块和块的子元素_ 单下划线：单下划线用来描述一个块的子元素的一种状态（也可使用–表示）优点让前端代码更容易阅读和理解，更加的语义化，更容易协作，更容易控制，更加健壮和明确，
2020-12-07 17:44:41
490
原创 markdown文件，也就是经常见到的.md文件
突然听到前端经理再说什么 马克党 什么东西，后来才知道这就是经常用的 .md文件，实名就医需要写一个对接文档，当时要是好好研究下md文件，文档也就不用写的那么扯了#标题##二级标题###三级标题####四级标题#####五级标题######六级标题#列表##有序列表*1*2*3*4##无序列表1.12.24.33.4...
2020-12-07 17:34:33
316
原创 基本类型与引用类型，深拷贝及浅拷贝，
数据类型分为基本数据类型和引用类型基本类型：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 为引用数据类型深拷贝浅拷贝深拷贝：深拷贝是开辟新的内存，将原始数据重新复制一份。基本数据类型只要复制，一
2020-09-25 14:38:46
267
原创 电子签名功能 原生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> <
2020-06-24 16:32:30
381
原创 电子签名功能 vue
@mousedown=“mouseDown”@mousemove=“mouseMove”@mouseup=“mouseUp” 为pc端需求@touchstart=“touchStart”@touchmove=“touchMove”@touchend=“touchEnd” 为移动端需求将canvas转换成base64位编码格式的图片，压缩图片后，可将值进行异步请求<template>
2020-06-24 16:28:20
461
原创 在前端中使用模糊查询，减轻服务端压力
在前端使用模糊查询的先决条件：1.数据已经全部请求完成2.没有分页效果，一次性请求完全部的数据代码如下，以vue为例：
2020-05-29 11:21:30
356
原创 常见的数组与字符串及对象与对象字符串之间的转换汇总
数组与字符串之间的转换1、数组转字符串arr.join() // 将数组元素连接起来以构建一个字符串arr.toString() //将数组转换成一个字符串2、字符串转数组str.split(’,’)以上方法均可在括号中使用 ‘,’ ’进行字符的分割eg:let str = ‘’console.log(str.split(’,’)) // [’’]//无法直接转换成 []/*** 可以进行if语句的判断，判断字符串是否为空，为空直接给[]*否则传递数据时，在将数组转成字符串时，
2020-05-29 10:46:15
505
原创 在vue项目中使用vuedraggable,进行的简单代码示例拖拽
在vue项目中使用vuedraggable,进行的拖拽1 npm install vuedraggable2.import draggable from “vuedraggable”;3.代码示例如下
2020-05-28 17:44:36
480
原创 使用vue中，在Vue组件中完美引入jQuery
<template> <div id="app"> </div></template> <script> import $ from 'jquery' export default { name: 'App', components: {}, data: function () { return {} }, created:function(){ console.log($('#app
2019-10-29 15:53:33
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人