- 博客(43)
- 收藏
- 关注
RSS订阅
原创 2020年2月9日面试汇总
1、css盒模型解释：盒模型分为标准盒模型和怪异盒模型box-sizing: content-box // 标准盒模型box-sizing：border-box // 怪异盒模型标准盒模型：元素的宽度等于style里的width+margin+padding宽度如下代码，整个宽高还是120pxdiv { box-sizing: content-box; margin...
2020-02-09 15:24:02
589
原创 Vue面试知识点汇总
vue生命周期什么是Vue生命周期？ Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模版、挂载Dom ——>渲染、更新——>渲染、卸载等一系列过程，我们称这是Vue的生命周期Vue生命周期的作用是什么？ 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几...
2019-12-09 03:29:44
522
1
原创 Mac文件压缩时加密
第三步：输入命令 zip -er 文件名.zip 文件名，开始压缩文件，例如 zip -er test.zip test ，表示将test这个文件夹压缩成test.zip，并存放在当前文件夹。压缩文件名字可以任意取名，只要后缀有.zip就行。第二步：在终端中用cd切换到需要压缩文件的位置，也可以把你要压缩的文件夹直接拖入终端然后回退一步。第一步：通过command + 空格键聚焦搜索终端，然后回车进入电脑终端。第四步：再输入两遍你想设定的加密密码即可。至此，就完成了整个文件夹的加密压缩！
2023-12-25 16:30:31
1567
原创 gitlab 有master权限提交master时报错
git报错 ! [remote rejected] master -> master (pre-receive hook declined)
2022-07-01 11:05:15
1853
原创 关于vue3.2中父组件调用子组件的方法
我们都知道在vue2中父子组件传值直接在父组件调用子组件的元素上添加相应的属性，然后再子组件中的props中调用父组件中的方法。但是在vue3中略有不同，添加了两个新Api defineProps、defineExpose1、首先在父组件中引入并且调用子组件，这里需要注意一下，在vue3中不需要再在components对象中定义组件，直接引入之后直接使用就可以了// 父组件// 引入组件<script setup>import DialogAddSwiper from '@/comp
2022-05-30 14:31:58
6303
原创 前端如何在本地起临时服务器
1、首先安装依赖包pushstate-servernpm install pushstate-server --save2、在项目根目录下新建一个server.js文件// 首先导入依赖const server = require('pushstate-server')// 启动服务server.start({ port: 5018, directory: './dist' // 静态文件的存放位置})// 输出打印console.log('your sever is
2022-05-23 09:27:17
454
原创 从0到1构建一个qiankun项目
本教程适合刚接触qiankun的新人，介绍了如何从0构建一个qiankun项目1、首先创建一个主应用主应用不限技术栈，react或者vue都可以，只需要提供一个容器DOM，然后注册微应用并start开始先安装qiankun：yarn add qiankun // 或者 npm i qiankun -S我是以react作为主应用的，首先注册微应用并启动。// 在主应用的src下的index.js 里面注册微应用并启动import React from 'react';impo
2022-05-15 17:22:08
1230
原创 将多个数组合并为一个
将多个数组合并为一个// 首先定义一个接收合并之后值的数组let arrayAll = [];// 使用concat 这个方法进行多个数组的合并arrayAll = arrayAll.concat([1,2,3], [4,5,6], [7,8,9])console.log(arrayAll)// [1, 2, 3, 4, 5, 6, 7, 8, 9]...
2022-05-13 10:42:32
582
原创 关于vue-router跳转子组件无法改变视图的问题
关于vue-router跳转子组件无法改变视图的问题问题展示：代码展示// router/index.js{ path: '/singer', component: Singer, children: [ { path: ':id', component: SingerDetail, }, ]},// father.vue// html<div> <router-view></router-view></div&g
2022-04-30 22:54:21
384
原创 Js的map方法是否会改变原数组？
map()为操作数组的一种方法，官方文档显示：map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。官方文档中的说法并非十分准确，在实际的开发中需要依据不同的数据做不同的处理。当数组为基础类型时原数组不变： let array=[1,2,4,6] let newArray=array.map((item) =
2022-03-02 23:44:10
2491
原创 mac m1 nvm配置 亲测
1、在终端中新建一个.nvm文件夹2、从git中获取最新的nvm包https://github.com/nvm-sh/nvm下载到新创建的.nvm中，这里需要注意一下，下载的文件有一个nvm文件夹所包含着，得从文件夹中复制出来，直接把所有文件都放到.nvm中。3、配置启动文件 (~/.bash_profile, ~/.zshrc, ~/.profile, 或者 ~/.bashrc)：export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] &a
2021-12-29 15:17:42
653
原创 React中关于网络导入的图片不显示的问题
在入口文件index.html中添加一行代码即可解决这个问题<meta name="referrer" content="no-referrer">
2020-11-27 22:52:11
676
2
原创 vue项目中关于二进制文件流导出Excel文件的一些坑
实现下载效果<el-button type="warning" icon="el-icon-download" size="mini" @click="download()">导出</el-button> //下载操作 download() { return axios({ url: '/download/sms', method: 'post',
2020-07-29 16:07:22
2120
1
原创 vue3项目打包上线部署到服务器
1、npm run build打包项目，生成dist文件；2、将dist文件复制，粘贴到服务器中；3、因为是前后端分离的项目，所以需要解决跨域的问题，因此下载nginx做代理http://nginx.org/en/download.html4、下载完成之后进入nginx文件夹下的conf/nginx.conf进行相关的配置5、做好这一系列相关配置之后就可以打开终端面板开启nginx了开启nginx start nginx6、然后使用ip地址 + 端口号就可以直接访问项目了..
2020-05-28 17:29:16
5792
原创 将后台获取的数据动态渲染在Echarts饼状图上
1、定义组件，书写挂载dom2、导入echarts3、书写配置项4、调接口，整合后台给的数据，将数据动态渲染到响应的配置中5、至此，后台获取的相关数据就已经渲染到页面上了最后，附上后台获取的json数据...
2020-05-21 17:27:19
4621
原创 将后台获取的数据动态展示在Echarts折线图表上
1、定义LineChart组件，书写挂在模板2、导入echarts3、调用后台api接口，将相关数据调到组件中4、然后书写将要合并的数据5、至此，后台调用的数据就完整的展现到页面中了最后，附上后台传过来的数据注意： 后端给的数据的参数要和echarts中数据的参数一致，不然无法合并...
2020-05-21 17:14:40
2954
原创 vue项目中Echarts图表的使用
1、执行 npm install echarts --save-dev 进行全局安装；2、在main.js中全局配置import echarts from ‘echarts’Vue.prototype.$echarts = echarts3、封装定义组件4、在相关页面引用
2020-05-20 11:42:07
533
原创 后台管理系统中编辑角色修改默认选中项
1、获取所有的用户角色：2、循环遍历输出展示所有的用户角色3、定义并获取默认选中的角色id4、将默认选中的角色赋值到角色列表中5、将修改之后的默认选中项赋值给编辑表单中的角色参数至此，编辑列表中用户的角色修改就已经完成了...
2020-05-20 11:27:33
680
原创 vue项目中时间过滤器的全局配置
1、在main.js文件中全局定义时间过滤器2、在需要引入的文件中引入时间过滤器3、查看引入时间过滤器成功之后的效果
2020-05-10 01:43:21
262
原创 CSS水平/垂直居中
1.text-align:center 块状元素，水平居中2.margin:0 auto 水平居中 以外边框为参照物，上下外边框距为0，左右外边框距浏览器会自动计算平分3.line-height 垂直居中 通过设置行间距。line-height只适用于单行文本的元素，多行元素不适用。4.float属性+relative定位 给父元素设置float：left ,然后父...
2020-02-20 11:08:02
231
原创 常见浏览器兼容问题及解决办法
一、不同浏览器解析元素默认的外边距和填充大小存在误差解决方法：把当前页面的可视区域元素的边距和填充都默认初始化为0二、元素height高度（通常小于10px）IE6以下会超出本身设置默认高度（19px）解决方法： 1、给超出元素设置overflow：hidden 2、font-size：0；（2px）三、border元素边框1像素点状线（dotted）在IE6以及以下解析为...
2020-02-11 22:17:38
267
原创 vue中对时间戳的处理
1、自建js文件（文件位置根据自己的项目位置自定义）export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } l...
2020-01-22 23:10:20
2599
1
原创 vue2.0中使用ready不能起作用解决办法
如下代码，不知道什么原因，为什么ready方法不执行ready() { console.log(1); this.scroll = new BScroll(this.$refs.seller[seller], { click: true });经过查询资料，发现vue2.0中一个vue实例的生命周期中已经不存在ready...
2020-01-20 13:11:20
1802
原创 前端面试(一)
2020年1月4日面试问题梳理：1、Vue相对于原生JS的优势在哪里认知现代JS框架存在的根本原因是保持UI与状态同步核心思想数据驱动 DOM核心功能数据双向绑定组件（Component）核心概念异步更新队列el: el用于指定一个页面中已存在的DOM元素来挂载Vue实例。beforeDestroy生命周期：实例销毁之前调用。主要解绑一些使用addEventListener...
2020-01-05 23:37:05
292
原创 如何实现页面包含
项目中，习惯把多个页面中完全一样的内容，单独提取出来作为一个独立的文件（如header.html、footer.html），凡是需要此文件的页面，引入该页面即可。页面包含可以采用多种方案：1、利用Web服务器的SSI命令：客户端请求一个页面，服务器一次返回多个页面 — 需要修改Web服务器配置文件。2、使用服务器端动态语言提供的页面包含函数：如PHPinclude(‘header.p...
2019-12-20 16:37:02
341
原创 AngularJS知识点整理
概述是一个JS框架，适用于以数据的操作为主的SPA项目AngularJS的四大特性：采用MVC设计模型 双向数据绑定 依赖注入 模块化设计MVC模型Model：业务数据，是保存在特定的范围的变量View：即业务数据的呈现，HTML+ng指令Controller：负责操作业务数据双向数据绑定：方向1：Model绑定到V...
2019-12-20 13:40:53
205
原创 JavaScript基本面试题
JS的几条基本规范：1、不要在同一行声明多个变量2、请使用===/！==来比较true/false或者数值3、使用对象字面量替代new Array这种形式4、不要使用全局变量5、Switch语句必须带有default分支6、函数不应该有时候有返回值，有时候没有返回值7、For循环必须使用大括号8、IF语句必须使用大括号9、for-in循环中的变量应该使用var关...
2019-12-17 00:22:44
151
原创 var、let、const之间的区别
var声明变量可以重复声明，而let不可以重复声明var是不受限于块级的，而let是受限于块级var会与window相映射（会挂一个属性），而let不与window相映射var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错const声明之后必须赋值，否则会报错const定义不可变的量，改变了就会报错const和let一样不会与window相映射、支...
2019-12-12 10:55:44
283
原创 如何解决跨域问题
跨域的概念：协议、域名、端口都相同才同域，否则都是跨域解决跨域问题：1、使用JSONP（json+padding）把数据内填充起来2、CORS方式（跨域资源共享），在后端上配置可跨域3、服务器代理，通过服务器的文件能访问第三方资源...
2019-12-10 23:45:38
116
原创 less、sass、styus三者的区别
变量Sass声明变量必须是【$】开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号：分隔开。Less声明变量用【@】开头，其余等同Sass。Stylus中声明变量没有任何限定，结尾的分号可有可无，但变量名和变量值之间必须要有【=】。作用域Sass：三者最差，不存在全局变量的概念Less：最近的一次更新的变量有效，并且会作用于全部的引用！Stylus：Sass的处理方式和St...
2019-12-10 23:31:42
464
原创 组件化和模块化
组件化为什么要组件化开发有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，以达到组件通用性，增强代码可读性，维护成本也能大大降低。组件化开发的优点很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了...
2019-12-09 00:03:26
303
原创 vue单文件方式
单文件就是以*.vue结尾的文件。最终通过webpack也会编译成*.js在浏览器运行内容：<template></template> + <script></script> + <style><style>1、template中只能有一个根节点 2.x2、script中按照export default {配置}来...
2019-12-08 21:05:09
155
原创 vue全家桶
一般项目在开发的时候所提到的vue全家桶都包括哪些内容。vue全家桶：vue（整体架构） + vuex（状态管理） + vue-router（路由） + vue_resource || axios（ajax请求） + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库)...
2019-12-08 19:31:03
149
原创 微信小程序
文件主要目录及文件作用：component --------------------------------------------------------- 组件文件夹navBar ---- 底部组件navBar.js ---- 底部组件的JS代码navBar.json ...
2019-12-06 00:14:16
268
原创 Ajax浅谈
如何创建一个Ajax（1）创建XMLHttpRequest对象，也就是创建一个异步调用对象（2）创建一个新的HTTP请求，并指定该HTTP请求的方法、URL及验证信息（3）设置响应HTTP请求状态变化的函数（4）发送HTTP请求（5）获取异步调用返回的数据（6）使用JavaScript和DOM实现局部刷新同步和异步的区别：同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求...
2019-12-04 14:32:05
138
原创 对this对象的理解
1、this总是指向函数的直接调用者（而非间接调用者）2、如果有new关键字，this指向new出来的那个对象3、在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window...
2019-12-04 13:26:26
359
原创 mouseover和mouseenter的区别
mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡的过程。对应的移除事件是mouseoutmouseenter：当鼠标移除元素本身(不包含元素的子元素)会触发事件，也就是不会冒泡，对应的移除事件是mouseleave...
2019-12-04 13:22:26
155
原创 HTML语义化
HTML语义化就是让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重3、方便其他设备解析，如盲人阅读器根据语义渲染网页4、有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐如：代表头部代表超链接区域定义文档主要内容可以代表文章、博客等内容通常表示侧边栏或嵌入内容...
2019-12-04 02:14:09
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人