![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
关于面试
文章平均质量分 84
大鱼吃小鱼7
一个会撸代码的小鱼姑娘,爱撸码,爱旅游,爱写作.
展开
-
彻底解决小程序内嵌web-view缓存问题
前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码,在小程序入口进去看到的还是旧页面,尝试了各种操作: 手动退出小程序,再次进入; 删除 发现-小程序,重新进入; 关闭微信,杀掉进程,重新进入 修改 Nginx 关于 Cache-Control 的配置; 用 debugx5.qq.com 手动清除安卓微信浏览器缓存; iOS 利用微信自带清除缓存功能。 不管怎么操作,依然显示的是旧页面!!! 分析..原创 2021-04-08 23:15:07 · 10016 阅读 · 1 评论 -
git如何更新到远程fork仓库?如何更新远程仓库地址?
前言场景描述:本地已经有一个从A项目部分拷贝之后生成的新项目B, 并且已经开始开发了新功能, 而A项目也在进行迭代更新.这时产品说要同步A项目的功能到B项目, 两个项目都有了新的更新, 那怎么同步更新呢? 于是想到先fork然后同步, 这个过程有些曲折, 但问题总归是能解决。一.fork旧项目1.在A项目选择创建fork;2.选择存放到个人仓库,配置新项目名称;3.有个选项是勾选Enable fork syncing决定之后是否跟随更新。建议勾选。4.点击确定之后就会进入到刚刚fork的仓库原创 2021-03-06 23:58:46 · 2606 阅读 · 0 评论 -
为什么你的watch不生效? 从内部实现解析watch的工作原理
前言使用watch监听为什么有时不生效? 这篇文章或许可以给你答案,看完还不懂,请来找我。1.列表渲染中修改数组元素(对象)的某个属性,但不能触发视图更新。举个栗子父组件有个element对象, 每次添加商品时需要往element.data里面去添加一条数据, 以此来更新父组件以及子组件的内容,通过$emit的形式更新父组件的element。代码如下:<div class="item-box" v-for="(product, paramIndex) in element.data" :k原创 2020-10-21 00:34:29 · 2137 阅读 · 0 评论 -
【面试题拆解】--- css 水平垂直居中的实现方式和原理揭秘
1.文本、图片的水平垂直居中(1)单行文本居中设置文本内容text-align:center; //水平居中line-height:100px; //垂直居中, 行高等于高度,为什么 line-height 等于高度就可以实现文本垂直居中?要了解其中缘由, 先弄清楚几个概念。行高行高, 顾名思义, 就是一行文本的高度,在规范上讲就是两条基线之间的距离。行高由上间距、文本高度、下间距组成,上间距的距离与下间距的距离是相等的。默认情况下一行文本的行高分为:上间距,原创 2020-10-04 20:13:34 · 547 阅读 · 0 评论 -
在js中数组和字符串之间的相互转化
在这个前后端分离的时代, 与API接口交互的过程中经常需要对数据进行处理, 比如,根据多个id值查询数据,对前端来说, 数组当然是好处理一些, 而后端往往会要求字符串格式。一. 数组转化为字符串1.toString()数组中 toString()方法能够把每个元素转换为字符串,然后以逗号连接输出显示。let a = [1,2,3,4,5,6,7,8,9,0]; //定义数组let s = a.toString(); //把数组转换为字符串 console.log(s); //返回.原创 2020-05-20 09:04:45 · 260 阅读 · 0 评论 -
支付宝集成过程详解——运行DEMO
前言,梦想是需要坚持的,在路上,一路前行。加油。这两天软件需要集成支付宝了,第一次集成,过程还是挺简单的,不过由于[支付宝官方文档](https://docs.open.alipay.com/204/105297/)写的不够清晰,也是走了一些弯路,下面把过程写出来分享给大家一、申请移动支付权限首先登录【支付宝开放平台】http://open.alipay.com/...转载 2018-11-21 17:05:03 · 209 阅读 · 0 评论 -
css、less、sass中定义变量,并使用变量设置属性值
CSS的变量声明和使用 :root{ --base: yellow; --spacing: 10px; --blur: 10px; }上面代码定义了3个变量,:root使得所有人可访问 img{ filter: blur(var(--blur)); padding: var(--spacing); back...原创 2018-11-16 19:15:13 · 11502 阅读 · 0 评论 -
在react中使用getBoundingClientRect获取某个元素的相关位置
getBoundingClientRect的用法MDNgetBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( ...原创 2018-11-16 17:33:06 · 5960 阅读 · 0 评论 -
移除vscode装饰器报错
不知各位有没有在使用vscode 写mobx+react的时候,遇到过 experimentalDecorators warning?问题截图当我在vscode新创建一个react+mobx项目的时候,遇到了下面这个警告。Experimental support for decorators is a feature that is subject to change in a futu...转载 2018-11-13 10:26:52 · 1213 阅读 · 0 评论 -
原生JS获取ScrollTop/ScrollLeft
使用原生JS获取浏览器ScrollTop,ScrollLeft的方法:function scroll() { if (window.pageYOffset != null){// 支持IE9 + return{ left:window.pageXOffset, top...转载 2018-11-05 15:43:09 · 5267 阅读 · 1 评论 -
css中的未定义行为:浏览器的差异(一)
今天看了张鑫旭大佬的新书的有感吧,记录一下。Web标准未对一些场景做出明确规范,所以各大浏览器厂家只能根据自己的理解和喜好去实现,表现差异不是浏览器的bug,用计算机领域的术语描述为”未定义行为”。比如一个例子: CSS中的一个伪类,最常用的一个伪类:active,鼠标按下,执行改伪类对应的CSS样式,鼠标抬起还原。但是这种情况呢:<...转载 2018-11-01 16:02:53 · 184 阅读 · 0 评论 -
那些短小精悍的&奇葩的&令人感到惊讶的JavaScript代码
自学习前端以来,陆陆续续遇见很多短小令人惊讶的js代码,固有了专门开一片日记来记录这些代码的想法。借此提高写代码的姿势和深度理解JavaScript。1.JavaScript中 (a ==1 && a== 2 && a==3) 可能为 true 吗?来自Stack Overflow的一个问题:链接国外面试题,No...转载 2018-11-01 14:50:08 · 290 阅读 · 0 评论 -
javascript 循环读取JSON数据的代码
1. 服务端后台返回到客户端的JSON格式字符串:var str = ‘[{“uname”:“王强”,“day”:“2010/06/17”},{“uname”:“王海云”,“day”:“2010/06/11”}]’;我们把它转换成JSON对象:var jsonList=eval("("+str+")");这时候如果以用断点跟踪查看这个jsonList对象,其实你会发现,他的长度为2,即json...原创 2018-11-01 10:07:41 · 2437 阅读 · 0 评论 -
js数组常用方法总结
js数组常用的方法主要有push、 pop、unshift、shift、splice、reverse、sort、join、slice、indexOf 、forEach、map、 every、some、filter、reduce、reduceRight、groupBy数组常用方法:var arr=[‘78’,‘96’,‘45’]; // arr的原型是array.prototype;pu...原创 2018-10-31 15:29:52 · 236 阅读 · 0 评论 -
写给自己,梳理一下我现在对前端知识结构的理解
今天想着做一件事情,给自己的收藏夹分类。结果做着做着,发现这个任务的工作量超乎我的想象。有一些文章,可能很难界定说,它是哪一类的;而且自己还没有特别去梳理自己对前端知识结构的理解,使得在分类的时候层级也有些模糊。所以在这里梳理一下自己理解中的知识结构。这既是一篇总结,也是一篇指南...转载 2018-07-20 16:49:47 · 454 阅读 · 0 评论 -
为什么要将script脚本放在body底部
文章目录一、从一个面试题说起“页面渲染出来了” 指的是什么? 陷阱二、浏览器的渲染机制几个概念浏览器的渲染过程看 Timeline,一目了然三、问题的答案四、总结、再进一步说明:本文提到的浏览器均是指Chrome。 “script标签“指的都是普通的不带其他属性的外联javascript。 web性能优化的手段并不是非黑即...转载 2018-07-18 18:52:50 · 3678 阅读 · 1 评论 -
记录问题:从用户输入一个网址到页面显示,浏览器和服务器发生了什么?
这个问题,曾经被无数次作为面试题,原因很简单,无论是大佬还是菜鸟,这个问题多多少少都能回答出来,而你回答的深度和广度则可以判断你在什么样的水平上,到达了怎样的高度. 今天就重点解析一下这个问题. 简洁版大概是这样的: 浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求; 服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、JS、CSS、图象等);...原创 2018-07-17 23:26:07 · 672 阅读 · 0 评论