heedjay-CSDN博客

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

手撸一个简易版轮播图实现原理，通过控制 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 185

原创 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

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

2019-03-25 00:06:17 138

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

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

2018-11-05 21:48:55 703

原创 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 325

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

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。注意：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。二、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 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 250

原创 HTML-DOCTYPE-1.0

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

2018-11-05 14:37:19 430

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

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

2018-08-24 15:59:26 361

原创 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-全选或全不选

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

2018-07-31 13:12:08 144

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

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

2018-07-31 10:29:44 243

原创 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 <= 51; j++) { if(...

2018-07-21 16:28:52 14203

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

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

2018-07-20 23:48:59 17465

點滴的前端博客