前端
文章平均质量分 71
前端学习
一只蒻蒻
一只不知名的前端爱好者
展开
-
Mobx 入门
Mobx的基本使用Mobx环境准备在react项目中安装 Mobx 和 Mobx-reactnpm install mobx mobx-react安装装饰器插件npm install @babel/plugin-proposal-decorators// 装饰器的一个插件此时使用装饰器@xx会报错对修饰器的实验支持是一项将在将来版本中更改的功能。设置"experimentalDecorators"选项以删除此警告。解决方案:搜索experimentalDecorators,设原创 2021-09-08 20:05:53 · 1126 阅读 · 0 评论 -
Webpack从0到1学习
WebpackWebpack起步准备工作本地安装webpackwebpakc依赖node.js,先下载node.js,再使用包管理工具npm下载webpack文件夹和文件夹解析dist文件夹:存放打包后的文件src文件夹:存放写的源文件,包含js文件夹、css文件夹等。main.js 入口文件 放在src的最外层,不要放在js文件夹里。功能相关东西放在js文件夹中。index.html 首页package.json 通过npm init生成js文件打包在cmd中进入当前项目原创 2021-03-05 17:26:44 · 254 阅读 · 0 评论 -
【手撕原理】前端面试题 手写call、apply、bind方法
手写call 、apply 、bind方法实现call方法思路1.在Function原型上增加_call方法,接受两个参数。第一个参数为指定的this值,默认值为window;第二个参数使用剩余运算符展开,获取参数列表。2.将函数this设置为context对象的属性,通过隐式绑定的方式调用函数,把context上的属性删了,并返回函数调用的返回值这里的原理是:this指向调用它的对象,这是是context调用,所以this指向了context。为什么要删除context上的属性。防止原创 2021-03-03 12:58:19 · 453 阅读 · 2 评论 -
一篇文章 带你理解JavaScript的事件循环!
Tasks, microtasks, queues and schedules看不懂英文的话,可以用Google翻译原创 2021-03-02 17:31:13 · 101 阅读 · 0 评论 -
ES6 Promise总结
2 Promise通过Promise对象,将异步操作以同步操作的流程表达出来,避免层层嵌套的回调函数。2.1 Promise的基本使用 var succeed = false; // 1、创建Promise实例 new Promise((resolve, reject) => { // 2、判断请求情况 // 如果异步请求成功 if (succeed) { resolve("ruoruochen niubi");原创 2021-03-02 15:15:55 · 175 阅读 · 0 评论 -
前端高频面试题:BFC是什么,怎么样形成BFC,BFC有什么作用?
BFC是什么,怎么样形成BFC,BFC有什么作用?BFC (Block Formatting Context) 是块级格式化上下文,是Web页面中盒模型布局的CSS渲染模式,是一个隔离的独立容器。怎样形成一个BFC?由以下之一创建:浮动:float元素除了none以外。绝对定位的元素非块级元素具有 display: inline-block,table-cell,flex等。块级元素具有overflow ,且值不是 visibleBFC用处清除浮动,给父元素添加overflow:hi原创 2021-02-20 17:56:44 · 411 阅读 · 0 评论 -
前端高频面试题:CSS为什么要清除浮动?如何清除浮动?
CSS为什么要清除浮动?如何清除浮动?由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。清除浮动的本质是清除浮动元素造成的影响,清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了。清除浮动的方法有:1.clear:both;在浮动元素末尾添加一个空的标签,这个标签必须为块级元素。然后将其设置clear:both,这样就可以清除浮动。**优点:**简单易懂,方便。**缺点:**添加了无意义原创 2021-02-20 17:55:33 · 322 阅读 · 0 评论 -
面试题:输入网址到网页显示的过程是什么
输入网址到网页显示的过程是什么?回答思路:1.URL解析2.缓存查找3.DNS解析4.TCP连接,三次握手5.服务器响应,浏览器解析。6.浏览器渲染7.TCP连接断开,4次挥手从用户输入一个网址到网页最终展现,中间的大致流程如下:(1)首先浏览器会对 URL 进行解析,分析所需要使用的传输协议和请求的资源的路径。如果输入的 URL 中的协议或者主机名不合法,将会把地址栏中输入的内容传递给搜索引擎。如果没有问题,浏览器会检查 URL 中是否出现了非法字符,如果存在非法字符,则对非法字符进原创 2021-02-19 22:34:13 · 734 阅读 · 0 评论 -
前端面试常考的六大排序算法 JavaScript实现
文章目录选择排序基本思想代码实现优劣优点:缺点:冒泡排序基本思想代码实现优劣优点:缺点:插入排序基本思想代码实现优劣优点:缺点:快速排序基本思路代码实现优劣归并排序基本思想代码实现优劣优点:缺点:堆排序基本思想代码实现优劣优点:缺点:要求:手写+描述思路选择排序基本思想遍历length-1次,每一次从左往右找,每遍历一次,将最小值跟当前遍历的第一个元素交换。代码实现function selectSort(arr) { for (let i = 0; i < arr.length; i+原创 2021-02-15 22:47:39 · 428 阅读 · 0 评论 -
2021 HTML面试题(最新)不定时更新
HTML面试题DOCTYPE有什么作用?DOCTYPE声明一般位于文档的第一行,它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析,否则就以兼容模式进行解析。在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下,浏览器会以向后兼容的方式来模拟老式浏览器的行为,以保证一些老的网站的正确访问。标准模式(又称严格模式)与兼容模式(又称混杂模式)各有什么区别?在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下,浏览器会以原创 2021-02-02 12:04:50 · 4637 阅读 · 4 评论 -
Git基础语法的使用
文章目录Git创建仓库添加、提交文件版本管理修改管理关联远程仓库克隆远程库分支管理创建和合并分支解决冲突分支管理策略Bug分支Feature分支多人协作Rebase标签管理创建标签操作标签使用GiteeGit创建仓库//第一步,进入当前要进入文件目录$ mkdir XXX //创建子目录 如果子目录存在则不用这一步$ cd XXX //进入子目录$ pwd //显示路径 确认以进入目录//第二步,通过git init命令把这个目录变成Git可以管理的仓库:$ git init添加、提交原创 2021-01-09 20:07:46 · 76 阅读 · 0 评论 -
前端入门 CSS笔记(一)
目标:一、CSS简介CSS的主要使用场景:美化网页,布局页面。1、HTML的局限性做结构,显示元素内容,只关注内容的语义,丑。2、CSS-网页美容师CSS即层叠样式表(Caacading Style Sheets)的简称。不是编程语言!!是一种标记语言!CSS主要用于HTML页面中文本内容(字体、大小、对齐方式等)、图片外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。...原创 2021-01-07 12:17:13 · 147 阅读 · 0 评论 -
黑马品优购项目总结
品优购项目总结本次项目一共实现了8个界面,包括首页、登录页面、注册页面、商品秒杀页、商品推文页、商品抢购页、商品详情页等界面。项目展示首页登录页注册页商品秒杀页商品推文页商品抢购页商品详情页项目技术概要SDO优化 要做好一个成功的网站,一定要注意代码中的SDO优化,以下是我在品优购项目中所涉及到的SDO优化部分字体图标的引入 图片是有诸多优点的,但是缺点很明显,比如图片不但增加了总文件的大小,还增加了很多额外的"http原创 2021-01-06 17:56:59 · 2366 阅读 · 3 评论 -
前端入门 HTML笔记(二)
目标:目录:一、表格标签表格是实际开发中最常用的标签,重点掌握1、表格的主要作用:表格主要用于显示、展示数据,可让数据整齐,可读性好。表格不是用来布局页面的,而是用来展示数据的。2、表格的基本语法<table> <tr> <td>单元格内的文字</td> .........原创 2020-03-12 15:49:43 · 510 阅读 · 0 评论 -
前端入门 HTML笔记(一)
一、HTML简介目标:Q1:什么是网页?网站是网页的集合,网页是网站中的一“页“,网页是构成网站的基本元素,通常由图片、链接、文件等元素组成。网页俗称HTML文件。Q2:什么是HTML?HTML为超文本标记语言(主要是各种各样的标签),不是一种编程语言。专门用来制作网页的。超文本:可以放图片、声音、动画、多媒体等。(超越文本限制)可从一个文件跳转到另一个文件。(超级链接文本)...原创 2020-03-05 17:44:44 · 176 阅读 · 1 评论 -
网页设计 概念介绍
一、网页设计相关概念(1)网址网址即文件在互联网的地址,常用“IP”地址、域名、URL表示。IP地址:每个网路和每台主机的唯一地址。由地址类型、网络号、主机号三部分组成。域名地址:一般由主机名、机构名、网络名、最高层域名。例:www.tsinghua.edu.cn,www服务器,校名即机构名,edu网络名,cn国名。(可精确定位文件在互联网位置)URL:统一资源定位器,由三部分组成:...原创 2020-02-27 15:31:27 · 680 阅读 · 0 评论 -
网页设计
网页设计所需语言:HTML、CSS,SCriptHTML超文本标记语言主要服务于结构HTML文件有“标签”(tag)和“属性”(attribute)所构成。CSS层叠样式表主要服务于外观Script主要服务于行为JavaScript为主流脚本。...原创 2020-02-27 14:37:16 · 101 阅读 · 0 评论