![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
perryhuan9
炒粉兼职前端
展开
-
Vue slot 详解
在Vue中,我们使用组件来组织页面和组织代码,类似于搭积木,每一个组件都是一个积木,使用一些相同或者不同组件就能搭建出我们想要的页面。slot(插槽)是组件功能的重要组成部分,插槽必须用于组件才有意义。它为组件提供了对外的接口,允许从组件外部传递内容,并将这部分内容放置到指定的位置。使用 slot当一个组件可能被使用至少两次并且两次使用内容(这里指组件视图的组成)不同时,插槽才有存在的必要。注意: 本文的代码都是基于Vue3编写。基础用法Link.vue<template> <原创 2021-07-31 11:19:02 · 11256 阅读 · 4 评论 -
浏览器安全策略 & CORS
CORS全称Cross-Origin Resource Sharing, 即跨域资源共享,是一个由一系列HTTP头组成的系统,这些HTTP头决定浏览器是否阻止前端javascript代码获取跨域请求的响应。为什么需要CORS ? 这是因为浏览器存在同源安全策略,当我们在当前域请求另外一个域的资源时,浏览器默认会阻止脚本读取它的响应,这时CORS就有了用武之地。同源策略同源策略是浏览器的一个重要的安全策略,它用于限制一个源的文档或其加载的脚本如何与另外一个源进行交互,它能够隔绝恶意文档,减少被攻击的媒介。原创 2021-07-18 11:01:16 · 735 阅读 · 1 评论 -
前端基础笔试题 & 解答
实现浅克隆和深克隆/** * 浅克隆 * @param {*} val */function clone(val) { if (typeof val !== 'object') return val; return { ...val };}/** * 深克隆 * 1. Date 和 RegExp需要特殊处理 * 2. 循环引用也需要复制过去 * * @param {*} val */function deepClone(val,原创 2021-06-27 14:22:48 · 821 阅读 · 0 评论 -
vite 原理详解
Vite 介绍Vite是Vue作者尤雨溪又一个备受关注的开源项目,它是一个前端构建工具,可类比Webpack。它主要解决了传统bundle-base服务器在开发时遇到的两个问题:服务器启动速度慢,而且其启动时间是跟应用规模成正比的。在更新时,即便使用了HMR,但是其热更新的时间仍是会随着应用规模的增长而直线下降。它解决的是开发的时候的效率问题,对于生产环境则是交给了Rollup。除此之外,它还有以下优点:对ts、jsx、css等开箱即用,无需配置。对于库开发者也是可以通过简单的配置...原创 2021-06-10 00:10:02 · 5865 阅读 · 1 评论 -
Vue3 Composition API教程
前言 vue3目前已经发布了alpha版本,除了服务端渲染,其它工作已经全部完成。尤大大也升级了vue-loader,提供了一个可以使用.vue组件的测试模板。vue3最大的改变是加入了这个灵感来源于React Hook的Composition API(组成API),这个API将对vue编程产生了根本性变革,但是vue3还是兼容vue2的Options API。除此之外,还引入了一些不兼容修改,具体可查看Vue3已合并的RFC。本文并不会全面介绍vue3的新特效,只会着重与vue3的核心——Compo原创 2021-05-30 16:09:56 · 1135 阅读 · 0 评论 -
正则新手入门
Get StartedJS 中创建一个正则表达式有两种方式:使用一个正则表达式字面量,其由包含在斜杠之间的模式组成,如下所示:var re = /ab+c/;或者通过RegExp构造函数,new一个正则表达式:const reg = new RegExp('ab+c');使用正则表达式const reg = new RegExp('abc');const str = 'helloabcword';reg.test(str);reg.exec(str);str.ma.原创 2021-05-30 15:55:54 · 204 阅读 · 0 评论 -
知名富文本编辑器介绍
转自https://www.cnblogs.com/linkstar/p/6858995.html1、UEditor 百度的。优点:插件多,基本满足各种需求,类似贴吧中的回复界面。缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速度慢。总结:小项目,可以用用,不推荐使用。 2、kindeditor界面...转载 2019-02-13 16:03:04 · 651 阅读 · 0 评论 -
前端页面检查步骤笔记
1、上传是否有上传loading态2、可点击按钮hover时cursor应为pointer3、检查图片像素,图片是否需要压缩4、在不需要兼容的设备中也要看一下,页面不能乱。...原创 2019-02-18 11:47:10 · 804 阅读 · 0 评论 -
8种免费商用中文字体
8种免费商用中文字体转自https://www.uisdc.com/200-models-free-commercial-fonts提取连接:https://pan.baidu.com/s/1nLxPRDDS1BTzBtISUfzaAA提取码: tnxd一、思源字体系列大名鼎鼎的思源字体由 Adobe 在线字体库 Typekityu 与谷歌一起合作开发,字库对中(简体/繁体)、...转载 2019-01-23 19:57:19 · 20420 阅读 · 2 评论 -
CSS之margin细节笔记
1、display为inline(不包括inline-block和替换元素)的元素的padding和margin垂直方向都不会影响布局,即不会改变和上下盒子的间隔,但会改变其盒子的内外尺寸(改变外尺寸不会有效果,无任何表现),内尺寸表现在背景会叠加,如下图: 2、margin合并只出现在上...原创 2019-01-03 09:01:30 · 188 阅读 · 0 评论 -
(@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
(@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全转自《媒体查询尺寸大全》PC端按屏幕宽度大小排序(主流的用红色标明)分辨率 比例 | 设备尺寸1024*500 (8.9寸)1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; )1280*800(16:10 |15.4寸)1280*1024(比例:5:4 | 14.1...转载 2018-12-24 11:43:14 · 2001 阅读 · 0 评论 -
HTML 获取屏幕、浏览器、页面的高度宽度
[转] HTML 获取屏幕、浏览器、页面的高度宽度本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。一、介绍1. 容器一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。 2. 物理尺寸和分辨率容器的尺寸是指当前分辨率下的高度、宽...转载 2018-12-18 17:07:58 · 1802 阅读 · 1 评论 -
firefox低版本的下载
http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/转载 2018-12-20 11:55:38 · 2002 阅读 · 0 评论 -
衡量前端工程师的九大问题
1、谈谈你对CSS布局的理解2、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么。3、谈谈你对Web前端组件化的理解,Web Component会带来怎样的影响4、谈谈你对前端资源下载性能优化的经验和思考5、现在有很多的MV*框架,你对它们有什么看法6、iOS体验好在哪里,Web能赶上么?7、网页游戏怎么做?8、Hybrid技术应当如何应用?9、你最爱的前端框...转载 2018-12-19 14:11:08 · 209 阅读 · 0 评论