自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 埃式筛法找素数

埃式筛法全称为埃拉托斯特尼筛法,是一种由希腊数学家埃拉托斯特尼所提出的一种简单检定素数的算法。要得到自然数n以内的全部素数,必须把不大于根号n的所有素数的倍数剔除,剩下的就是素数。那么这种方法跟我们传统的找素数的方法相比有什么不同呢?我们一起来看看吧。我们来看看执行时间。下面我们再来看看埃式筛法虽然代码看着比传统方法多了很多,但实际的执行效率来看还是比传统方法快很多的。基于上面的代...

2020-04-26 13:50:11 311

原创 CSS实现文本溢出隐藏

CSS实现文本溢出用省略号代替,在不同的页面宽度下,我们想要保证页面的布局不被打乱,那么我们就要对溢出的文字进行隐藏。1、单行溢出的文字隐藏overflow一定不要忘记了!!! 我们一起来看看效果2、多行溢出的文字隐藏多行溢出的文字隐藏就涉及到兼容性的问题了,目前只兼容webkit内核的浏览器我们一起来看一下-webkit-line-clamp这个属性,目前我们写的是3,达到的...

2020-04-25 16:49:51 7418

原创 纯CSS3方块球跳动加载动画

啊是大

2020-04-25 15:13:55 367

原创 felx弹性盒子

简介:弹性盒子(flex,inline-flex)是一种新的布局模式,它可以根据页面需要适应不同的屏幕大小,这种新的布局方式与传统的浮动定位相比方便了很多,为开发人员减轻了很多压力,兼容性也很好,目前的主流浏览器基本上都是可以完美支持的。那么让我们一起来看看神奇的弹性盒子吧。弹性盒子的属性属性简介flex-grow设置弹性盒子的扩展比率flex-shrink设置...

2020-04-19 18:09:46 293

原创 CSS3新增选择符

什么是CSS3:CSS3其实就是CSS(层叠样式表)技术的升级版本,于1999年开始制定,2001年5月23日W3C完成了CSS3的工作草案,CSS3新增了许多新功能比如弹性盒子、旋转、动画、选择符、背景边框、文字特效等等。那么我们今天主要就来讲讲CSS3新增的选择符。选择符作用A~B选择A元素所有兄弟元素BA:not(B)匹配不含有B选择符的元素AA:ro...

2020-04-18 18:01:55 175

原创 百度地图API的使用

1、百度地图API简介:百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。在正式开始使用之前我们需要进行一下步骤:1、注册百度账号2、申请成为百度开发者3、获取服务密钥(ak 重点)4、开始使用相关的功能点击这里获取密钥...

2020-04-12 16:48:12 766

原创 canvas和svg

1、canvas和svg简介:canvas和svg是html5新增的标签,用于在页面上绘制图像,但是他们还是有很多的不同点的。canvas的特点svg的特点绘制的是位图绘制的矢量图(缩放不会失帧)通过JavaScript来控制 进行绘制可以用html绘制也可以用JavaScript绘制主要用于网页游戏 动画等等主要用于静态图像不可以通过CSS设计宽高...

2020-04-11 15:23:36 185

原创 HTML5新增标签和属性

HTML5在开始介绍HTML5新增的标签之前,我们先来了解一下什么是HTML5HTML5市HTML当中的一个版本,而我们之前经常使用的是HTML4.01的版本。常被称为h5HTML5新增的标签:新增标签用途header语义化标签 定义头部内容nav语义化标签 定义导航条section语义化标签 定义主体部分article语义化标签 定义文...

2020-04-10 11:36:35 220

原创 Set和Map数据解构

基本用法:ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。小知识点:向Set加入值的时候,不会发生类型转换,所以1和‘1’ 是两个不同的值。Set内部判断两个值是否不同,使用的算法叫做“Same-value equality”,它类似于精确相等运算符(===),主要的区别是NaN等于自身,而精确相等运算符...

2020-03-30 11:14:04 312

原创 ES6的新特征

1、ES6ES6是ECMAScript 6的简称,新增了很多的语法规范,可以对写法和开发有很大的帮助。它的目标是使JavaScript语言可以用于编写复杂的大型应用程序,成为企业级开发语言。什么是ECMAScript?ECMAScript是浏览器脚本语言的规范,是一个语言的标准,而JavaScript则是规范具体的实现。ES的发展史说明1996ES1.01998...

2020-03-23 11:28:25 112

原创 js异步和时间线

什么是异步加载:按需加载,用到的时候再加载,不用到的时候不加载。异步加载不会影响html和css的加载异步加载需要特别注意:异步加载禁止使用document.write() 因为document.write()有可能会清空文档流。(chrome浏览器禁止了外部异步的js文件使用document.write()方法)异步加载的三种方式(1)IE专属(IE9以下) defer特点:当...

2020-03-11 20:35:08 92

原创 作用域链和原型链

