前端
夜深人静_
拼搏到无能为力,坚持到感动自己
展开
-
js中的数据类型,以及如何检测数据类型
基本数据类型:string,number,boolean,null,undefined,symbol引用数据类型:object(array,function…)常用的检测数据类型的方法一般有以下三种:typeof 一般主要用来检测基本数据类型,因为它检测引用数据类型返回的都是object还需要注意的一点是:typeof检测null返回的也是object(这是JS一直以来遗留的bug)typeof 1"number"typeof 'abc'"string"typeof true"boo转载 2020-07-10 20:53:33 · 209 阅读 · 0 评论 -
JavaScript数组去重(12种方法,史上最全)
JavaScript数组去重(12种方法,史上最全)转载自:https://segmentfault.com/a/1190000016418021?utm_source=tag-newest数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。转载 2020-06-29 10:15:14 · 253 阅读 · 0 评论 -
jQuery 动画详解——比js动画更方便的方法
jQuery 标准动画通过类似于动画的形式,来完成标签的显示隐藏实际上,本质,就是我们之前写的 运动函数通过 定位的 left top 属性 和 透明度 opacity 来完成效果1. $(标签).show() 显示语法 : $(标签).show(时间,运动曲线,运动结束时执行的函数)运动到指定的位置,也就是css样式,定义的标签位置离那里进,就从那里开始运动离 左上角近 就从...原创 2020-04-29 00:14:45 · 254 阅读 · 0 评论 -
了解jQuery ,jQuery 选择器和筛选器总结
在说选择器和筛选器之前,首先我们来了解一下什么是jQuery:jQuery 的简介什么是jQueryjQuery是 一个前端的方法库也就是别人将JavaScript程序,定义成了各种函数方法,我们直接写直接用,就可以实现各种功能jQuery的网站官网 : https://jquery.com/中文网站 : http://jquery.cuishifeng.cn/jquery的三大优...原创 2020-04-28 02:21:53 · 366 阅读 · 0 评论 -
ajax请求及其用法详解
什么是ajax首先,ajax中的四个字母的意思分别是:a : async 异步j : JavaScripta : andx : XMLajax请求是一个异步的 JavaScript 和 XML 的数据交互ajax技术最初只能和 XML格式的内容进行交互现在发展到可以和任意的后端程序内容进行交互现在是前后端数据交互的主要手段超链接跳转传参和form表单跳转传参都必须要跳转页...原创 2020-04-27 00:13:10 · 1535 阅读 · 0 评论 -
用 js 实现购物网站中的商品放大镜效果
首先说一下原理,以天猫某商品放大镜效果为例:所谓的放大镜效果,其实也是欺骗我们眼球的一种效果,这里我们可以看到,图片显示去下面那一排小图与遮盖层的图片和放大层的图片其实是一样的,只是分辨率不同,所以实现放大镜效果,就需要这么几组分辨率大小不同,但是图片内容相同的图片:显然,小图中放的就是我这里图片名中带有small的小图了,遮盖层就是正常大小的图,放大层就是带有big的放大的图了,然后再加入适...原创 2020-04-15 01:07:46 · 1023 阅读 · 0 评论 -
JavaScript 经典轮播图的代码实现
轮播图大概都是什么样的呢,我们以淘宝网首页这个样式为例:这是个很经典的轮播图,这里有五张图轮序自动播放,鼠标移上去时它会自动停下来,鼠标移开时它又会继续自动播放,下方的五个按钮和左右按钮都可以控制轮播图的播放顺序。那么接下来我们就亲自动手实现以下这种效果:1. 构建html结构<div class="banner"> <ul> <li&...原创 2020-04-08 02:01:50 · 1865 阅读 · 0 评论 -
如何利用js实现选项卡效果(超简单)
在开始写我们的选项卡之前,先来看一下最终实现的大概效果:那废话不多说,接下来就看看如何去实现这个效果。首先,利用我们的 html 和 css 基础,写出选项卡的基本布局:html代码:<div class="news"> <ul> <li class="active">标题1</li> <li>标题2</li&g...原创 2020-04-02 01:46:30 · 5298 阅读 · 2 评论 -
JavaScript 数组中的冒泡排序和选择排序
冒泡排序原理相邻的两个单位,比较存储的数据如果第一个单元的数据较大,就将两个相邻单元交换存储数据过程从起始单元开始比较,第一次循环,会选择出一个最大值,放在数组所有单元的最后之后,每次循环,都会比较出一个本次循环的最大值,放在当前参与比较单元的最后之前已经比较选出的单元,不会参与下一次比较排序的优化1. 单次循环,最后一个单元,通过倒数第二个单元,参与比较 最后...原创 2020-03-22 18:10:49 · 158 阅读 · 0 评论 -
JavaScript for循环及其嵌套并用其制作99乘法表
for 循环所谓的for循环,是完全等价于 while 循环。任何一个for循环都可以写成while循环,任意一个while循环也可以写成for循环。for循环是应用最广泛的循环形式,适用于已知循环次数,循环嵌套情况。语法for (语句 1; 语句 2; 语句 3) { 循环体;}语句 1 设定循环变量的初始值语句 2 判断进入循环的条件语句 3 步长特别注意的是...原创 2020-03-14 03:07:49 · 1059 阅读 · 0 评论 -
Html+CSS常用要点及易错点归纳(二)
本次主要总结了CSS中的零碎知识点,也是每个学习CSS的朋友们需要了解或者记住的:CSS 相关点:- 复合样式书写顺序:1. background属性: 复合的值是通过空格隔开的,并且没有顺序要求。这里有个小技巧,CSS3中背景图片有个background-size属性,也是可以写进复合样式中的,举个例子:background: url() no-repeat center top / ...原创 2020-03-08 19:29:05 · 458 阅读 · 1 评论 -
常用的CSS命名规则
一.注释的写法:/* Footer /内容区/ End Footer */二.id的命名:页面结构容器: container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center导航导航...原创 2020-03-07 21:10:58 · 122 阅读 · 0 评论 -
Html+CSS常用要点及易错点归纳(一)
最近回顾html和css相关知识的时候,发现很多零碎的知识有些遗忘,所以这里总结归纳一下,既方便我自己的记忆,大家也能一起回顾一下,看看你都记全了吗。今天先来说说html的相关知识点:Html 相关点:- 文件的命名规范小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。 eg: goods_iphone_1000.html- Html语义化含义:...原创 2020-03-07 20:48:36 · 670 阅读 · 0 评论 -
如何利用CSS制作简易旋转木马效果
最近回顾动画知识的时候,看到了3d相关的知识,想到了当时学CSS 3动画的时候做的一个旋转木马还挺好看的,今天就来说说怎么用CSS3的变形(transform)和动画(animation)的相关知识做一个简单的3d版的旋转木马效果。准备工作首先,想做这个动画,我们要先了解用到的相关属性。变形transform:通过这个属性,我们可以对元素进行位移、旋转、缩放、倾斜等操作,其中最常用的就是位...原创 2020-03-06 01:43:35 · 1124 阅读 · 0 评论 -
网格布局的简单应用(display: grid;)
我们在做布局的时候经常会发现有些地方的宽高排列都非常规则,而且有多行内容,这时使用网格(grid)布局就非常的方便快捷了。那么接下来我们做个简单的九宫格来看看该如何使用该布局:实例很明显九宫格就是九个小方块,那么我们可以用一个大盒子去套九个小盒子:<div id="main"> <div class="box1"></div> ...原创 2020-03-01 20:17:02 · 739 阅读 · 1 评论 -
定义一个简单的CSS3动画
通过CSS3,我们无需javascript也可以创建一些简易的动画效果,下面我们来看一下相关的属性和规则。CSS3 animation属性通过animation属性,我们可以给元素附加动画效果及样式,下表列出了animation属性的值:属性功能animation-name定义动画的名称animation-duration定义动画运行一个周期花费的时间an...原创 2020-02-23 22:02:59 · 673 阅读 · 0 评论