前端学习
文章平均质量分 94
岁秋
这个作者很懒,什么都没留下…
展开
-
面试题数组去重引出的多元宇宙
1.怎么解决一个数组去重问题我看了很多面试相关的问题,发现数组去重出现过几次,这里就对数组去重问题进行一个总结。并且进行扩展。请一定要看到第二章!问题描述:数组去重,顾名思义就是,把数组里的重复数值去除,使其多个相同的数值变为一个,最后使数组里不含有重复数值。举个例子:有个数组:[1,2,3,4,4,5,5,5,6,7],数组去重后就变为[1,2,3,4,5,6,7]。该问题有很多解决方法,这里将一一列出,并且会对其个别重要知识点进行扩展解法将由浅入深????,一定要看到最后几个解法!????原创 2021-03-22 19:21:07 · 209 阅读 · 0 评论 -
一文学会使用flex布局与自定义组件,写好微信小程序“身体“
微信小程序实战化学习——flex与grid布局及组件化复用1.flex布局2.grid布局3.组件化流程实现4.实战1.flex写掘金首页组件2.grid写电商分类页侧边栏组件1.flex布局2.grid布局3.组件化流程实现4.实战1.flex写掘金首页组件2.grid写电商分类页侧边栏组件...原创 2021-02-15 13:11:48 · 475 阅读 · 0 评论 -
this使用细节注意与三个固定切换方法
this使用细节注意与三个固定切换方法1.this回忆2. this使用注意点2.1 避免多层this2.2 避免数组处理方法中的this2.3 避免回调函数中的this3. this的固定操作3.1 Function.prototype.call()3.2 Function.prototype.apply()3.3 Function.prototype.bind()1.this回忆浏览器(解析器)调用函数时,每次都会向函数内部传递两个隐含的参数,不是普通的写好的实参传递给形参那种。这两个隐含的参数就原创 2021-02-06 09:50:38 · 224 阅读 · 1 评论 -
前端性能优化之图片优化方法论(依据京东首页分析学习)
前端性能优化之图片优化方法论1.为什么进行图片优化2.常用图片格式介绍1.JPG/JPEG2.PNG3.GIF4.SVG5. WebP和APNG3.图片优化的方法1.图片压缩与替换a.图片压缩b.使用更小体积的图片格式2.base643.雪碧图4.各个场景下的推荐方法5.总结1.为什么进行图片优化对于大多数前端来说,图片也许就是UI设计师(或者自己)切好的图,我们只是把图片丢进项目中,然后用以链接的方式呈现在页面上,而且我们也经常把精力放在项目的打包优化构建上,如何分包,如何抽取第三方库等等。但有时我们原创 2021-01-28 10:56:22 · 462 阅读 · 0 评论 -
从这一篇文章入坑前端性能优化
从这一篇文章入坑前端性能优化前端性能优化的概念一个例子引入为什么优化为什么会出现这样的问题简单介绍页面显示代码注意事项为什么会耗时优化方案最后总结前端性能优化的概念web性能概述Web 性能其实就是页面性能,一个页面的性能如何,与页面是否可以快速加载,是否允许用户快速开始与之交互,滚动和动画是否流畅等问题有关。为什么要进行性能优化呢?在构建web站点的过程中,任何一个细节都有可能影响网站的访问速度,如果不了解性能优化知识,很多不利网站访问速度的因素会形成累加,从而严重影响网站的性能,导致网站访问原创 2021-01-22 10:59:17 · 226 阅读 · 1 评论 -
忘记了没关系!再学一遍JavaScript原型链
实例摸索JavaScript原型链1.原型的概念2.原型链1.原型链图解2.理清例子中的原型链1.原型的概念先提出一个问题:将函数定义在全局作用域,会污染全局作用域的命名空间(接下来起了个同名函数就会覆盖),而且非常不安全(别人一起写时,也可能会写一样名字的函数)。怎么办?——将这些函数放到原型对象中去。那么什么是原型对象?我们所建立的每一个函数,解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象,这个对象就是原型对象。如果函数作为普通函数调用prototype没有任何作原创 2021-01-03 20:41:26 · 191 阅读 · 2 评论 -
JavaScript学习之JSON
JSON1.JSON简介2.JSON语法3.eval()1.JSON简介JSON(JavaScript Object Notation):js对象表示法。JSON是一个特殊格式的字符串,这个字符串可以被任意语言所识别。并且转化为任意语言中的对象。JSON在开发中主要用于做数据的交互。JSON和JS对象的格式一样,但是在JSON中属性名必须要加双引号,JS的是可有可无,其他语法一样。2.JSON语法JSON的分类,有两类:对象:{} {"name":"jack","age":18}数组:原创 2020-12-20 22:17:02 · 103 阅读 · 0 评论 -
JavaScript学习之正则表达式
正则表达式1.正则表达式简介2.正则表达式语法1.创建正则表达式的对象(使用构造函数创建)2.使用字面量来创建正则表达式3.正则语法3.支持正则表达式的string对象的方法1.split()2.1.正则表达式简介正则表达式是用于定义一些字符串的规则,计算机根据正则表达式来检查字符串是否符合规则,或把字符串中符合规则的部分提取出来。2.正则表达式语法1.创建正则表达式的对象(使用构造函数创建)语法:var 变量=new RegExp("正则表达式","匹配模式");可传递第二个参数作为匹配模式,原创 2020-12-20 11:16:58 · 291 阅读 · 1 评论 -
JavaScript学习之Date,Math,包装类加字符串操作
javascript学习1.Date对象2.Math对象1.Date对象Javascript中使用Date对象(是一个函数)来表示一个时间。使用构造函数创建一个Date对象(会将封装当前代码执行的时间,执行一次次更新一次):var a=new Date();创建一个指定的Date对象(需要在构造函数中传递一个表示时间的字符串作为参数)。时间字符串格式:月/日/年 时:分:秒参数可不写太全,比如只写年月日var b=new Date("15/12/2020 12:10:30");年可写成2原创 2020-12-16 23:09:48 · 201 阅读 · 2 评论 -
JavaScript学习之数组总结
javascript数组1.1.原创 2020-12-15 11:14:07 · 186 阅读 · 0 评论 -
JavaScript类与对象(this,arguments,原型介绍)
Javascript类与对象1.this2.使用工厂方法创建一个对象3.构造函数(类)4.原型1.this浏览器(解析器)调用函数时,每次都会向函数内部传递一个隐含的参数,不是普通的写好的实参传递给形参那种。这个隐含的参数就是this。this指向的是一个对象,即this的类型就是object。这个对象称为函数执行的上下文对象。根据函数的调用方式不同,this会指向不同的对象。调用方式一:以全局函数的方式调用时,this永远是Window。调用方式二:以方法(即对象内的函数)的方式调用时,th原创 2020-12-13 22:30:16 · 274 阅读 · 0 评论 -
前端学习——JavaScript对象与函数
JavaScript对象与函数1.Object对象1.1.Object对象1.原创 2020-11-18 21:23:23 · 236 阅读 · 0 评论 -
web前端----JavaScript基础
web前端----JavaScript基础1.怎么向页面添加JavaScript1.写在HTML代码中(内部JavaScript)2.外部JavaScript2.输出代码1.控制浏览器弹出一个警告框2,在页面输出一个内容1.怎么向页面添加JavaScript1.写在HTML代码中(内部JavaScript)在HTML代码中js代码要存在就要写在<script></script>中;写在</body>前,一般推荐写在<head></head>之原创 2020-11-07 15:58:27 · 479 阅读 · 0 评论 -
web前端——HTML表单和PHP服务器端交互
web交互---HTML表单和PHP程序1.表单介绍2.创建表单3.表单项1.提交按钮2.文本框3.密码框1.表单介绍表单是一个包含表单元素的区域。表单的作用是搜集不同类型的用户输入,然后将用户信息提交给服务器。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。2.创建表单使用form标签创建一个表单。form标签中必须指定一个action属性,这个属性指向的是一个服务器的地址。这个服务器用来处理表单中的信息,当我们提交表单后就会发送到该action属性对原创 2020-10-24 09:56:07 · 3025 阅读 · 0 评论 -
web前端学习——css背景
css背景1.背景图片1.背景图片使用background-image来设置背景图片;语法:background-image:url(相对路径);这个相对路径是相对于自己本身,例如styles文件夹里的css文件写有该属性,则其相对路径为background-image:url(../images/1.png);如果图片大小大于元素则会默认显示图片的左上角;图片和元素一样大就会全部显示;如果背景图片小于元素大小,则会默认将背景图片平铺(一直重复)以充满元素。背景颜色和背景图片一般都是同时设原创 2020-10-17 11:31:40 · 646 阅读 · 0 评论 -
web前端学习----css浮动与定位
css定位1.文档流2.浮动-float属性1.文档流文档即一个网页,文档流处在网页的最底层,它表示的是页面中的一个位置,我们所创建的元素默认都处在文档流当中。通过浮动和定位可以脱离文档流。元素在文档流中的特点块元素:1.块元素会在文档流中独占一行,块元素会至上而下排列。2.块元素在文档流中的宽度默认值为auto(自动),即为父元素的100%。3.块元素在文档流中的高度默认为内容高度,即被内容撑开,没有内容就为0,有内容的话,内容多少它就多少。内联元素:1.内联元素在文档流中只占自身大小原创 2020-10-14 21:37:16 · 1099 阅读 · 0 评论 -
web前端-------css盒子模型
css盒子模型1.css盒子组成2.盒子内容区简单设置3.边框border4.内边距padding1.css盒子组成css最重要的是盒子模型,盒子组成一切盒子构成:内容区(content)内边距(padding)边框(border)外边距(margin)2.盒子内容区简单设置首先可以直接设置各个区域.box{width:70px;padding:5px;margin:10px;}注意:这里的width和height设置的大小是内容区的大小,不是整个盒子的大小。内边距、边框原创 2020-10-07 11:40:06 · 361 阅读 · 0 评论 -
前端学习之PHP基础函数总结
PHP基础函数总结1.gettype()2.var_dump()3.unset()4.empty()5.is_*()系列函数1.gettype()介绍:在gettype()的括号里放一个变量,它能获得该变量的类型。例子:<?php//声明一个变量88.8,你可以自己多做几次实验换成其他类型看看$type输出是多少$float=88.8;$type=gettype($float);echo $type;//这个type的值就是float,该PHP代码最后输出 float;?>2原创 2020-10-07 11:18:44 · 719 阅读 · 0 评论 -
前端学习——CSS基础设置
css基本语法1.1.原创 2020-10-05 18:59:07 · 479 阅读 · 0 评论 -
前端学习——HTML与CSS:选择器
html与css1.常用的选择器1.元素选择器2.id选择器3.class选择器(类选择器)4.选择器分组5.通配选择器6.复合选择器(交集选择器)7.子元素和后代元素选择器1.常用的选择器首先说下,div和span ,div是块级元素(div包裹的文本没有默认样式,不会像p,会有间距),span是内联元素。div和span没有语义,块元素通常用来做页面的布局,内联元素用来选中文本设置样式。通常情况只使用块元素去包含内联元素,而不会用内联元素去包含块元素。1.元素选择器作用:通过元素选择器可以可以改原创 2020-10-03 21:03:25 · 424 阅读 · 0 评论 -
前端学习---第四天HTML表格
HTML表格1.1.原创 2020-09-27 19:51:11 · 341 阅读 · 1 评论 -
前端学习——第三天HTML多媒体嵌入
HTML多媒体与嵌入1.插入图片第一:alt属性:高度和宽度:图片标题:(title 在鼠标靠近时显示提示)为图片搭配说明文字的方式来解说图片:1.插入图片第一:使用<img>元素,进行最基本的图片插入,该元素最少要一个src(source)使其生效。src 属性包含了指向我们想要引入的图片的路径,可以是相对路径或绝对URL,就像 <a>元素的 href 属性一样。<img src="images/1.jpg">//搜索引擎也读取图像的文件名并把它们计入SEO。原创 2020-09-25 16:38:48 · 384 阅读 · 0 评论 -
前端学习——第二天HTML基本知识
HTML1. < meta >元素2.1. < meta >元素元数据就是描述数据的数据,而HTML有一个“官方的”方式来为一个文档添加元数据—— <meta> 元素。例如:<meta charset="utf-8">这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。 utf-8 是一个通用的字符集,它包含了任何人类语言中的大部分的字符。 这意味着你的web页面可以显示任意的语言;许多 元素包含了name 和原创 2020-09-24 14:20:24 · 201 阅读 · 0 评论 -
前端学习——第一天前端总体了解
@[toc](HTML学习——1天)原创 2020-09-15 15:40:32 · 202 阅读 · 0 评论