- 博客(32)
- 收藏
- 关注
RSS订阅原创 使用promise等待某一次动作完成再进行后续的动作
var tempPromise = new Promise(function (resolve) { promise.then(function (response) { if (response.data) { if (response.data.length !== 0 && response.data[0].searchList.length !== 0) { caseArr = .
2022-05-21 11:50:55
1078
原创 阿里iconfont的使用
Font class使用方法1.添加需要的图标2.打开链接3.项目中新建css文件，将打开的链接里的内容复制至css文件中4.使用图标4.1 设置标签class，第一个时字体，第二个时图标名称，图标即可生效...
2022-05-14 15:15:51
625
原创 element UI 的各组件注意点
表单1.resetFields使用该重置表单方法需注意：el-form的 :model 的名称要和ref的名称一致2.表单验证表单验证的prop的名称必须和v-model的名称一样
2022-03-30 19:47:50
1020
1
原创 elementui国际化
import Vue from 'vue'import App from './App.vue'import '@/theme/index.scss'import Element from 'element-ui' //引入elementUI， 安装的是2.×版本import VueI18n from 'vue-i18n' //引入 i18n ，安装的是8.×版本//引入Element的语言包import enLocale from 'element-ui/lib/locale/lang/.
2022-03-24 10:10:51
2192
原创 重写elementui的message
因为存在重复出现的原因，所以需要重写message在utils/resetMessage.js里import { Message } from 'element-ui'const message = Messagelet messageIstance = nullconst resetMessage = (options) => { if (messageIstance) { messageIstance.close() } messageIstance = mes
2022-03-23 18:00:38
1333
原创 正则 验证规则
源自支持项目/** * 2020.11.29 整理 * 工具类集合，适用于平时开发 */// 小数或整数(不可以负数)export function verifyNumberIntegerAndFloat(val) { // 匹配空格 let v = val.replace(/(^\s*)|(\s*$)/g, ''); // 只能是数字和小数点，不能是其他输入 v = v.replace(/[^\d.]/g, ''); // 以0开始只能输入一个
2022-02-22 14:24:15
352
原创 做项目时需要的各种配置-vue
路径别名const path = require('path')function resolve(dir) { return path.join(__dirname, dir)}module.exports = { lintOnSave: true, chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('assets', resolve('src/assets'))
2022-02-21 17:42:09
628
原创 移动端vue项目rem适配（vant组件库）
1.安装淘宝移动端适配方案npm i lib-flexible --save2.在main.js引入lib-flexibleimport 'lib-flexible/flexible'3.安装postcss-pxtoremnpm install postcss-pxtorem -D4.配置postcss-pxtorem在根目录的.postcssrc.js文件中修改此文件自动生成，若没有，手动添加module.exports = { "plugins": {
2022-02-18 17:37:06
414
原创 做项目时需要的各种配置-react
一、配置proxy代理跨域1.通过middleware中间件的方式设置proxy1.npm install http-proxy-middleware --savereact脚手架已安装该库2.在src目录中新建setupProxy.js文件，在文件中放入如下代码：const proxy= require('http-proxy-middleware')module.exports = function (app) { app.use( proxy('/api', {
2022-02-15 15:56:42
358
原创 提交代码到git指定分支
1.git clone http://myrepo.xxx.com/project/.git 克隆远程仓库代码2.cd 文件夹名称 进入项目文件夹3.git branch -a 查看所有分支（绿色为本地分支，红色为远程分支）4.git checkout -b dev origin/dev 在本地新建dev分支，关联远程origin/dev分支，并切换到本地的dev分支，进行开发5.git add .6.git commit -m ''7.git push origin dev ..
2022-01-28 16:09:19
5702
原创 ESlint配置大全
eslint的规则有三个选项："off"或者0，不启用这个规则 "warn"或者1，出现问题会有警告 "error"或者2，出现问题会报错在根目录创建.eslintrc.js，代码如下：module.exports = { // 默认情况下，ESLint会在所有父级组件中寻找配置文件，一直到根目录。ESLint一旦发现配置文件中有 "root": true，它就会停止在父级目录中寻找。 root: true, parserOptions: { // 对Babel解析器
2021-12-05 19:04:20
2086
原创 面试题---背题版
1.http是什么http是超文本传输协议,http规定了请求报文和相应报文的格式,在传输过程中数据不会加密2.https是和http的不同https为安全超文本传输协议,是通过数据加密的方式传输数据的状态码2xx 成功3xx 重定向301Moved Permanently永久重定向。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替.302Found临时重...
2021-11-04 20:39:02
1195
原创 promise相关知识
romiseState 状态属性pendding:初始状态resolved:成功rejected:失败PromiseResult 对象的值,保存着状态为成功或是失败所对应的结果.通过resolve方法和reject方法来操作这个结果promise的基本流程API执行器函数 : (revolve,reject)=>{} ;revolve函数, 结果为成功时调用的函数value = >{};reject函数, 结果为失败时调用的函数reason..
2021-10-24 14:46:17
80
原创 原型相关知识
setPrototypeOf( '目标对象','要设置的值' )getPrototypeOf( '目标对象' )通过一个对象,生成一个新的对象:利用constructor找到构造函数obj.--proto--.constructor原型链检测 instanceof(ainstanceof b): 检测a的原型链上是否存在b构造函数的prototype原型链检测 isPrototypeOfisPrototypeOf:检测一个对象是否是另一个对象的prototype,...
2021-10-22 18:27:57
89
原创 自定义指令
directive:{形式1:函数 big(){ }形式2:对象 big:{ bind(){} inserted(){} update(){} }}当形式为函数形式时:1.指令会在指令与元素成功绑定时(vue在内存中解析模板时就会绑定,此时DOM元素还没有在页面上渲染)调用2.指令会在模板被重新解析时调用当形式为函数形式时:bind(){}:指令与元素绑定时调用该函数inserted(){}:元素被插入页面时调用...
2021-10-15 13:42:05
60
转载 返回顶部按钮,没有防抖
var timer = null; backTop.onclick = function () { cancelAnimationFrame(timer); timer = requestAnimationFrame(function fn() { var oTop = document.body.scrollTop || document.documentElement.scrollTop; if (oTop > 0) { ...
2021-10-12 19:12:16
76
原创 扁平数据结构和树形数据结构之间的转换
var arr = [ { id: 1, title: '标题1', parent_id: 0 }, { id: 2, title: '标题2', parent_id: 0 }, { id: 3, title: '标题3', parent_id: 2 }, { id: 4, title: '标题4', parent_id: 3 }, { id: 5, title: '标题5', parent_id: 4 }, ...
2021-10-12 12:10:34
386
原创 编程思想------单例模式
定义:1.只有一个实例 2.实例全局可访问主要解决:一个全局使用的类,频繁的创建和销毁如何实现:判断是否有有这个类,没有则创建,有则返回使用场景: 1. 全局的缓存 2. 弹窗
2021-10-07 23:41:37
54
原创 暂时性死区的学习
let定义的变量不能够被预解析,即变量声明不会提前let a=1,function fun( ){ console.log ( a ) let a = 2},fun( )上述执行之后,输出的是:无法访问变量"a"当前作用域中的代码在解析时,存在需要用到其他变量的情况,并且这个其他变量在当前作用域中声明了,那么根据作用域的查找变量的规则,会优先在当前作用域中查找并使用,即无视全局中已经定义的相同变量.而let声明的变量不能够被预解析,就会出现 无法访问该变量...
2021-10-07 20:03:48
84
原创 作用域的深层理解,以及闭包形成
作用域的深层理解1.在全局代码执行的前期,会创建一个执行期上下文对象GO2.当函数执行的前期,会创建一个执行期上下文的内部对象AO(作用域)3.AO是预编译的时候创建出来的scope chain 里面存的就是一个一个的作用域,从而就形成了一个作用域链.作用域链在函数执行完成之后会被清除上面代码形成闭包,b函数在被定义出来的时候,就能够访问到a函数的AO,所以b函数在被return出来之后,还能够访问a函数里的变量...
2021-10-07 19:20:11
82
原创 this的指向问题
谁调用,指向谁!!!!声明一个变量namevar name = "王五"声明一个对象,里面有 say 方法var obj = { name: "zhangsan" say: function(fun) { fun() }},声明另一个对象,里面也有 say 方法var obj2 = { name: "lisi" say: function() { console.log ( this.name ) }},把obj2中的...
2021-10-07 16:30:16
62
原创 js的预编译
1.var声明的变量提前2.函数的形参和传进来的实参进行匹配3.内部如果有声明函数则把函数声明提前,如果与变量名重名则覆盖变量(注:函数表达式不提前)
2021-10-07 16:16:40
67
原创 获取DOM节点
通过ID获取（getElementById） 通过标签名（getElementsByTagName） 通过name属性（getElementsByName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（document.documentElement）专门获取html这个标签的 获取body的方法（document.body）专门获取body这个标
2021-10-04 17:22:43
91
原创 文本显示省略号
单行省略white-space: nowrap;overflow: hidden;width: 100%;text-overflow: ellipsis;多行display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;
2021-09-28 20:55:30
82
原创 项目优化部署---常用插件
1.清除console.log插件：babel-plugin-transform-remove-console需要修改babel.config.js的相关配置使其在开发阶段不生效，在发布阶段生效：//创建一个数组constprodPlugins=[ ]//判断是否属于生产环境，如果是，则将生产时才使用的插件push进数组if(process.env.NODE_ENV==='production'){prodPlugins.push("transform-remov...
2021-09-17 22:59:23
82
原创 邮箱，手机号的正则表达式
邮箱：/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;电话：/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
2021-09-12 22:30:34
1758
原创 cli4，路径alias的设置
const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports = { chainWebpack: (config)=>{ config.resolve.alias .set('components',resolve('src/componen...
2021-09-11 19:29:44
164
原创 gitee常见命令（建立链接，根据仓库内容更新本地。。。）
1.在项目所在文件夹下打开cmd或终端，执行以下命令 git remote add origin【远程仓库地址】 git push -u origin master2.如果该项目已经关联远程仓库，则需要先取消原先的关联git remote remove origin3.根据远程仓库的内容更新本地项目文件git pull --rebase origin master...
2021-09-04 22:12:06
864
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人