- 博客(21)
- 收藏
- 关注
翻译 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 511
原创 使用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...
2021-12-14 13:43:49 228
原创 布局组件 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 880
转载 基于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 284
原创 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 208
原创 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 90
原创 前端css样式 BEM 规则书写规范
前端经理让总结css书写规范,用于公司前端css样式培训用,大概总结了一些。BEM 是块(block),元素(element),修饰符(modifier)简写,是一套前端css命名方法论。规范默认有一下几个约定:-中划线 :仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。__ 双下划线:双下划线用来连接块和块的子元素_ 单下划线:单下划线用来描述一个块的子元素的一种状态(也可使用–表示)优点让前端代码更容易阅读和理解,更加的语义化,更容易协作,更容易控制,更加健壮和明确,
2020-12-07 17:44:41 519
原创 markdown文件,也就是经常见到的.md文件
突然听到前端经理再说什么 马克党 什么东西,后来才知道这就是经常用的 .md文件,实名就医需要写一个对接文档,当时要是好好研究下md文件,文档也就不用写的那么扯了#标题##二级标题###三级标题####四级标题#####五级标题######六级标题#列表##有序列表*1*2*3*4##无序列表1.12.24.33.4...
2020-12-07 17:34:33 351
原创 基本类型与引用类型,深拷贝及浅拷贝,
数据类型分为基本数据类型和引用类型基本类型: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 306
原创 电子签名功能 原生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 411
原创 电子签名功能 vue
@mousedown=“mouseDown”@mousemove=“mouseMove”@mouseup=“mouseUp” 为pc端需求@touchstart=“touchStart”@touchmove=“touchMove”@touchend=“touchEnd” 为移动端需求将canvas转换成base64位编码格式的图片,压缩图片后,可将值进行异步请求<template>
2020-06-24 16:28:20 544
原创 在前端中使用模糊查询,减轻服务端压力
在前端使用模糊查询的先决条件:1.数据已经全部请求完成2.没有分页效果,一次性请求完全部的数据代码如下,以vue为例:
2020-05-29 11:21:30 388
原创 常见的数组与字符串及对象与对象字符串之间的转换汇总
数组与字符串之间的转换1、数组转字符串arr.join() // 将数组元素连接起来以构建一个字符串arr.toString() //将数组转换成一个字符串2、字符串转数组str.split(’,’)以上方法均可在括号中使用 ‘,’ ’进行字符的分割eg:let str = ‘’console.log(str.split(’,’)) // [’’]//无法直接转换成 []/*** 可以进行if语句的判断,判断字符串是否为空,为空直接给[]*否则传递数据时,在将数组转成字符串时,
2020-05-29 10:46:15 525
原创 在vue项目中使用vuedraggable,进行的简单代码示例拖拽
在vue项目中使用vuedraggable,进行的拖拽1 npm install vuedraggable2.import draggable from “vuedraggable”;3.代码示例如下
2020-05-28 17:44:36 502
原创 使用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 342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人