![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 62
我是一只蘑菇17
热爱可抵岁月漫长。
展开
-
学习项目1(移动端京东)
学习项目链接(京东移动端使用vue):https://github.com/huangche007/vue-jd1.window.event? window.event.returnValue = false : event.preventDefault();event.preventDefault()方法是用于取消事件的默认行为,但此方法并不被ie支持,在ie下需要用window.event.returnValue = false; 来实现。2.<a οnclick=“window.histo原创 2021-12-23 16:15:13 · 619 阅读 · 0 评论 -
仿oppo网站
网址仿照网址:https://www.opposhop.cn/cn/web/初版(没有响应式)github:https://github.com/fj17xz/oppo0效果图首页:登录页注册页笔记 仿oppo网站1.网址:https://www.opposhop.cn/cn/web/2.初始化 normalize.css https://github.com/necolas/normalize.css原创 2021-12-15 09:47:18 · 570 阅读 · 0 评论 -
基于vue仿蘑菇街
学习网址: https://www.bilibili.com/video/BV17j411f74d (coderwhy)首页:详情页:购物车:1.icon, <link rel="icon" href="./static/img/favicon.ico" type="image/x-icon">:root --> 获取根元素html–color-text是定义的变原创 2022-02-02 23:01:05 · 506 阅读 · 0 评论 -
仿BXLi网站
很久之前写的,找不到那个网址了。。放在github了:https://github.com/fj17xz/BXLI效果图onmouseover应该改成onmousemovehttps://blog.csdn.net/ssisse/article/details/51406484原创 2021-12-15 10:26:02 · 135 阅读 · 0 评论 -
看完这篇,我再也不问跨域的问题了
跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上,无论你在工作上或者面试中无可避免会遇到这个问题。为了应付面试,我每次都随便背几个方案,也不知道为什么要这样干,反正面完就可以扔了,我想工作上也不会用到那么多乱七八糟的方案。到了真正工作,开发环境有webpack-dev-server搞定,上线了服务端的大佬们也会配好,配了什么我不管,反正不会跨域就是了。日子也就这么混过去了,终于有一天,我觉得不能再继续...转载 2021-12-20 17:20:07 · 144 阅读 · 0 评论 -
题目五(100多道前端面试题)
前言 当你准备去面试时,你不妨看一些面试的题目(推荐掘金)来提醒自己究竟掌握得怎么样,比如 题目 笔者最近一边写项目,一边整理前端面试题,打算完成项目就差不多去实习了… 没有特别宏大的目标,打算安安分分找一份工作,在实习中保持认真学习的态度就好了。 以下题目大多数是HTML...转载 2021-11-05 16:04:52 · 9168 阅读 · 1 评论 -
js之函数柯里化与数组扁平化
...转载 2021-12-30 17:21:08 · 153 阅读 · 0 评论 -
写一个可以用来判断数据类型的函数
function judgeType(obj) { if (obj === null) { console.log(String(obj)); } else if (typeof obj === "object") { ...转载 2022-02-24 23:35:40 · 304 阅读 · 0 评论 -
题目十三(30+ 个工作中常用到的前端小知识)
题目十三(30+ 个工作中常用到的前端小知识)1. JS为什么单线程一个简单的原因就是,js在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作。即便后来前端发展迅速,承载的能力越来越多,也没有发展到非多线程不可的程度。而且还有一个主要的原因,设想一下,如果js是多线程的,在运行时多个线程同时对DOM元素进行操作,那具体以哪个线程为主就是个问题了,线程的调度问题是一个比较复杂的问题。HTML5新的标准中允许使用new Worker的方式来开启一个新的线程,去运行一段单转载 2021-12-03 14:37:54 · 101 阅读 · 0 评论 -
字符串拆分成数组,如,“ab&&2”,通过“&&”做分隔符,分割得到字符串数组[ab,2]
1.接口 public interface NoSplitInter { public abstract void nosplit();} 2.实现类 public class NoSplitImpl implements NoSplitInter { private String str; ArrayList<String> list = new ArrayList<String&...转载 2021-12-30 17:18:50 · 976 阅读 · 0 评论 -
JS函数扁平化、柯里化
一. 扁平化 数组的扁平化,就是将一个嵌套多层的数组array(嵌套可以是任何层数)转换为只有一层的数组。 例如: var arr = [1, 2, 3, [4, 3, [2, 7], 2], 5, [5, 9, 10], 7]; // 去扁平化后 arr = [1, 2, ...转载 2021-12-27 17:26:20 · 111 阅读 · 0 评论 -
题目二(21道前端面试题)
1、scrollWidth,clientWidth,offsetWidth的区别 scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。 2、怎么让Chrome支持小于12px的文字...转载 2021-11-03 09:19:12 · 524 阅读 · 0 评论 -
题目三(JavaScript题)
来源 | https://www.cnblogs.com/wanglinmantan/p/15086909.html 今天为大家精选了26道稍微有点烧脑的JavaScript题,主要考察的是类型判断、作用域、this指向、原型、事件循环等知识点,每道题都配有笔者详细傻瓜式的解析,偏向于初学者,大佬请随意。 第1题 let a = 1function b(a) { a = 2 console.lo...转载 2021-11-03 10:45:58 · 575 阅读 · 0 评论 -
题目十五(像个番外)
题目十五1.css兼容性有哪几种处理方案原文链接:https://www.cnblogs.com/nyxd/p/5353456.html2.css3新属性有哪些3.怎么理解margin越界的问题原文链接:https://blog.csdn.net/m0_50015961/article/details/1172951994.js的继承方式有哪些构造函数继承,原型继承,组合继承。。原文链接:https://blog.csdn.n...原创 2021-12-31 15:32:51 · 432 阅读 · 0 评论 -
跨域的几种解决办法
跨域的几种解决办法 chongbu1880 2017-06-05 14:12:00 ...转载 2021-12-20 17:22:00 · 194 阅读 · 0 评论 -
async/await 和 promise 的执行顺序 深度理解
8张图让你一步步看清 async/await 和 promise 的执行顺序 为什么写这篇文章?测试一下自己有没有必要看需要具备的前置基础知识 主要内容 对于async await的理解画图一步步看清宏任务、微任务的执行过程为什么写这篇文章? 说实话,关于js的异步执行顺序,宏任务、微任务这些,或者async/await这些慨念已经有非常多的文章写了。 但是怎么说呢,简单来说,业务中很少用async,...转载 2021-12-20 17:09:23 · 1812 阅读 · 1 评论 -
题目九(作用域)
作用域 概念 变量的有效范围。 全局变量 在全局都有效的变量。定义方式:函数外定义。生命周期:从定义开始,到页面被卸载结束。 局部变量 只在局部有效的变量。定义方式:函数内定义。生命周期:一般情况下,是从定义开始,到函数执行完毕结束。 函数作用域 只有函数才可以产生新...转载 2021-11-09 10:09:18 · 131 阅读 · 0 评论 -
前端开发面试题总结之——CSS3
http://www.jianshu.com/p/f60b619aa52b 相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法...... 题目&答案 如何理解CSS的盒子模型? 每个HTML元素都是长方形盒子。(1)盒子模型有两种:IE盒子模型、标准W3C盒子模型;IE的content部分包含了border和pading。(2)标...转载 2021-12-30 15:51:49 · 179 阅读 · 0 评论 -
题目八(TCP和UDP比较)
引言 网络协议是每个前端工程师都必须要掌握的知识,TCP/IP 中有两个具有代表性的传输层协议,分别是 TCP 和 UDP,本文将介绍下这两者以及它们之间的区别。 想阅读更多优质文章请猛戳GitHub博客 一、TCP/IP网络模型 计算机与网络设备要相互通信,双方就必须基于相...转载 2021-11-09 10:04:59 · 134 阅读 · 0 评论 -
题目十(vue)
一、单例模式(设计模式) 参考解答: 单例对象是一种常用的设计模式。单例对象只有一个实例。JavaScript的应用可以写弹框组件。 class Person() { constructor(name, sex) { this.name = name this.sex = sex }} const Singleton = ()&nb...转载 2021-11-11 11:42:55 · 81 阅读 · 0 评论 -
题目六(帮你彻底搞懂JS中的prototype、__proto__与constructor)
文章目录 1. 前言2. _ _ proto _ _ 属性3. prototype属性4. constructor属性5. 总结 提示:不要排斥,静下心来,认真读完,你就搞懂了!(可以先看一下最后的总结部分再回过头来完整看完) 1. 前言 作为一名前端工程师,必...转载 2021-11-08 09:16:38 · 89 阅读 · 0 评论 -
JS判断两个对象内容是否相等的方法
我们知道,如果两个对象即使内容,JavaScript也会判断它们不相等。但是有时候,我们仅仅需要判断两个对象的内容是否相等。那么我们应该如何做到且考虑周全呢?比如说0和-0,null和undefined,是不相等的,NaN和NaN默认是不相等的。我写了一个isEqual方法,考虑到了诸多方面,代码如下: ![在这里插入图片描述](https://img-blog.csdnimg.cn/47b53eb15da44617a7a5e671c3f57b3d.png转载 2021-12-29 16:13:14 · 2770 阅读 · 0 评论 -
JS实现轮播图的三种简单方法
Js实现轮播图01 实现思路 这可能是轮播图最简单点的实现之一,通过更改图片的src来实现该效果,首先需要将图片命名格式统一比如pic01.jpg,pic02.jpg…,再通过js使用定时器去改变img标签里面的src图片链接的名字来实现切换效果。代码如下: 实现效果 <...转载 2021-12-22 17:14:31 · 2347 阅读 · 1 评论 -
题目四(BFC)
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 在解释什么是BFC之...转载 2021-11-03 11:25:48 · 79 阅读 · 0 评论 -
js中的“==”隐式转换规则
js中的“==”隐式转换规则 </h1> <div class="clear"></div> <div class="postBody"> <div id="cnblogs_post_body" class="blogpost-body blogpost-body-html">1.对象和...转载 2021-12-29 15:43:38 · 608 阅读 · 0 评论 -
浏览器安全策略 & CORS
CORS全称Cross-Origin Resource Sharing, 即跨域资源共享,是一个由一系列HTTP头组成的系统,这些HTTP头决定浏览器是否阻止前端javascript代码获取跨域请求的响应。为什么需要CORS ? 这是因为浏览器存在同源安全策略,当我们在当前域请求另外...转载 2021-12-20 17:23:24 · 1113 阅读 · 0 评论 -
题目七(三次握手,四次挥手)
少点代码,多点头发 三次握手建立链接,四次挥手断开链接。这个问题算非常经典的问题,也是面试官非常喜欢问的问题。 不夸张的说,龙叔在校招面试的时候每一家公司都问到过关于三次握手和四次挥手相关的问题,相信大家也都差不多被面试官各种怼。 这个问...转载 2021-11-08 14:18:14 · 115 阅读 · 0 评论 -
题目一(前端经典面试题60道,有答案)
今天分享一篇比较全的面试题,包含 JS、CSS、React、网络、浏览器、程序题等。 …… (以下所有答案仅供参考) 简答题 1、什么是防抖和节流?有什么区别?如何实现? 参考答案 防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法 function debounce(fn) { &...转载 2021-11-02 16:26:47 · 1069 阅读 · 0 评论 -
题目十一(Vue.js面试题25道)
一、什么是MVVM? MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,M...转载 2021-11-24 14:02:04 · 538 阅读 · 0 评论 -
微任务和宏任务的执行顺序
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言宏任务和微任务的来源! js的执行顺序为什么会打印出这个顺序?(看图) 关于微任务和宏任务在浏览器中的执行顺序所以上图的意思就是 宏任务和微任务的分类宏任务:微任务:代码演示 总...转载 2021-12-24 16:29:24 · 96 阅读 · 0 评论 -
原生js实现轮播图的两种方法
一.原生js实现幻灯片效果(直接跳转法) 1.分析需求: 幻灯片的效果就是在一个可视区域里面,若干个图片进行交替出现,像在下面的图中,可视区域中的图是轮流出现的。 那么如何来实现这个效果呢,我百度了一下大部分都是什么调节left的大小,我没看懂,于是自己来动手来思考怎么做。 首先,刚开始的时候,这个区域就只放一张图,等到需要切换的时候就把这个img的src属性修改为需要展示图片所在的位置...转载 2021-12-22 17:15:43 · 2217 阅读 · 0 评论 -
题目十二(10个常见的前端手写功能)
题目十二(10个常见的前端手写功能)转载链接:https://juejin.cn/post/7031322059414175774 (掘金前端阿飞)1、防抖function debounce(fn, delay) { let timer return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this转载 2021-12-02 11:43:14 · 85 阅读 · 0 评论 -
题目十四(ta在项目中用实际用到的22个Vue优化技巧)
题目十四(ta在项目中用实际用到的22个Vue优化技巧)代码优化v-for 中使用 key使用 v-for 更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据 key 值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;使用key的注意事项:不要使用可能重复的或者可能变化 key 值(控制台也会给出提醒)如果数组中的数据有状态需要维持时(例如输入框),不要使用数组的 index 作为 key 值,因为如果在数组中插入或者移除一个元素时,其后面的元素 i转载 2021-12-06 17:07:10 · 123 阅读 · 0 评论 -
html中重排和重绘问题
HTML页面进行重绘和重排(回流) 1 核心问题讲解 浏览器的运行机制: 构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tree/DOM Tree);构建渲染树(constru...转载 2021-12-20 17:18:22 · 345 阅读 · 0 评论 -
web前端常用长度单位(px,em,rem,pt)
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.5em, 1em,2em等,通常1em=16px,为了简化font -size的换算,可以在css中的...转载 2021-11-25 17:09:11 · 3221 阅读 · 0 评论 -
完整过一遍axios,再也不怕写请求
axios请求方法主要有get,post,put,patch,deleteget获取数据post提交数据(表单提交+文件上传)put更新数据(将所有数据均推放到服务端)patch更新数据(只将修改的数据推送到后端)delete删除数据get方法写法调用型 axios.get('/data.json').then((res)=>{ console.log(res) })复制代码axios()型axios({ method转载 2021-12-10 15:17:29 · 212 阅读 · 0 评论 -
Vue-Router实现原理
如果对大佬有帮助,请给小弟一个赞哦。简述单页面的优缺点不在本文讲,只讲原理。实现单页面的功能有两种方式:使用锚点,hashHistory利用浏览器的browserHistory原理hashHistory原理添加hashchange监听window.addEventListener( 'hashchange', function() { // hash改变时,进行页面更换 })复制代码改变hashwindow.location.hash = '转载 2021-12-10 14:31:50 · 366 阅读 · 0 评论 -
正则表达式
学习链接:正则表达式 – 教程 | 菜鸟教程!工具:正则表达式在线测试 | 菜鸟工具原创 2021-10-28 09:50:49 · 140 阅读 · 0 评论 -
响应式设计
一、 什么是响应式设计 1、针对某些设备的某些特征可以由不同的样式,通过媒体查询对页面进行重构。响应式网站是一个设计理念,它是多项技术的综合体。 2、目的是一个网站能够兼容多个终端(电脑、手机、Pad等)设备,不需要为每个终端做不同的版本。采用响应式布局设计的网站能够根据显示屏幕...转载 2021-12-13 09:35:23 · 962 阅读 · 0 评论 -
什么是防抖和节流,他们的应用场景有哪些
防抖 (debounce) 防抖,顾名思义,防止抖动,以免把一次事件误认为多次,敲键盘就是一个每天都会接触到的防抖操作。 想要了解一个概念,必先了解概念所应用的场景。在 JS 这个世界中,有哪些防抖的场景呢 登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖调整...转载 2021-12-27 09:16:24 · 394 阅读 · 0 评论