- 博客(21)
- 收藏
- 关注
RSS订阅
原创 前端面试总结
经过了长达两个星期的前端面试,现在总结一下每次面试问的都比较多的问题:HTML:1.怎么让一个不知道宽高的盒子 垂直 水平 居中 ?2.块元素 行内元素 行内块元素 的区别 以及 分别列举其代表的标签?CSS:1.问了flex布局2.问了css动画 关于 transform之类的JS:1.冒泡排序2.数组去重(用reduce方法)3.数组的累加(用了双层for循环)4.数组的方法(必问)5.为什么0.1+0.2不等于0.3(五场问了一场,同学也被问这个问题了)ES6:1.prom
2020-12-28 17:15:28
90
原创 跨域问题怎么解决?
跨域问题报错:为什么产生跨域错误:跨域错误:什么是跨域?1.由于浏览器的同源安全策略,只要存在在页面中,通过”脚本”访问数据的,(ajax就是通过js脚本访问数据的), 如果存在 “协议”,”域名”,”端口” 任意一个不同,就是跨域请求. 这样是无法直接访问数据.如何解决跨域问题:如何解决跨域?1.后台可以配置cors ,实现跨域资源共享,忽略当前客户端验证. 客户端请求无感知.2.开发阶段使用 webpack 代理形式, 模拟非浏览器请求,绕过跨域.(开发推荐)3.可以配置nginx(w
2020-11-07 15:25:34
751
原创 websocret使用方法
websocret 是后台向前台主动的去推送数据,一般此项技术用于数据大屏的实时更新。如何使用:一般是有个封装好的js文件,里面是一个方法,把那个方法引入到要使用的页面比如:2.然后在要使用的页面引入:3.在页面开始使用 ,3.1在data中挂载3.2 method里面的方法wsuri 是(后端的网址+uuid)wsuri这个东西不确定 要看具体项目具体安排3.3created中初始化那个方法:具体的使用方法 参考这个网址:https://www.cnblogs.com/niu
2021-08-26 10:46:07
201
原创 echarts使用方法
如何在页面使用echarts1.全局安装echartsnpm install echarts --save2.在要用的页面引入 echartsvar echarts = require(‘echarts’)3.基于准备好的dom 初始化echarts实例在mounted中进行初始化this.ehcarts1 = echarts.init(document.getElementsById(‘echart1’))4.在页面div中进行挂载<div class="echart1 id="ec
2021-07-02 18:35:06
172
原创 关于element-ui 下载文件的代码
下载跟导出并不一样 下载是上传什么格式的文件就下载什么格式的文件下载的代码:在这里插入代码片在操作栏那边有个下载的点击事件 @click="downLoad(scope.row)" //然后在方法里面这么写 downLoad(row) { console.log(row); console.log(row.url); const alink = document.createElement("a"); const blob = new Blob
2021-01-21 14:37:11
1239
原创 附件管理2(上传的逻辑)
接1: 获取到接口里的数据之后,需要可以进行文件的上传,点击上传文件,出现弹窗骨架是这么写的:在这里插入代码片<el-dialog title="上传附件" :visible.sync="open" width="500px" append-to-body > <el-upload ref="upload" :limit="5" :data="upload.data"
2021-01-21 14:33:39
576
原创 附件管理 1 (根据新加的传递的参数来获取接口数据)
需求:从gyzcjg页面跳转到附件管理页面,一进页面要获取附件管理里面的数据,此时后台要求如若想获取数据,需要传递从上个页面传递过来的参数跳转前的页面这么写:在这里插入代码片 handleManage(row) { this.$router.push({ path: "/sjjg/fjgl", query: { businessType: "gyzcjg", businessId: row.id }, }); },直接在传递的参数里
2021-01-20 17:21:53
203
原创 对象/数组 与字符串的互相转化
1.对象与字符串的互相转化要用JSON的两种办法一般用于传递数据 后台要的都是字符串 传到后台需要stringfy一下展示到页面上需要是对象 从后台拿过来的时候 需要parse一下在这里插入代码片 //对象转为字符串 var objStr = {} var str = JSON.stringfy(objStr) //字符串转为对象 var str = '' var newObj = JSON.par
2021-01-08 16:09:54
2933
原创 数组的方法 总结2
1.数组的翻转在这里插入代码片var arr = ["blue", "pink", "green", "yellow"]arr.reverse()console.log(arr);//["yellow", "green", "pink", "blue"]2.数组的排序方法(sort默认是升序)在这里插入代码片var arr1 = [3, 4, 6, 9, 2]arr1.sort()console.log(arr1);//[2, 3, 4, 6, 9]3.判断是不是数组的两种方法
2021-01-08 15:40:51
49
原创 字符串切割的三种方法
slice不仅是数组的方法用来切割还是字符串的方法, 是字符串的切割字符串切割和提取----1.slice(start,end),2.substring(),3.substr()在这里插入代码片var str = "hello,world!"var sliceStr = str.slice(1, 5)console.log(sliceStr);//ello// slice 与 substring 的不同是:// substring 不能接收第二个参数为负数//如果第二个数是负数了
2021-01-08 15:09:35
16118
原创 数组的方法 总结1
1.先是区分split 与 join 方法 //将数组变为字符串 并以,分割 用join var arr = [1, 2, 3, 4, 5, 6] const str = arr.join(',') console.log(str); 输出结果为 1,2,3,4,5,6 //将字符串转换为数组 用split var str1 = 'helloworld'
2021-01-08 14:35:23
143
3
原创 swiper大法好
swiper大法好在html中是这么写的:<!-- 轮播图 --> <div class="swiper-container"> <div class="swiper-wrapper"> <!-- 第一张是卖水果 --> <div class="swiper-slide"> <img src="img/lunboone.jpg " alt="sorry
2021-01-05 09:43:50
107
原创 前端gitlab必会
现在的大部分互联网公司 代码托管都是用的gitlab当然也有用gitee的 操作命令都是一样的1.推代码上去的时候 先看有没有.git 的文件夹 如果有 说明此时已经与远程仓库创建了关联 ,就不用在 git remote add origin xxxxxxxxxx如果没有.git 的文件夹 那么需要这样子写:1.git init (先进行初始化)2.git checkout -b dev(创建并切换到当前分支dev)3.git add .4.git commit -m “描述的信息”5
2021-01-04 10:50:23
126
原创 vue.config.js中需要修改的配置
一些很重要的东西:vue.config.js 是后来创建的 本身并不存在里面需要修改的就是1.devServe(配置跨域问题)2.打包时候的路径问题如果打包的时候出现白屏问题,一般要去询问后台 实际路径是什么然后在vue.config.js中的 publicPath 中去修改路径ps:config.js 是属于配置文件 修改后需要进行重新启动...
2020-12-29 18:09:23
525
原创 中后端怎么运行
1.首先去gitee上面去下载一个基础版本的vue-element-ui 的框架网址:https://github.com/PanJiaChen/vue-admin-template2.运行代码 在shell框里 先输入: cnpm install 安装依赖接着 输入 npm run dev 让它跑起来3.在view文件夹下 新建了content文件夹 之下又建了 article文件夹 / index.vue 文件在router/index.js中去配置路由呀前面的三步做好之后,就可
2020-11-29 15:31:20
1049
原创 1.1如何打包 (中后台+常见问题)
1.中后台的打包,直接输入指令: npm run build:prod2.然后生成一个dist文件夹,把dist的文件夹发给后端就可以了.如果出现了意外如何解决:1.1.出现这种情况,访问到了,页面白屏,解决办法: 需要问后台 是否限制了静态资源的访问,需要确认后台的实际路径然后再前台的publicPath:里面修改2.如果在前台部署发布,需要在打包完成的dist文件夹中打开shell框输入以下两行命令:1.cnpm install http-server -g2.http-serv
2020-11-27 11:25:26
362
原创 vue项目中swiper的用法+vue项目中如何引入本地图片
1.在shell框中下载swiper :cnpm install swiper@5.4.5 vue-awesome-swiper -save2.在main.js中引入(5版本跟6版本引入方式不一样!!!切记!!!):[6版本可能会有问题,出不来小点,所以尽量安装5版本的]在main.js中这么引入:import VueAwesomeSwiper from ‘vue-awesome-swiper’;import ‘swiper/css/swiper.css’;Vue.use(VueAweso
2020-11-05 16:02:40
1255
原创 vue中路由总结(传参问题)
vue中路由是比较重要的部分 需要总结一下动态路由:一个页面.载入不同的内容…动态路由传参分为 params传参 与 query传参动态路由分为 编程式路由 与 声明式路由动态式路由 params传参query传参:动态路由分为1.声明式路由(就是想跳转到不同的页面,用router-link:to的方式去实现就可)2.编程式路由但是大多数用的还是第2种编程式路由, 通过js的方式去实现(比如底部有99个按钮,每个按钮对应的页面 内容不同,这时候总不能写99个router-link去
2020-11-05 14:54:29
886
原创 uniapp中常见的动态添加激活样式
1.首先要在data中挂载一个数组list:需要给每个对应的value值用来判断,!还要挂载一个start:0start:0用于下面首个激活样式的判断2.在html中这么写:<view class=“pic” :class=" [start == item.value? ‘actImg’ : ’ ’ ]" @tap=“icons(item)”>加粗部分表示 动态的添加类名3.在methods这么写:(第一句忽视,主要是看加粗的)icons(el){this.kind
2020-11-03 21:00:58
1711
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人