- 博客(23)
- 收藏
- 关注
RSS订阅原创 2024前端面试真题【Vue2 + Vue3篇】
注册指令的方式directive属性配置自定义指令的钩子函数：指定第一次绑定到元素时调用，用于初始化配置等；：被绑定元素插入到父节点时调用；：所在组件Vnode更新时调用，可能发生在其子Vnode更新之前：指令所在Vnode及其子Vnode全部更新后调用；：只调用一次，指令与元素解绑时el：绑定的元素；binding：对象，包含：name、value、argvnodeoldVnode示例：防止表单重复提交if(!
2024-07-10 22:56:43
1079
原创 2024前端面试真题【CSS篇】
无缩放情况下，1个css像素 = 1个设备独立像素；设备像素由屏幕生成之后确定，不变；PC中，1个设备独立像素 = 1个设备像素（未缩放情况下）；移动端中，标准屏幕（160ppi）下，1个设备独立像素 = 1个设备像素；设备像素比（dpr） = 设备像素 / 设备独立像素；每英寸像素（ppi），值越大越清晰。
2024-07-09 23:27:59
886
原创 2024前端面试真题【JS篇】
文本对象模型，是HTML和XML文档的编程接口。提供了对文档的结构化的表述，并定义可一种方式可以使从程序中对该结构进行访问，从而改变文档的结构、样式和内容。
2024-07-09 19:23:02
1871
原创 css 实现div 4个角尖角边框样式
经常使用的一个小技巧，在不添加额外元素的情况下，使用background绘制div的4个角border.is-active:before{ content: ''; position: absolute; top: 2px; left: 2px; width: 100%; height: 100%; background: linear-gradient(to lef
2021-10-27 11:27:12
1318
原创 前端笔记整理（HTML）
前端基础知识DOCTYPEDOCTYPE 声明css hack标签属性DOCTYPEDOCTYPE 声明<!DOCTYPE>声明有助于浏览器中正确显示网页。网页上不同的文件通过正确声明的HTML的版本，使浏览器就能正确显示网页内容。特点：声明不区分大小写，无结束标签HTML 4.01 中，<!DOCTYPE>声明需引用 DTD（文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准
2021-05-28 19:12:12
223
原创 前端笔记整理（编程）
前端基础知识数组去重遍历循环 .indexOf()利用Set类型数组去重遍历循环 .indexOf()let arr = [1,'1',2,'2',1,2,'x','y','f','x','y','f'];function unique1(arr){ let result = [arr[0]]; for (let i = 1; i < arr.length; i++) { let item = arr[i]; if(result.indexOf(item) === -1){
2021-05-23 21:45:27
341
原创 前端笔记整理（Vue）
前端基础知识MVVM原理了解响应原理v-model双向绑定原理声明周期Vue 路由vue路由模式路由导航方式组件通信axios拦截器配置MVVMMVVM即Model-View-ViewModel，将其中的 View 的状态和行为抽象化，让我们可以将UI和业务逻辑分开。MVVM的优点是低耦合、可重用性、独立开发。原理了解响应原理Vue采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty劫持data属性的setter，getter，在数据变动时发布消息给订阅
2021-05-23 19:21:24
2703
20
原创 前端笔记整理（CSS）
前端基础知识CSS3新特性CSS盒模型BFC水平垂直居中CSS3新特性文字换行：word-wraptext-overflow、text-decoration、text-shadowgradient 渐变transition、transition-duration 过渡transform 拉伸、压缩、旋转灯变换animation 动画calc()transition和animation的区别:transition需要触发一个事件才能改变属性，而animation不需要触发任何事件的情况
2021-05-21 13:32:35
252
1
原创 前端笔记整理（JS）
前端基础知识数据类型JS数据类型类型判断手写instanceof类型转换this闭包new数据类型JS数据类型基本类型：number、string、null、symbol、boolean、undefined对象类型：Object（Array、RegExp、Math、Map等）、Function类型判断typeof ：基本类型的数据中除了null，其它类型都可以通过typeof判断；对于对象类型来说，除function以外，其它类型判断的值均为object；instanceof ：通过
2021-05-20 20:06:24
859
2
原创 前端开发面试题-问答（四）
1、变量提升定义：函数以及变量的声明被提升到函数的最顶部。即在js中，变量可以在使用后再声明。其中，函数声明式的提升，即将整个代码块提升到它所在的作用域的最开始执行。function test () { console.log(a); //undefined var a = 123; };test();只有声明的变量会提升，初始化的不会。2、let和var的区别ES6新增了let命令，用来声明局部变量。用法类似于vr，但是所声明的变量，只在let命令所在的代码块中有效
2021-05-17 18:12:06
337
2
原创 前端开发面试题-编程（一）
1、水平垂直居中实现已知宽高：/*(1)absolute+负margin*/div{ position:ablsolute; width:200px; height:200px; top:50%; left:50%; margin-left:-100px; margin-top:-100px; z-index:10;}/*(2)absolute+auto*/div{ margin: auto; position: absolute; width:200px;
2021-05-17 18:09:01
262
原创 前端开发面试题-问答（三）
1、ES6 Promise all 和race的区别与实现Promise是ES6语法标准里的新定义，一般用来处理异步方法的同步执行。Promise.all 是等所有异步方法返回结果后再执行操作，而Promise.race 是哪个方法先结束，就返回该方法的结果。function promiseAll(arr){ const result = []; return new Promise((resolve, reject) => { for(let i = 0; i
2021-05-14 15:16:12
154
原创 前端开发面试题-问答（二）
1、js实现防抖和节流函数的节流和防抖都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟、假死或者卡顿现象防抖（将多次操作合并为一次操作进行）：触发高频时间后n秒内函数只会执行一次，如果n秒内高频时间再次被触发，则重新计算时间；节流（使得一定时间内只触发一次函数）：高频时间触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率；//防抖debounce代码：function debounce(fn,delay) { var timeout
2021-05-12 15:06:21
347
4
原创 前端开发面试题-问答（一）
1、谈谈你对前端性能优化的理解（减少页面加载方法）请求数量：合并脚本和样式表、css sprites、拆分初始化负载；请求宽带：精简JavaScript、移除重复脚本、图像优化；缓存理由：使用CDN、使用外部JavaScript和css、天价Expires头、皮遏制ETag，使Ajax可缓存；页面结构：将样式表放置顶部，将脚本放置底部，尽可能快速刷新文档的输出；代码校验：避免css表达式、避免重定向2、对盒模型的理解盒模型分为IE6盒模型以及W3C盒模型（标准盒模型）。页面文档的每个元
2021-05-10 20:51:11
290
原创 Github+jsDelivr+PicGo 搭建图床
一开始搭建图床用了gitee来搭建，感觉效果不错。折腾的毛病有点犯了，准备吧jsDelive倒腾一下，Github不错啊，利用jsDelivr CDN加速访问（jsDelivr 是一个免费开源的 CDN 解决方案），PicGo工具一键上传，操作简单高效。有工具的途径总是那么让人心欢~1. 新建github仓库github的登陆注册需要的爬楼吧。在仓库下新建一个我们的图床仓库，记得新增一份REA...
2019-12-05 16:32:40
506
1
原创 Git版本控制-TortoiseGit
1. TortoiseGitGit 本地安装后基本是通过命令行的方式进行增删改查等操作。命令行的操作方式并非所有人都喜欢的啦，有需求就有新东西，TortoiseGit就是界面化Git的命令行操作的一个开放的git版本控制系统的源客户端，简单直接贼爽~2. 下载安装2.1 下载TortoiseGit下载地址：https://download.tortoisegit.org/tgit/La...
2019-12-03 13:54:20
272
1
原创 使用gitee搭建免费图床
最近在捯饬自己的播客，图片太多每次都要一堆心思在图片路径的考虑上。懒的人总是喜欢折腾的，折腾一时轻松一世 O(∩_∩)O~ 对比几个免费图床的部署和使用上，最终把gitee（码云）敲定了图床：就是专门用来存放图片的，同时允许吧图片对外连接到网上空间。1.创建gitee账号注册...
2019-12-03 10:38:24
338
原创 登录采用BASIC AUTH鉴权
在web应用中，通过直接提供用户名、密码来进行验证身份的一种优化的解决方案。具体原理：将username和password通过“：”来连接，组合成“username:password”，然后将此组合串进行base64加密，将加密后的串传递到web服务器，服务器进行base64解密，得到username和password，然后进行匹配验证。原由：1、加密后的base64密文，用户直接查看是不晓...
2019-04-29 13:28:22
3345
原创 渐变色配色网站
CoolHue经常在网页中要做一些背景，用图片的处理简单的背景图有点吃亏，加载和分辨率之类的考虑等，使用css3的渐变色处理往往会有惊喜。CoolHue是一个意外中的收获，它是一个相当实用的渐层背景网站，提供大约 30 种不同配色的渐层背景，可以免费下载为图片格式或产生 CSS3 语法。简直好用的惊喜尖叫~uigradients这个就有点厉害了，特别是有些对配色有困难的小可爱们，这个网站...
2019-03-09 19:42:11
28474
转载 12个炫酷实用的HTML5带发光动画
https://www.html5tricks.com/12-html5-shining-animation.html
2019-03-07 10:33:58
495
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人