自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 node版本降级方法(n)

node版本降级解决

2022-07-08 16:01:03 1551 1

原创 【无标题】

JSjs的几种数据类型number、string、boolean、null、undefined、symbol (ES6):主要用于创建一个独一无二的标识、bigint (ES10)是一个内置对象,它提供了表示大于最大安全整数之外的方法, bigint 通常用于计算最大安全整数之外的数值引用数据类型:Object(function、array)BFC格式化上下文,一个独立的块级渲染区域,区域里面的元素不会在布局上影响到外面的元素;触发条件:body根元素float的值不为noneoverfl

2022-05-26 09:39:45 86

原创 HTML和CSS相关知识点

HTML部分网页中的内容标题<h1>标题</h1><h2>标题</h2><h3>标题</h3><h4>标题</h4><h5>标题</h5><h6>标题</h6>页面中的普通文字字号大小为16像素(16px)h1-h6标签的文字是加粗的,并且字号从h1-h6是逐渐变小的,h1-h6标签的权重也是逐渐变小的(浏览器的搜索抓取)h1这个标签在页面上通常会

2021-04-27 13:54:43 216

原创 JS部分面试题

JSMST1、relative和absolute分别是相对于谁进行定位的?1、absolute: 生成绝对定位的元素, 相对于最近一级的定位不是 static 的父元素来进行定位。2、relative:生成相对定位的元素,相对于其在普通流中的位置进行定位。3、fixed:(老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。4、static:默认值。没有定位,元素出现在正常的流中。5、sticky:生成粘性定位的元素,容器的位置根据正常文档流计算得出。2、谈谈你对w

2021-04-15 14:51:31 196

原创 HTTP——MST

网络协议1、前端优化手段1、减少网络请求数量1).图片处理,字体图标代替图片2).合并文件,合并公共包文件、不同页面单独合并3).减少重定向,使用301永久重定向4).使用缓存2、减少资源大小3、资源加载优化1).css文件放在head标签中,js文件放在body的地步 先加载外联,后加载内置;2).优化加载时机:预加载和懒加载4、优化网络罗请求1).CDN分发网络2).DNS预解析5、减少重绘回流6、webpack优化动态导入和按需加载;打包公共文件2、浏览器输入网址到页

2021-04-13 16:12:03 262

原创 JS算法笔试库