什么是作用域链:作用域链是针对于变量的,作用域链的特点就是先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。什么是原型链:原型链是针对构造函数的,比如我先创建了一个函数,然后通过一个变量new了这个函数,那么这个被new出来的函数就会继承创建出来的那个函数的属性,然后如果我访问new出来的这个函数的某个属性,但是我并没有在这个new出来的函数中定义这个变量,那么它就会往上(向创建出...

2020-02-13 14:46:33 156

原创 DOM常用API

DOM树节点的增删改查API属性作用document.createElement()创建元素节点document.createTextNode()创建文本节点element.appendChild()在元素末尾追加一个新的子元素(类似于数组的push)parent.replaceChild(新元素, 旧元素)替换现有的子元素parent.ins...

2020-01-04 14:46:28 98

原创 DOM

什么是DOM:(Document Object Model)DOM是w3c(万维网联盟)的标准DOM分为三个部分:核心DOM:针对任何结构化文档的标准模型XML DOM:针对 XML 文档的标准模型HTML DOM: 针对 HTML 文档的标准模型DOM树:节点之间的关系:1、父子关系:node.parentNode 获得node的父节点node.childNodes ...

2019-12-28 15:13:27 101

原创 五大浏览器的内核

名字内核渲染内核js引擎IETrident——chakraoperaPrestosafariwebkitwebcoreNitrofirefoxGecko——MonkeychromebinkwebcoreV8

2019-12-25 17:03:43 122

原创 JS作用域链

里面可以找外面,但是外面不能找里面

2019-12-23 19:25:02 106

原创 JavaScript常用的正则表达式

正则表达式英文:Regular Expression,在代码中常简写为regex、regexp或RE,使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。什么是正则表达式:1、正则表达式是由一个字符序列形成的搜索模式2、当你在文本检索数据时,你可以用搜索模式来描述你要查询的内容3、正则表达式可以是一个简单的字符 或一个更复杂的模式4、正则表达式可以用于所有文本搜索和文本替...

2019-12-21 14:27:36 918 1

原创 String的API

String对象用于处理文本(字符串)String对象的创建方法: new String();String里面的所有API都无权修改字符串,只能返回新的字符串!String常用API:1、大小写的转换,只对英文字符有效变量名.toUpperCase(); 转换为大写变量名.toLowerCase(); 转换为小写2、获得指定位置的字符变量名.charAt(位置)...

2019-12-17 20:49:56 122

原创 JS数组常用API

对数组的一些补充:二维数组:就是一个数组里面再去嵌套一个数组或几个数组二维数组的创建方式:var arr = [[1,2],[3,4]…];读取二维数组的数据:数组名.[ 行 ] [ 列 ];二维数组的遍历也是根据行和列的下标的来的,因此需要嵌套一个循环来遍历二维数组。二维数组的下标行是不能越界的 undefined无法访问属性数组的常用API:1、String(数组名...

2019-12-15 11:52:37 172

原创 JS数组

数组数组是引用类型的,数据无法保存在变量本地,复制的是地址,如果多个变量同时引用一个数组,只要其中一个修改了,其他的都会修改什么是数组:可以存储一堆变量,批量管理变量,内存中连续存储多个数据的空间,取一个统一的名字。查询数组的长度:数组名.length :记录数组的元素个数(理论上),获取元素的最大下标+1数组的三个不限制:1、不限制元素中存储的数据类型,一个数组当中可以插入不同的数据...

2019-12-12 20:52:38 199

原创 js分支与循环

1、分支一、if -elsejs中的分支分为两种:if else 和switchif的语法为:if(表达式){//如果表达式为真,那么将会执行这里的代码块}else{//如果为假,那么会执行这里的代码块}if else可以连写,连写的语法为:if(表达式){//跟上面一样,如果上面的表达式为真,那么将会执行这里的代码块}else if(表达式1){//如如果上面的表达式为...

2019-12-08 12:32:59 131

原创 JavaScript的数据类型转换和运算符以及函数的基本用法

1、js的隐式转换string类型再与任何类型做‘+’运算时,会将他们都转换成string类型,然后再进行拼接(只限做+运算时)如果是 ‘-’ 运算,那么会将string类型转换成Number类型进行运算。两个string类型做转换,比较他们的unicode编码。布尔类型再做转换时,会转换成Number类型进行输出。如果需要不发生数据类型转换的比较,使用全等或全不等.注意:NaN与任...

2019-12-03 22:31:01 108

原创 浮动与渐变色

1、渐变1.什么是渐变?两种或者多种颜色间平滑过渡的效果2.分类1.线性渐变2.径向渐变3.线性渐变语法: background-image:linear-gradient线性渐变angle: :方向或角度 表示渐变的方向关键字1.to top 从下往上渐变2.to left 从右往左渐变3.to bottom 从上往下渐变4.to right 从左往右渐变角度...

2019-11-24 14:47:36 115

原创 css 11.12

HTML回顾1、下拉列表框语法:创建下拉列表 <select></select>创建滚动列表 <option></option>属性:select:name:控件的名字size:设置默认显得选项数量 如果取值大于1的话则为滚动列表multiple:形成滚动效果 多选option:selected:默认项2、文本域语法:&lt...

2019-11-12 19:29:02 109

空空如也

空空如也

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

TA关注的人

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