小栗子的普-CSDN博客

原创数组中的二分法和快速排序

二分法在数组中查找一个数，其中之一的方法是二分法二分法：先找到这个数组中中间的数，将要查找的数与这个数做对比，如果比中间的数小，以这个数为分界，找到这个数左边中间的数；如果比中间的数大，以这个数为分界，找到这个数右边中间的数。。。以此类推，直到找到这个数为止。代码如下（递归）var text = parseInt(prompt('请输入您要查找的数')); var arr = [1...

2019-04-07 18:18:23 1422

原创 JavaScript中的数据类型——字符串

用以下字符串为例，列举一下其属性及方法var str = '123456abc';1. 字符串的属性字符串的长度 lengthconsole.log(str.length);打印出的结果为62.字符串的方法字符串检索 indexOf();例：在上述字符串中检索，看是否有’b’这个值console.log(str.indexOf('b'));打印出的结果为7，是检索...

2019-04-06 19:49:54 272

原创 JavaScript的一些补充

字符串与数字/字符串之间的比较：数字和字符串比较，浏览器会把字符串转化成数字类型(parseInt())，如果没有数字，是NaN类型，则为false字符串和字符串比较，会转换成ASCII码，首字母比较局部变量与全局变量function text(){ num = 1;}text();alert(num)结果会弹出1，因为变量的提升，将num提升成了全局变量，相当于window....

2019-03-29 08:45:13 90

原创 JavaScript补充

1.添加第三个变量例 var c = 0; c = a;//c = 1; a = 1; a = b;//a = 2;b = 2 b = c;//b = 1;a = 2

2019-03-27 19:17:11 99

原创 JavaScript中的算数对象——Math

Math对象用于执行数学任务，最常用的Math对象属性为PI,即数学中的π下面介绍一些常用的Math对象方法1.abs()方法：返回数的绝对值例：console.log(Math.abs(10));console.log(Math.abs(-10));打印出来的结果两个都是10，即打印出的是它们的绝对值2.ceil()方法：对一个小数向上取整例：console...

2019-02-18 15:37:38 222

原创 JavaScript数组

数组数组在JavaScript中是一个非常重要的概念，它用于存储多个变量，像[1,2,3,4,5]就是一个数组。JavaScript中数组里面的变量可以为不同类型，例如[a,2,w,3]里面有是字符串类型和数字类型，它也是一个数组数组的声明：用new或[]来声明一个数组用new声明var arr=new Array() 空数组var arr=new Array() 空数组va...

2019-02-11 17:08:27 172

原创 JavaScript的函数与事件

Java Script函数定义：由事件驱动的或者当它被调用时执行的可重复的代码块声明：由function声明一个函数函数的分类：无参数无返回值例：function(){ var a = 0; console.log(a);}2.无参数有返回值例：function(){ var a = 0; return a;}3.有参数无返回值例：...

2019-02-10 16:24:44 100

原创 JavaScript基础知识

Java Script是一种弱类型（没有类型声明）的一种脚本语言（可以用来编程并且直接执行源代码的语言）。1995年网景公司设计出来，运行在客户端，对用户的响应采用事件驱动，基于对象JavaScript有以下几个特点：简单性（基于JAVA语句和控制流之上简单而紧凑的设计）安全性：JavaScript只能通过浏览器实现信息浏览或动态交互动态性：可以直接对用户或客户端做出响应跨平台性：依...

2019-01-11 14:27:48 98

原创 CSS转换，过渡效果和动画

CSS中，有时为了更吸引眼球，可以采用一些动画或拉伸等让元素更具有趣味性1.转换transformtranslate:平移translate(x,y) //x,y轴方向平移例&amp;lt;div class=&quot;div&quot;&amp;gt; &amp;lt;div class=&quot;div1&quot;&amp;gt;&a

2018-12-27 21:38:56 411

原创 CSS弹性布局（二）

有6个属性设置在项目上1.order:定义项目的排列顺序。数值越小，排列越靠前，默认为0。例<style> .div{ width: 100%; background-color: green; height: 400px; display: flex; ...

2018-12-26 19:43:33 227

原创 CSS弹性布局（一）

弹性布局可以用于做响应式页面的制作使用弹性布局需要使用要display里的flex属性例：让一个div是弹性布局，代码如下.div{ display:flex; }flex里有很多属性，其中设置在容器上的属性有6个1.flex direction:决定主轴的方向（即项目的排列方向）。...

2018-12-26 19:28:55 4743

原创 less的几种常见编译方法

当写完less文件后，浏览器并不能直接的识别less文件，所以需要先编译一下，有以下几种方法1.可以安装一个koala软件，安装完之后，添加less文件，即可编译出相对应的css文件...

2018-12-26 10:13:24 3655 1

原创 js简单的插件（折线图）

自己做的一个简单的折线图，html代码如下<head> <meta charset="UTF-8"> <title>折线图</title> <style> #container{ height: 600px; background-image: ur...

2018-12-24 18:00:43 5135 1

原创 JS简单插件（空心饼图）

html代码<body><div id="container"></div></body>js代码如下<script src="../../day08-20181212/html/jrChart.js"></script><script> var obj

2018-12-17 10:29:01 867 1

原创 js简单插件（圆环）

html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆环图封装</title></head><body><di

2018-12-12 22:08:17 856

原创 js简单插件（饼形图）

html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>饼图封装</title></head><body><div

2018-12-12 22:03:15 779

原创一个简单的柱状图组件的封装（JS）

代码如下：html代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Js柱状图&lt;/

2018-12-12 21:55:00 566

原创 jQuery的一个小例子

类似于粗糙版的打地鼠，地鼠会在九个单元格里随机出现，如果点中它，会提示“打中啦”,如果没点中，会提示“再接再厉”html代码：<body><table border="1" align="center" width="300" height="300"> <tr> <td id="td0&qu

2018-12-05 21:11:16 174

原创 CSS浮动与定位

浮动floatfloat是一个非标准流，即不按常规进行布局例当建立两个div代码如下&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti

2018-12-04 22:01:00 154

原创 JQuery与JS比较

1.添加事件函数-JS例 html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #div1{

2018-12-03 21:17:27 199 1

原创 CSS盒子模型

CSS 中 Box Model叫做盒子模型，Box Model规定了元素框处理元素内容，内边距，外边距和边框的方式。在HTML文档中，每个元素都有盒子模型下图中的盒子模型即含有元素，内边距，边框及外边距-内边距padding例：在div中创建一个小div 内边距为20代码如下<!DOCTYPE html><html lang="en"><head&g...

2018-12-01 16:51:36 83

原创常用的CSS背景属性

1.背景颜色：background-color三种方式-直接写出颜色的英文单词，例如red,blue等-二进制例如#ffffff #cf28da等-rgba(255,255,255,0.4)第一个参数代表红色第二个参数代表绿色第三个参数代表蓝色第四个参数代表背景的透明度例：<!DOCTYPE html><html lang="en"><he...

2018-12-01 15:46:48 417

原创 CSS文本属性

CSS文本属性1.字体大小：font-size例：&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&am

2018-12-01 14:45:41 3594

原创 CSS样式选择器

样式的分类1.行内样式：直接在标签里添加样式例：创建一个div，直接在标签里写它的样式 &amp;lt;div style=&quot;width: 200px;height: 200px;background-color: red&quot;&amp;gt;&amp;lt;/div&amp;gt;结果如下2.内部样式：在head标签里创建style标签，在其里面写样式如果要写内部样式或外

2018-12-01 11:38:08 1530

HTML 标签HTML是超文本标签语言，包含了很多标签1.根标签 html2.头标签 headlink：&amp;amp;amp;amp;amp;lt;link rel=&amp;amp;amp;amp;quot;icon&amp;amp;amp;amp;quot; type=&amp;amp;amp;amp;quot;image/x-icon&amp;amp;amp;amp;quot; href=&amp

2018-12-01 10:50:47 94

原创 HTML智能表单

智能表单注：以下表单元素均略写&amp;lt;form action=&quot;&quot;&amp;gt;&amp;lt;/form&amp;gt;1.电子邮件例电子邮件： &amp;lt;input type=&quot;email&quot;/&amp;gt;结果如下2.网址网址：&amp;lt;

2018-12-01 10:50:15 307

原创 HTML表格与表单

表格标签tabletr 代表一行 td 代表一列，以下是一个一行两列的标签&amp;amp;lt;table&amp;amp;gt;&amp;amp;lt;tr&amp;amp;gt;&amp;amp;lt;td&amp;amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;amp;lt;td&amp;amp;g

2018-12-01 10:25:26 467

weixin_43885459的博客