- 博客(17)
- 收藏
- 关注
RSS订阅原创 white-space工作遇到的坑
white-space：用来定义元素内的空白如何处理比如说，一段文字，有空格有换行，如何对这些进行处理。还有大盒子里有好多的div小盒子，怎么进行排布。这个忽略掉的基础，不是在工作中遇到的坑，实在是很难发现，记录一下。属性值：normal，pre，nowrap，pre-wrap常用的是这四个pre-wrap：保留空白，正常换行，一般大段文字使用no-wrap：没有空白，没有换行，一般是把所有子盒子排列在一行使用normal：只保留一个空白，相当于换行也会变成一个空格，但.
2022-07-12 15:21:39
579
1
原创 svg和canvas的区别—-个人向记录
D3.js是基于svg来进行绘图的，而echarts.js是基于canvas来绘图的，因此面试的时候可能会问到二者的区别。1.svgsvg是矢量图，是基于xml描述的2D图形语言。xml是一种数据结构，是一种有节点有属性有内容的数据结构，不依赖于分辨率，而依赖于数据，是可拓展的标记语言。可以用js处理事件，每个图形都是对象，属性发生变动，页面会自动的重新加载，适合带有大型渲染区域的应用程序，比如地图。2.canvas是位图，逐个的像素渲染，适合游戏，基于js绘制的2D图形语言。如果位置.
2022-05-30 09:40:33
196
原创 token的处理及无感知刷新---个人理解向
token是我们在登录系统后，后端会给我们返回的一个字段，我们需要在每次发送请求的时候，将token注入请求头，这样后端才能够给我们返回我们需要的信息。出于安全考虑，token的有效期一般是1-8小时，一般是2小时，那设想这样两个场景：1.如果用户一天都在我们系统上打工，忙了九个小时，结果token过期了，没办法发送请求了，只能退出重新登录，重新获取新的token，肯定会影响用户体验的。我们需要token过期了，但是通过某种手段，让用户能够继续正常使用我们的系统，用户感觉不到。2.用户如果一段时间，
2022-05-18 10:29:00
3345
原创 获取后端给的地址，来作为请求的根路径
今天有个需求，后端实现单点登录，会返给我一个拼接的地址，自动跳转到我的页面上，类似这样的地址：http://localhost:8080/grc/login?businessType=grcT31自动跳转到我的网页地址：http://localhost:8080/grc/myvue发送请求的时候，本地的根路径是http://localhost:8080/grc/，但是测试的根路径就要换成http：//10......:8080/grc/...如果每次设置测试和本地的根路径，就会很麻烦，所以考虑拿
2022-03-07 12:02:54
1031
原创 H5页面在iphone手机底部出现留白的情况
今天在测试的时候，发现自己的h5页面在iphone手机上，有刘海儿和底部弧形时，底部出现了留白，解决方案是：找到整个项目的public，index.html，找到其中的meta，加入viewport-fit=cover<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">这句话的作用就是在适配手机型号的时候，能够自动补齐安全区域（safe area）以后的区域，
2022-03-01 13:40:01
5508
原创 vue--cli3中vue.config.js配置，自我理解
我们项目完成后，需要打包，对于之前的webpack，vue-cli3讲webpack的基础配置全部都内嵌了，统一使用vue.config.js，当然我们还可以自己配置，比如部署环境，代理，路径等等。publicPath：部署生产环境和开发环境的URL，默认情况下，vuecli会假设你的应用是部署在一个域名的根路径上。比如域名：https://baidu.com/，会默认往后拼接地址，如果我们需要访问https://baidu.com/下的static文件夹，（https://baidu.com/
2022-02-25 15:08:49
698
原创 完整项目中，token的使用闭环，简单项。
token，cookie，session是我们在对接接口时，需要携带的信息，服务器在收到我们的信息后，就不需要我们再登录，就可以直接收发参数了，如果是跨域请求，我们会使用token进行收发。1.当我们第一次拿到服务器给我们的token时，我们需要先把token存到浏览器里面window.sessionStorage.setItem('token',res.data.token)2.在requset拦截器中，每一个过来的axios请求，在发给服务器之前，都在请求头前面加一个token，这样就能够
2022-02-10 20:04:04
630
原创 2022年年初，全军出击。回顾项--持续梳理前端面试高频题目
2022年2月10日，我开始啦，菜鸡的变强之路，自我整理，不断记忆，不断变强。1.说说你对闭包的理解闭包是什么？是一个函数，这个函数有权访问到另一个函数作用域中的变量，被访问的这个函数就是闭包。function fn(){ const num=10; return function fun(){ console.log(num) }}fn()fun在调用的时候访问了fn里面定义的变量，所以fn是闭包函数。闭包有什么用？闭包主要是为了设计私
2022-02-10 19:41:38
348
原创 vue项目代理配置ip地址和端口号
在vue.config.js文件中，有几个嫌疑对象，port，host，target，一般host设置为0.0.0.0，大概就是自动匹配本机任意的ip地址，有啥用啥，感兴趣的可以自行搜索，这算是比较方便的写法，说是电脑手机都可以访问。port是本机的端口号，找一个能用的端口就行，像8080,90等等。proxy里面的target就是代理，process是过程，就是项目启动的全局变量，process.env打印出来就是项目跑起来需要的环境，是一个环境变量，配合各种场景使用（应该是这么理解的吧too sad
2022-01-19 11:11:23
10490
原创 原生JS添加唯一水印图层
添加水印的基本思路，新建一个div盒子，让盒子始终布满整个屏幕，然后给这个盒子上面添加水印字体，形成水印的效果。因此需要一个水印的盒子：<div id="watermarkId" class="watermarkId"></div>.watermarkId {position: fixed; width: 100%; top:10px;}这里我是通过获取了document里面的cookie，并且进行筛选，选择出cookie中的用户名（username），把他当做.
2022-01-17 15:16:14
125
原创 Echarts项目中屏幕分辨率适配
适配问题用rem单位，其实也是对屏幕进行切分，按照份数，对应成单位，今天弄了一个小demo，先写一个初始化函数initChart（）初始化一个图表，配置上基本属性，然后再写一个屏幕适配函数screenAdapter（），在vue挂载阶段，依次初始化-监听-适配，来保证组件内图表的适配。<script>export default { data () { return { chartInstance: null, // echarts的实例对象 allD
2022-01-06 18:30:29
2483
原创 SpringMVC框架的项目，前端怎么找到自己想要的页面
前端萌新入职公司后，接到的第一个任务是修改一个SpringMVC框架的项目，心里的OS（果然是柿子专挑软的捏，绳子专捡细处裂），这种前后端不分离的项目，不是只出现在教科书里的嘛。网上的大佬各种介绍都非常官方，却也都是远水解不了近渴，我那个着急啊！当时我燃眉之急的问题，一个是不会使用tomcat服务器启动项目，另一个就是在eclipse中找不到我需要修改的页面，一把鼻涕一把泪的学啊学，把查找页面的方法记录下来。前后端不分离的项目中，后端给前端返回什么页面，前端就展示什么页面，而不是通过路由在前端直接跳
2021-12-29 19:59:47
1374
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人