BSMST1、数组去重:let ary=[1,2,2,1,3]; arr=[…new Set(ary)]2、排序1.快速排序算法:var quickSort = function(arr) {  if (arr.length <= 1) { return arr; }  var pivotIndex = Math.floor(arr.length / 2);  var pivot = arr.splice(pivotIndex, 1)[0];  var left = [];  var

2021-04-13 16:11:27 230

原创 React MST

React MST1.虚拟DOM原理 && 虚拟DOM和真实DOM区别       React的渲染函数从React组件中创建一个节点树,然后它响应数据模型中的变化来更新,该变化是由用户或系统完成的各种动作引起的。每当底层数据发生改变时,整个UI都将在虚拟DOM描述中重新渲染。Real DOMVirtual DOM更新缓慢。更新更快。更新可以直接更新 HTML。无法直接更新 HTML。

2021-04-12 17:50:27 436

原创 JSMST

这里写自定义目录标题欢迎使用Markdown编辑器1.水平垂直居中的方法:2.var 和 let const区别什么是变量提升数组去重:let ary=[1,2,2,1,3]; arr=[...new Set(ary)]浅拷贝和深拷贝的区别跨域解决flex布局1.flex-direction:决定主轴的方向: row | row-reverse | column | column-reverse;2.flex-wrap:换行:nowrap | wrap | wrap-reverse;3.flex-flow:

2021-04-07 14:53:53 319 1

原创 Redux

Redux什么是Redux什么时候需要reduxredux有三大准则Redux工作流程怎么使用Redux创建Redux的仓库-store和reducer创建store仓库什么是ReduxRedux是JavaScript状态容器,它的诞生是为了给 React 应用提供可预测化的状态管理机制。如果是一个数据状态非常复杂的应用,更多的时候发现React根本无法让两个组件互相交流,使用对方的数据,re...

2020-01-03 10:39:05 169

原创 设计模式--迭代器模式与组合模式

迭代器迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。他可以把迭代的过程从业务逻辑中分离出来,在使用该模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素。场景JS已经内置迭代器,如forEach,和jQuery的$.eachforEach是Array.prototype上的方法我们使用它对数组进行循环遍历,因此一个数组就可以直接调...

2019-08-15 11:31:00 159

原创 JS设计模式--模板方法模式

设计模式–模板方法模式什么是模板方法模式它是一种只需使用继承就可以实现的模式,由两部分结构组成,第一部分为抽象父类,第二部分为具体的实现子类,通常在抽象父类中封装了子类的算法框架,包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象类,也继承了整个算法结构,并且可以选择重写父类的方法。这个方法将算法定义成一组步骤,其中的任何步骤都可以是抽象的,由子类负责实现。这可以确保算...

2019-08-14 18:18:24 124

原创 前端面试题以及常见问题与答案(Ajax持续更新ing......)

目录

2018-11-02 11:29:32 1230

原创 前端面试题以及常见问题与答案(H5和CSS3持续更新ing......)

目录

2018-11-02 11:05:03 925

原创 关于JS的小题目

这里写自定义目录标题1.看题做答:2.下面输出多少?3.如下题:1.看题做答: function f1(){ var tmp = 1; this.x = 3; console.log(tmp); //A console.log(this.x); //B}var obj = new f1(); //1console.log(obj.x) ...

2018-11-01 16:01:55 310

原创 JS基础常见代码小例子

这里写自定义目录标题1.字符串反转,如将 '12345678' 变成 '87654321'2.将数字 12345678 转化成 RMB形式 如: 12,345,6783.生成5个不同的随机数4.去掉数组中重复的数字 方法一5.阶乘函数;9*8*7*6*5…*11.字符串反转,如将 ‘12345678’ 变成 ‘87654321’思路:先将字符串转换为数组 split(),利用数组的反序函数 r...

2018-11-01 14:57:46 2462

原创 谈吐对vue的理解以及webpack

vue.js不是一个框架,它只聚焦视图层,是一个构建数据驱动的web界面的库。特性:轻量级体积小,不依赖其他基础库;数据绑定指令和AngularJS 可以用一些内置的简单指令(v-*),也可以自定义指令,通过对应表达式的值的变化就可以修改对应的Dom;插件化Vue的核心不包含Router,Ajax表单验证,但可方便地加载对应的插件。webpack2.1.0webpack是一个...

2018-10-26 17:38:11 100

原创 前端面试题以及常见问题与答案(JS部分持续更新ing......)

这里写自定义目录标题

2018-10-26 16:53:09 950

原创 B继承A的写法

这里写自定义目录标题B继承A的写法1.原型继承:B继承A的写法1.原型继承:var A=function(){ this.a=1; this.b=2; this.add=function(){ console.log(a+b); }}var B=function(){}B.prototype=new A();B.prototype.c=3;...

2018-10-25 17:23:26 3034

原创 前端面试题以及常见问题与答案(HTML和CSS部分持续更新ing......)

1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE: trident内核Firefox(火狐):gecko内核Safari:webkit内核Opera(欧朋):以前是presto内核,Opera现已改用Google Chrome的Blink内核Chrome(谷歌):Blink(基于webkit,Google与Opera Software共同开发)2.每个HTML文件里开...

2018-10-24 18:13:51 509 1

原创 cookie、LocalStorage 与 SessionStorage三者的区别(web Storage)

三者之间的不同:1、cookie数据始终在同源的http请求中携带,即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。2、存储大小限制也不同,cookie数据不能超过4kb,同时因为每次http请求都会携带cookie,所以c...

2018-10-23 19:40:51 1519

原创 如何对网站的文件和资源进行优化?

1.文件合并(相当于去重,把所用到的css样式或者js可以封装成一个公共类)目的是为了减少http的请求;2.文件最小化/文件压缩(即精简和优化你的js和css)目的是直接减少文件下载的体积;3.使用CDN托管(CDN为内容分发网络,来托管资源的);4.缓存的使用(利用浏览器缓存你的js和css文件);在网站根目录 .htaccess 中加入以下代码; ExpiresActive on ...

2018-10-23 19:39:41 234

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除