awesogirl的博客

原创 前端笔试：找出数组中出现次数最多的元素

//找出数组中出现次数最多的元素 var arr = [1, 2, 3, 3, 55, 3, 55, 55]; var obj = {};//存放数组中的元素和他出现的次数 以键值对形式 var max = [];//出现次数最多的元素 var maxNum = 0;//最多的次数 for (var i = 0; i < arr.length; i++) { //判断obj里是否有该键对应的值，没有的话就让它的值为1 obj[arr[i]] === u

原创 js的继承

原型对象： 每一个函数都有一个 prototype属性，它就是原型对象。通过函数实例化出来的对象有个__proto__属性，指向原型对象。作用： 为每一个实例对象存储共享的方法和属性。所有的实例都是共享同一个原型对象。原型对象只有一份。var a = new A();a.__proto = A.prototype;在构造函数中，为了属性的私有性和方法的复用共享，提倡：属性封装在构造函数中；方法定义在原型对象上。function A(){ this.name = name;//私有，不共享}

原创 Array对象

1.push（）添加元素到数组的末尾，返回数组长度2.pop（）删除数组末尾的元素，返回删除的元素3.unshift（）添加元素到数组头部，返回数组长度4.shift（）删除数组头部的元素，返回删除的元素5.reverse（）翻转数组6.concat（）合并一个或多个数组arr1.concat(arr2，arr3…)；7.sort（）排序：默认是对字符编码从大到小排序可以实现数字的排序：var arr1 = [3,2,6];//函数内部使用冒泡排序function compare（a,

原创 从输入URL到浏览器显示页面发生了什么?

从输入URL到浏览器显示页面发生了什么?1.输入地址2.dns解析域名找到对应的ip地址3.客户端发送http请求4.通过tcp协议传输报文 三次握手5.通过ip协议传输给服务器6.服务器接受数据并处理请求7.返回相应的html文件8.渲染到浏览器9.渲染过程中遇到嵌入在 HTML 中的资源（如图片、音频、视频、CSS、JS等等），需要再次发送http请求...

原创 vue基础学习

MVVM是前端视图层的分层开发思想，分为三层 M VM V ,VM是核心。前端页面中使用MVVM的思想，主要是为了让程序员开发更加方便，因为MVVM提供了数据的双向绑定（vm提供）。vue和MVVM的关联：V:页面中的HTML结构，vue实例所控制的元素区域VM:是一个中间层v和m的调度者，存取数据都需要通过vmM:保存的是每个页面的数据vue指令v-cloak 解决插值表达式闪烁的问题，只会替换占位符的内容。v-text 没有闪烁问题，它会覆盖元素中原本的内容v-html 可.

原创 css样式优先级顺序

!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认样式

原创 js中用typeof返回的数据类型

原创 伪类和伪元素的区别

伪类本质上是给元素创建类名。类名可以创建多个。伪元素本质上是创建了一个有内容的容器，就是创建了一个dom节点(元素)。只能同时使用一个伪元素。

原创 nvm下切换node版本出现乱码问题

1.路径中不能有 空格 中文。2.如果不行，试试用管理员身份打开后切换。

原创 em和rem的使用

https://www.cnblogs.com/yankfy/p/rem.html

原创 2021-08-05 wamp配置虚拟主机

wamp配置虚拟主机1.在安装wamp的目录下找到 bin\apache\conf下面的 ***httpd.conf,***点击进入：查看里面有没有 # Virtual hosts ，如果没有。手动添加：#Virtual hostsInclude conf/extra/httpd-vhosts.conf如果有，去掉#就可以了。2.在apache下找到***httpd-vhosts.conf,***点击进入：添加，<VirtualHost *:80>ServerName a1

转载 使用node的express中的multer中间件还有fromdata对象来实现上传图片

原文：https://blog.csdn.net/zhoulib__/article/details/102532700

原创 forEach()循环遍历

forEach() 方法对数组的每个元素执行一次提供的函数。每次写这个循环都忘记了E的大小写。array.forEach(callback(currentValue, index, array){}//callback为数组中每个元素执行的函数，该函数接收三个参数： // currentValue(当前值) // 数组中正在处理的当前元素。 ...

原创 AJAX实现方式及步骤

什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。实现ajax：1.比较传统的方式：隐藏帧布局 iframe在for...

原创 前端面试题

1.你觉得前端工程的价值体现在哪前端工程师在开发过程中，起着重要的承上启下的作用。为简化用户使用提供技术支持(交互部分)；为多个浏览器的兼容性提供支持；为提高用户的浏览速度（浏览器的性能）提供支持；为跨平台或者其他基于webkit（是一个浏览器内核）或其他渲染引擎的应用提供支持；为展示数据提供支持（数据接口）；2.Doctype的作用？严格模式和混杂模式如何区分？它们有何意义？声明...

原创 js：数组中的Indexof()方法和字符串中的Indexof()

数组中的Indexof():返回数组中元素第一次出现的索引值。如果检索到元素，则返回元素在数组中首次出现的索引位置；否则返回-1.var arr2=[1,2,3,1,4,2,5]; document.write(arr2.indexOf(1,2)+'<br />'); // arr2.indexof(值1，值2)； // 值1表示要查询的数组中的成员 // 值2表示...

原创 js中，对象 面向对象，构造函数，原型的基本概念及相关

对象：万事万物都是对象。1.对象是一个单独的存在、单个事物的抽象；2.对象是一个容器，封装了属性（property）和方法（method）。对象三要素：属性、方法、事件。js中的对象：键值对的集合.面向对象：对过程的封装。是一种编程思想，也是一种解决问题的思想。特征：1.继承性自己没有的属性和方法,别人有,拿来给自己用2.多态同一个类在不同的情景下有不同的表现形式3.封装...

原创 前端基础——for循环（百钱吃百鸡）

题目：公鸡5文一只，母鸡3文一只，小鸡1文三只，用一百文钱要买一百只鸡，每种鸡必须有，有哪些买法？思路：看见这种题，就要知道需使用for循环，且需要三个for循环，定义三个变量，分别是公鸡 母鸡 小鸡。题中说每种鸡必须有，那就说明它们三个的个数都不能是0,并且是小于100的。var gi,mj,xj;for(gj=1;gj<100;gj++){ // 控制公鸡 for(...

原创 前端基础——数组

一、数组的初始化1.var arr=new Array();arr[0]=1;arr[1]=5;arr[2]=3;2.var arr=new Array(1,3,5);3.var arr=[1,3,4];二、操作数组中数据的方法（1）join():将数组成员通过一个分割符合并成字符串var arr1=new Array(2019,6,2,14,48); document...

原创 前端基础——忽略的问题

上周老师布置的作业里面有一个题：输入1.2.3.4四个数，一共能组成多少互不重复的三位数？ for(var i=1;i<=4;i++){ for (var j=1;j<=4;j++) { for (var n=1;n<=4;n++) { if(i!=j&&j!=n&&n!=i){ documen...

原创 前端基础——js1

一、break和continue的区别break：直接跳出当前循环或者一个switch语句。如果你的循环是嵌套的，需要逐步使用break跳出。for(var b=1;b<20;b++){ if(b>11){ break; } document.writeln(b); ...

原创 前端基础——css2

一、盒子模型盒子的边框 (border) 、盒子内的内容和边框之间的间距 (padding) 、 盒子与盒子之间的间距(margin)1.边框border-top-color:red;/* 设置顶部边框颜色为红色 */border-top-width:10px; /* 设置顶部边框粗细为 10px */border-top-style:solid; /* 设置顶部边框的线性为实线，常用...

原创 前端学习第三课——css1

一、 CSS 的概述CSS 指层叠样式表 ( Cascading Style Sheets)二、Css 页面引入的方法： 1、**行内样式** 2、**内嵌样式**(在网页的head区域，style标签) 3、**外部样式**(单独的css文件) 外部的css文件加载到相应网页中： ...

原创 前端学习第二课——基础1——基本标签

meta标签：设置页面1秒刷新，并且跳转至某个网站<meta http-equiv="refresh" content="1;url=http://www.taobao.com" /><br /> <!-- refresh刷新， 1s跳转至淘宝页面-->2. HTML基本标签：1. 标题标签：H1—h6常用属性：align（设置对齐方式）参数：lef...

原创 前端学习第一课——基础0——了解

整体划分：