Mikolesteft-CSDN博客

原创 H5 api

陀螺仪简介：陀螺仪是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。兼容：iphone和ipad必须在https协议中才能使用，系统11.1.x以前是可以使用的。使用：需要搭建服务后，链接wifi更改ip地址为本地的ip地址后运行1.deviceorientation事件指南针、手机倾斜aplha：装置水平放置时，绕 Z 轴旋转的角度，数值为 0 度到 360 度。beta：行动装置水平放置时，绕 X 轴旋转的角度，数值为 -180 度到 180 度

2021-04-20 19:46:21 407

原创计时器

对于很多网页和很多生活中的地方，都会用到计时器，那么这个准确来计时的东西是怎么写出来的呢，今天带大家写一个简单的计时器。css和html页面搭建<h1 class="title">距离2022元旦，还有</h1> <div class="time-item"> <span><span id="day">00</span>天</span> <strong><spa

2021-04-12 01:15:40 135

原创 ES6初体验

ES6 初体验ES6的全称是ECMAScript,6指的是第六个版本,是 JavaScript 语言的下一代标准目标 :是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。let 、 constlet1. let 声明的变量不会挂在window中 var a = 'zzc' let b = 'pdd' console.log(window.a); //zzc console

2021-03-20 11:28:44 122

原创动态创建表格

动态创建如下的表格，并对数据进行删除<div id="box"></div> <script>// 模拟数据 var datas = [{ name: 'zs', subject: '语文', score: 92 }, { name: 'ls',

2020-12-28 20:03:48 175

原创全选与反选

全选与反选具体要求如下：1）根据数据创建表格；2）表格在页面中距离上面100像素、水平居中并且其每行内的内容也居中,单元格的高度是：40像素；3）创建反选按钮并放入表格的下方，按钮的大小为宽：100像素，高：50像素;4）点击全选按钮则每一项都要选中，如果其中的一项没有选中则全选按钮没有选中5）点击反选按钮实现反选的功能<div class="box"> <table> <thead>

2020-12-28 18:57:21 993

原创 Dom 事件

事件事件：触发-响应机制事件三要素事件源: 触发事件的元素事件名称: click 点击事件事件处理程序: 事件触发后要执行的代码(函数形式)事件的基本使用var box = document.getElementById('box');box.onclick = function() { console.log('代码会在box被点击后执行'); };innerHTML和innerTextvar box = document.getElementById('box');b

2020-12-14 19:32:22 60

原创 Web API

Web API介绍API的概念：API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIWeb API的概念浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的API(一组方法)，Web API在后面的课程中有其它含义BOM - 浏览器对象模

2020-12-14 18:57:02 77

原创循环结构

循环结构重复的运行一段代码，提供了一种快速和简单的方式去做一些重复的事JS中支持3种循环结构：while循环、 do-while循环、for循环循环有很多种类，但本质上它们都做的是同一件事：它们把一个动作重复了很多次（实际上重复的次数有可能为 0）。各种循环机制提供了不同的方法去确定循环的开始和结束。不同情况下，某一种类型循环会比其它的循环用起来更简单。循环的特点：循环条件：规定了循环的执行次数循环变量循环操作：相同或相似的语句 - 循环体while循环while(条件)

2020-11-30 00:35:26 185

原创数据类型转换

数据类型转换前几天老师布置的两个题目：写一个函数，该函数用于得到三个数中的最小值。刚开始测验的时候没啥问题，然后我输入5，8，10之后，控制台输出的是10最小，然后和同桌讨论了好久，才想到使没有把a，b，c转换为数字类型。需要使用强制类型转换。function min(){var a =+prompt(‘输入第一个数’);var b =+prompt(‘输入第二个数’);var c =+prompt(‘输入第三个数’);if(a<b && b<c){console.

2020-11-29 20:22:10 134

原创 ECMAScript基本语法

运算符一元运算符：只有一个运算数的运算符++，-- ， +(正号)* ++ --: 自增(自减)* ++(–) 在前，先自增(自减)，再运算* ++(–) 在后，先运算，再自增(自减)* +(-)：正负号* 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换* 其他类型转number：* string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）* boolean转number：true转为1，false转为

2020-11-22 23:01:11 184

原创 JavaScript的相关历史

JavaScript的出生：祖师爷Brendan Eich布兰登·艾奇1961年生于美国加州的森尼维尔市，毕业于伊利诺伊大学香槟分校。1995年任职于网景期间，为网景浏览器开发出JavaScript，之后成为浏览器上应用最广泛的脚本语言之一。1998年布兰登协助成立mozilla，2003年在美国在线决定结束网景浏览器的开发后，布兰登协助成立了Mozilla基金会。JavaScript简称js起源网景（Netscape ）1994年 Navigator（网景浏览器）放入一款可以

2020-11-22 22:43:11 181

原创页面布局和美化

CSS页面美化和布局控制概念： Cascading Style Sheets 层叠样式表* 层叠：多个样式可以作用在同一个html的元素上，同时生效好处：功能强大将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率CSS的使用：CSS与html结合方式内联样式在标签内使用style属性指定css代码如：hello css内部样式在head标签内，定义style标签，style标签的标签体内容就是css代码外部样式定义css

2020-11-20 01:02:38 282

原创表单运用和基础练习

HTML标签：表单标签* 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 * get： 1. 请求参数会在地址

2020-11-20 00:50:00 259

原创网页布局

网页布局设计常用选择器分为标签选择器，类选择器和id选择器。css中常用的属性样式包括：文本和字体属性，背景属性以及盒子模型相关的属性。样式有三种使用方式，分别是：行内样式，内嵌样式和外部样式。样式的选择器优先级别是：ID选择器>类选择器>标签选择器。样式的三种使用方式的优先级是：行内样式>内嵌样式>外部样式1.盒子的定位-HTML中每个元素都是一个盒子。-浏览器对HTML文档进行解析，根据盒子的属性对其进行排列。-每个元素默认使用标准文档流定位。1）.标准文档流

2020-11-08 23:10:20 177

原创框架

Web前端框架组合网页框架结构介绍-框架的好处：在同一个浏览器窗口显示多个页面，使框架能有效的将多个页面组合到一起，但各个页面相互独立-可以实现页面的复用-实现典型的页目录结构框架集（frameset）1）.框架的种类-框架集（frameset）：这是早期的框架技术，页面各个窗口全部用框架（frame）实现，形成一个框架集，这种结构非常清晰，适用于整个页面都用框架实现的场合。-内嵌框架（iframe）：页面中的部分内容用框架实现，通常用于在页面中引用站外的页面内容，使用比价灵

2020-11-08 20:47:11 308 2

weixin_52163042的博客