惊蛰skk-优快云博客

原创用js写一个简单的贪吃蛇小游戏

代码如下：HTML 5 部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-09-09 19:49:29 256

用割圆法求圆的面积思路如下：就是将一个圆看作是由无数个矩形组成的不规则图形，通过这种思路则可以将圆的面积近似为这些矩形的面积相加，因为每一个分割都只是逼近圆的面积而不是等于圆，但是是要分割的越小则面积越接近，所以分割的份数越多则面积越接近真实面积；代码实现如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</

2021-09-08 20:56:09 3572

原创 js中常用的数学方法（全）

Math方法Math方法是js的一个内置对象，提供一些操作数字的方法Math.random() 随机数生成用于生成一个0~1的随机数的（不包括1）例：var num = Math.random()console.log(num) // 得到一个随机数Math.round() 小数四舍五入将一个小数四舍五入变成一个整数。例：var num = 1.1console.log(Math.round(num)) // 生成1Math.ceil( ) 向上取整

2021-08-18 20:41:42 1127

原创关于浏览器调试器（Sources）的使用

在前端学习中，很多时候有些代码出了问题却难以便捷的找到，只能一行一行的寻找，很浪费时间。那么有什么快捷的方法呢？浏览器给我们提供了sources工具让我们能更快的调试自己的代码，更快的找到代码的问题点。现在市场的浏览器都有调试器功能，这里我用谷歌浏览器做一个示范，使用调试器首先在浏览器中F12或者鼠标右键打开代码检查功能，然后点击sources打开调试器，如图：进入之后，在左侧文件列表点击自己需要调试的文件，点击打开。如图打开之后中部出现文件代码，可以选择自己要查看的断点（代码运行到这个地方会暂停

2021-08-18 19:34:38 6386 1

原创 JS使用随机数求圆的面积和兀值

思路如下：假设坐标系中有半径为r，以原点为圆心的圆，现在在不知道pi值的情况下求它的面积和推导pi值，如下图所示：我们可以使用随机数往正方形中不断撒点，然后通过洒在圆中的点与总点数的对比然后求得圆的近似面积与pi值，即当x2+y2<=r^2时，该点在圆中，理论上只要撒的点越多，求值也就越精确。代码如下：script type="text/javascript">var r=Number(prompt('请输入圆的半径'));var n=Number(prompt('请输入圆的精度(

2021-08-14 17:21:32 622

原创 JS中用数组返回多个值

在JS编程中，有时候会需要函数返回多个值，在这里可使用数组的方式来实现话不多说，放代码：<script type="text/javascript">// 编写一个函数，计算两个数字的和、差、积、商var a=prompt("请输入")var b=prompt("请输入") //输入a，b的值var a= Number(a);var b=Number(b); //将string类型转换成number类型var result=new Array; //声明resu

2021-08-12 21:04:29 711

原创自增和自减运算

1.自增运算 ++变量变量++2.自减运算 --变量变量–注意加号和减号在前在后运算结果是一样的当自增自减遇到了运算或者输出的时候是有区别的符号在前的先运算后输出符号在后的先输出再运算<script type="text/javascript">var k = 0;console.log(k++ + ++k +k +k++) // 结果是多少？为什么？</s

2021-08-11 21:10:36 441

原创弹性盒（display：flex）

弹性盒概念：控制子级元素在父级元素中的排列方式属性：display属性值：flex注意设置弹性盒是需要给父级添加给容器添加弹性盒之后，所有的自己元素默认在主轴上排列-默认主轴是x轴，侧轴是y轴-如果主轴是y轴，侧轴是x轴给容器设置弹性盒，所有的自己元素可以不考虑元素类型直接设置宽高大小（转换为块级元素）浮动在弹性盒中不可用居中方式：单个元素居中只需给元素设置margin：auto；弹性盒默认主轴是x轴，改变主轴方向属性：flex-direction：属性值：ro

2021-08-11 20:51:27 505

原创样式表与选择器

样式表样式表分为三种分别是：行内样式表；内部样式表；外部样式表；其中样式表优先级为：行内样式表>内部样式表外部样式表内部样式表和外部样式表后被读取的优先级最高（读取从高到低，从左到右）选择器css语法组成 css选择器{属性:属性值}css选择器: 标签选择器、id选择器、class选择器、包含选择器、群组选择器、通配符1.标签选择器 - html标签作为选择器出现 div、p、a...2.id选择器 - 在标签里面添加一个id属性属性值取名规范和站点取名规范一

2021-07-14 20:45:21 193

原创表单的元素

表单表单框 form 是一个盒子属性：action 后台地址name 表单框的名字method get/post 携带参数的区别表单控件 input属性name 表单控件的名字size 表单尺寸maxlength 最大长度，最多字符数type 表单类型，默认文本框textvalue 提示文本，根据不同的type类型发生改变placeholder 提示文本，不占位置type的属性值text 文本输入框password 密码框radio

2021-07-14 20:16:25 121

原创 html中table表格的使用

表格标签：table>tr>td table** :总表格 tr：行 td：列table标签：width：宽 height：高 border：边框border标签：**border color：边框颜色 border bgcolor：背景颜色（background color）cellspacing：单元格间距 cellpadding：单元格内边距align：**表格中元素相对周围元素的水平对齐方式valign：**表格中元素垂直对齐方式（vertical-al

2021-07-14 20:05:27 266

qq_41154692的博客