自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

點滴的前端博客

记录前端学习笔记和小demo

  • 博客(17)
  • 收藏
  • 关注

原创 手撸一个简易版轮播图(上)

手撸一个简易版轮播图实现原理,通过控制 swiper-warpper 容器的定位来达到切换图片的效果。页面布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易版轮播图</title> <link rel="st...

2020-03-15 22:24:34 408

原创 MYSQL(三)——创建数据表

创建数据表数据表(或称表)是数据库最重要的组成部分之一,是其他对象的基础。USE打开数据库USE数据库名称创建数据表CREATE TABLE [IF NOT EXISTS] table_name(column_name data_type,…)查看数据表列表SHOW TABLES [FROM db_name] [LIKE ‘pattern’|WHERE expr...

2019-04-03 00:53:05 183

原创 MYSQL(二)

操作数据库一、创建数据CREATE { DATABASE | SCHEMA } [ IF NOT EXISTS ] db_name [DEFAULT] CHARACTER SET [=] charset_name创建一个数据mysql>CREATE DATABASE t1使用[ IF NOT EXISTS ]选项命令操作,不会直接报错,会记录在SHOW WARNINGSmy...

2019-04-01 00:22:40 126

原创 MySql(一)

一、MySql登陆参数描述-D , --database=name打开指定数据库–deliniter = name指定分隔符-h,–host=name服务器名称-p, --password[=name]密码-P,–port=#(3306) 端口号–prompt=name设置提示-u,–user=name用户名-V,–ve...

2019-03-31 23:40:49 100

原创 js总结——JavaScript之DOM(一)

JavaScript之DOM部分总结(一)一、什么是DOM文档对象模型(document object model ,是W3C制订的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交互的web标准。DOM规定了一系列标准接口,允许开发人员通过标准方式访问文档结构、操作网页内容、控制样式和行为等。二、document代表整个文档,我们可以通过document的一些方...

2019-03-25 00:06:17 133

原创 css-position-定位的理解和应用

一、position的定义允许用户精确定义元素框出现的相对位置。可以是相对于它通常出现的位置,相对于其上级元素,相对于另一个元素,或者相对于浏览器视窗本身。二、position的属性值position属性指定了元素的定位类型。position属性的四个值。static和relative在文档流中,与fixed和absolute相反。staticrelativefixedabsolu...

2018-11-05 21:48:55 701

原创 css-文子和文本相关属性和值

一、文字相关的css样式属性1.1 font-size设置字体大小属性p{ font-size:12px;}如果未设置,会继承父级的字体大小。因为浏览器的限制,一般不能低于12px。低于会以12px显示属性值不能取负值1.2 font-weight 设置字体粗细p{ font-weight:normal|bold|bolder|lighter|number}nor...

2018-11-05 21:25:55 324

转载 css3-flex布局-弹性盒模型-详解

一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为&quot;弹性布局&quot;,用来为盒状模型提供最大的灵活性。注意:设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。二、基本概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称&quot;容器&quot;。它的所有子元素自动成为容器成员,称为 Flex 项目(f...

2018-11-05 17:01:27 366

原创 css中的单位px-em-rem

PX特点IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...

2018-11-05 16:02:37 245

原创 HTML-DOCTYPE-1.0

一.DOCTYPE1.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?(1)、&amp;lt;!DOCTYPE&amp;gt; 声明位于文档中的最前面,处于 标签之前。告知浏览器以何种模式来渲染文档。 目前只需在HTML文档前声明即可(2)、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。(3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止...

2018-11-05 14:37:19 428

原创 JavaScript之初识(requestAnimationFrame)始请求运动帧和使用运动帧

什么是window.requestAnimationFrame?window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。 这么官方的描述,看得我都一脸懵逼。来一些实际demo来看看是个什么玩意:var n = 0,animatio...

2018-08-24 15:59:26 360

原创 JavaScript sort() 方法

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。下面写几个数字排序的实例//当a-b的时候 数字实行从小到大到排列var arr = [5,7,8,9,4,1,1];arr.sort(function(a,b){ return a-b;});//当b-a的时候 数字实行从大到小到排列var po...

2018-07-31 19:09:05 233

原创 JavaScript-Math-对象

                Math.PI                Math.abs()  绝对值                Math.max()  返回参数的最大值                Math.min()  返回参数的最小值                Math.floor()  向下取整                Math.ceil()   向上...

2018-07-31 16:39:13 112

原创 js-demo-全选或全不选

根据以上效果图,我们先完成静态布局&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;全选&lt;/title&gt;&lt;/head&gt;&lt;style&gt; *{

2018-07-31 13:12:08 144

原创 JavaScript-call--改变this指向

非严格模式下。this指向windowfunction a(){ console.log(this);}a();当函数执行是,借助与call,apply我们能改变它内部的this指向借助于call执行的时候:第一个实参相当于函数的this指向第二个实参对应于第一个形参&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&...

2018-07-31 10:29:44 242

原创 JavaScript 用for循环输出1-100之间所有的质数(只能被1和自身整除的数,不包括1)

用for循环输出1-100之间所有的质数(只能被1和自身整除的数,不包括1)也就是说 2 3 5 7 11 。。。等只有被1和自身整除的数字。如何判断出1到100的字数呢?拿  51这个数字举例 我们可以用for循环记录一下  51%j=0的发生了几次 这里的 j表示 1到 51自身 for (var j = 1; j &lt;= 51; j++) { if(...

2018-07-21 16:28:52 14183

原创 如何用JavaScript实现一个九九乘法表

首先了解清楚我们最终实现的效果最终实现的HTML代码&lt;div id="wrap"&gt; &lt;span&gt;1x1=1&lt;/span&gt;&lt;br&gt; &lt;span&gt;2x1=2&lt;/span&gt;&lt;span&gt;2x2=4&lt;/span&gt;&lt;br

2018-07-20 23:48:59 17442

空空如也

空空如也

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

TA关注的人

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