wj他-CSDN博客

原创 JS中的杨辉三角

JS中的杨辉三角杨辉三角杨辉三角使用二维数组var n=Number(prompt(“请输入杨辉三角的行数”));document.write(" < center> “);//居中var arr = []; //先声明一维for (var i = 0; i < n; i++) { //一维长度arr[i] = []; //在...

2019-01-06 18:25:54 1628

原创常用命令

打开命令提示符开始→运行→输入cmd回车打开CMD常用命令winver———检查Windows版本 Nslookup——-IP地址侦测器 cd 显示当前目录名或改变当前目录。 cd+目标文件 cd / ：退回到根目录 cd ../ ：退回到上一级目录 dir 显示目录中的文件和子目录列表 md 创建目录 del 删除一或数个文件cls ：清除屏幕 netstat 显示

2017-10-16 11:36:26 196

原创 HTML5 Canvas画布 7

（1）canvas元素： width、height和style里面的width、height一样吗？如果直接设置canvas的width和height，画布和元素的宽度都是你设置的值。如果设置的是style里面的width和height，它仅表示canvas元素占文档流的位置，这时候画布的宽度和高度是默认值600,300。注意：【1】、设置canvas的宽度的，直接操作canvas的w

2017-09-01 15:06:50 370

原创音频和视频处理 6

为什么会有audio？或者说audio的出现说是为了解决一些什么问题？在H5之前，如果想在浏览器上播放视频或者音频的话需要通过一些插件的支持（比如flash），但是因为浏览器和插件之间存在一些兼容性的问题，所以为了解决这些问题，H5就退出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标准方法，使其可以统一化、简便化。6.1 audio<body><!--contro

2017-08-31 20:54:16 309

原创增强的页面元素 5

5.1、details元素和summary元素Details语义上有详情的意思。 summary语义上有概要、摘要的意思。 Details元素可以实现类似显示/隐藏的功能，summary用于显示details的标题或间接。注意：（1）如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。（2）details默认是关闭状态的，我们可以通过设置

2017-08-31 20:33:03 278

原创表单相关新增元素和属性 4

4.1表单元素新增和废弃的属性表单新增的属性可以分成两类：提交类：提交给副武器的相关属性，formaction，formmcthod，formtype 控制类：required，antofocus，labels4.1.1 form表单属性在H5之前，表单内所有的从属标签（下级标签），必须书写在form标签内部。 H5：允许标签写在任何地方，但是，需要做两步操作：[1]给form设置一个id

2017-08-31 20:16:28 236

原创非主体结构元素 3

（1）header标签一般用来放置整个页面的标题。比如说一个新闻页面，header一般放新闻的标题。如果是一个官方网址，一般header用来放logo和网站导航。（2）footer标签一般用来放置脚注，只要包含：作者信息、copyright。（3）address标签一般用来呈现联系信息，主要包括：网站的联系方式、电子邮箱、地址、电话号码等等。<body><header> <di

2017-08-31 19:43:08 218

原创主体结构元素 2

主体结构元素，它是为了语义可以结构化，说白了就是为了更好的SEO，再白一点就是为了浏览器更好的抓数据。包含的元素：article、section、nav、aside、time （1）article（使用频率低）<body> <article> <header> HTML5课程 </header> <!--<h2>HTM

2017-08-31 19:40:53 193

原创 HTML5的变化1

1.1 HTML5推出的理由推出的缘由和目标：目前web端存在的一些问题，比如兼容性问题，同样页面，在不同浏览器上呈现的效果不同，那么开发人员需要做很多额外的工作去解决这一问题，需要花费过多的时间在这上面；一些特殊的权限没有开放给开发人员，比如：定位权限、拉起照相机拍照权限、动画、绘画。那么H5的推出就是为了解决这一问题。 H5解决了什么问题：（1）开放了一些特殊的权限给开发者：有了这些权

2017-08-31 19:33:13 344

原创 JQuery 插件6

6.1 validate (1)required:必填字段 (2)email:验证邮箱格式，支持很多格式的邮箱 <input type="email" id="email" required>(3)url:验证网址，形如http://www.baidu.com <input type="url" id="url" required>(4)maxlength:输入字符的最大长度<input

2017-08-31 19:05:54 202

原创 JQuery Ajax5

5.1 ajax Ajax:实现页面和后台服务器的数据交互、通信的技术。$.ajax({ url:url, data: data, //提交的数据 type: "GET", //提交方式 timeout: 3000,//设置请求时间 success: success//请求成功的时候执行的函数})语法：$.ajax(JSON) JSON包含常用的参数:

2017-08-31 18:41:49 236

4.1祖先parent():当前元素的父元素$("#myself").parent().css("backgroundColor","red");parents():所有的祖先元素$(".myself").parents("[name = 'zhang']").css("backgroundColor","red")注意：如果在小括号内传入参数，就可以找到你所指定的那一个祖先元素。 parents

2017-08-27 20:50:25 231

原创 JQuery DOM 3

3.1内容操作（1）text()：获取或设置文本内容（等价于DOM中的innerText）。alert($("#p1").text());//捕获alert($("#p1").text("更改成我"));//内容更改（2）html():获取或设置元素中的所有内容（html的标签。var content = "<tr>";content+="<td>JavaScript</td>>";conte

2017-08-27 20:48:08 165

原创 JQuery动画2

2.1显示、隐藏hide（）：隐藏将高度、宽度、透明度变为0，display为“none” show（）：显示将高度、宽度、透明度变为初始值（css设置的时候），display为“none” toggle()：切换若display为“none”时点击变成block，反正变成none。<script src="../jquery-3.2.1.min.js"></script></he

2017-08-15 16:56:51 232

原创 JQuery基础知识1

1.1基本概念JQuery是一个JS库,能够帮助我们轻松实现一些原本可能比较麻烦的功能。 Jquery每个版本又有两个小版本：压缩版和未压缩版，压缩版文件较小，但没有排版和注释，所以不便阅读；而未压缩版文件较大，有排版和注释，便于阅读。Jquery实际上就是一个js文件，加载到页面就可以直接使用了。<script src="../jquery-3.2.1.min.js"></script>也可以通

2017-08-15 16:49:38 339

原创 BOM 12

概念：BOW（browser object model是浏览器对象模型）12.1 常用对象Window：窗口，浏览器的窗口。我们定义的全局变量和全局函数都是window对象的属性和方法。<script> var a = 1; function test(){ var a =2; alert(a); alert(window.a);

2017-08-15 16:21:36 238

原创 JSDOM11

11.1 DOM概念DOM（Document Object Model）：文档对象模型。整个文档是由一系列节点对象组成的一棵树。节点（Node）包括元素节点（1）、属性节点（2）和文本节点（3）。<body><table> <caption>H5-17-03花名册</caption> <thead> <tr> <th>姓名</th>

2017-08-13 20:44:58 181

原创 JS事件10

10.1 事件的概念事件源事件名事件注册事件处理以火灾为例：粤商大酒店201房间发生火灾，119电话报警，南湖区消防支队出警，赶赴现场通过喷水作业成功灭火。事件源：粤商大酒店201房间事件名：火灾事件注册：事先已经规划好片区，粤商大酒店所属片区归南湖消防支队负责事件处理：成功灭火10.2 常用事件鼠标的常用事件：（1）click 单击事件<script> fun

2017-08-08 19:00:12 238

原创 js自带函数

js 字符串操作函数..concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。 match() – 检查一个字符串是否匹配一

2017-08-07 08:28:22 395

原创 JS常用对象9

9.1字符串字符串的定义：定义一个变量，然后直接将字符串赋值给它。 Var str = “abc123”; 字符串实际上是字符组成的数组，所以数组的方法它基本都有。（1）访问字符串里面的字符： a、数组的方法str[i] b、字符串特有的方式charAt（i）。（2）查找 a、数组的方法indexof b、字符串的方式search（）方法： [1]search（）方法：传入参数

2017-08-06 14:52:00 463

原创 JS常见算法8

8.1累加/累积累加：将一系列的数据加到一个变量里面。最后得到累加的结果。比如：将1到100的数求累加和。小球从高处落下，每次返回到原来一半，求第十次小球落地时小球经过的路程。<script> var h = 100; var s = 0; for (var i = 0; i < 10; i++) { h = h / 2;

2017-08-06 14:40:35 208

原创 JS数组7

7.1 数组的概念案例计算10名同学的平均分<script> var a1,a2,a3,a4,a5,a6,a7,a8,a9,a10; a1 = Number(prompt("请输入分数")); a2 = Number(prompt("请输入分数")); a3 = Number(prompt("请输入分数")); a4 = Number(prompt("请输入分数

2017-08-03 20:51:56 322

原创 JS函数6

6.1 函数的概念首先看一下输出100所有素数问题的解决方案方案一：循环的嵌套<script> for (var n = 2; n <= 100; n++) { var m = Math.ceil(Math.sqrt(n));//根据相关数学定理 var found = false;//找到因子的标记 for (var i = 2; i <

2017-08-01 19:16:13 203

原创 JS循环结构5

5.1 循环结构的概念先来看看生活中的一些场景；（1）食堂阿姨打菜：接过顾客的餐盘→询问菜品→打菜→递回餐盘，重复以上过程，直到所有顾客的菜都打完。（2）快递员送快递：查看送件地址→赶往目的地→电话告知收件人→收件人签字→交快递件，重复以上过程，直到所有需要送的快递都处理完。（3）作业流程：布置作业→查看作业→编写作业→完成作业→把作业发送到邮箱，重复以上过程，直到作业发送到邮箱。以

2017-08-01 19:05:12 303

原创 JS

一、基础想成为前端开发者应该先打好基础： HTML > CSS > JavaScript> jQuery>。。。> GitHub 不要担心以后会做什么决策，先好好深入学习。在增值的方向上投资自己，才是最明智的。学习了HTML、CSS就可以实现一些静态页面，不只是简单的静态页面，应该是稍微复杂一些绚丽一点的页面。二、JSJS可以跟着以下几张思维导图学习（听说是一位名为“王子墨”的大师做的图）：学

2017-07-30 20:50:08 250

原创 JS错误与调试4

4.1错误的概念与处理计算机的错误有两种：语法错误和逻辑错误。语法错误：比如alert拼写错误，写成了alter。<script> var a = 3 + 4; alert(a); alter(a); a++; alert(a);</script>运行结果只显示的7，后面的结果没有显示，说明后面的代码没有执行。因为输出7后遇到

2017-07-28 09:42:05 213

原创 JS选择结构3

3.2if语句If语句的套路：（1）一个选择依据（2）两个选项<script> /* * (1)询价 * （2）如果飞机票不超过800元，就坐飞机回家，否则做硬卧 *输出结果 * */ var price = Number(prompt("请问上海到南京的机票多少元钱")); if(price >= 800){ aler

2017-07-26 20:55:34 288

原创 JS程序设计基础2

2.1数据类型与变量计算机程序就是去处理现实中各种数据数据：数据的几种属性：名称、值、类型 JS中的数据：程序就是对现实中的数据进行加工，所以JS中也必须有相应的数据描述。（1）数值型：数值型数据支持多种表示形式十进制：23,3.14；八进制：023；（19）十六进制：0x23(35) 科学计数法：3e2(3×102),3.5e-2(3.5×10-2)<script

2017-07-25 20:12:00 384

原创 JS基础知识1

1.1 基本概念HTML负责呈现的内容，CSS负责以什么方式来呈现。 HTML+CSS：实现了静态页面。实际上，我们更多的页面的要求是动态的，比如说淘宝网热门商品等页面的自动切换。时间也应该是动态显示的。还有验证码、注册页面等的许多数据验证…… 在我们所学的知识中只有JavaScript能使页面动起来。<html><head lang="en"> <meta cha

2017-07-25 19:45:52 227

原创 CSS选择器3

所谓选择器，指的是选择施加样式 3.1元素选择器用标签名作为选择器，选中所相应的元素<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> div{ fon

2017-07-16 18:35:34 399

原创 CSS基础属性2

属性名：属性值 Background-color：red P{ background-color：red font-size：24px } 2.1字体相关属性 font-family：字体名称 font-size：字体大小 font-style：字形（斜体等） font-variaus：字体变化 font-variant:字体变化（如大写） font-weight: 100;

2017-07-12 20:15:42 225

原创 CSS基础知识1

1.1基本概念 CSS指层叠样式表为什么需要用CSS HTML描述了要呈现的内容，而CSS则定义了这些内容的呈现形式，比如字体、颜色等。使用CSS能够将页面内容和呈现形式有效分离，有利于分工合作，也有利于快速更换不同呈现形式。使用样式表可以有三种方式（1）内联样式<p style="font-size: 24px;color: green">内联层叠样式</p>将样

2017-07-12 20:04:30 441

原创 HTML 表格

<table>表格 <caption>表格标题 <thead>表头部分 <thody>表格主体（数据） <tfoot>表尾，汇总信息 <tr>一行 <th>表头有加粗样式 <td>表中信息，主体部分没有加粗样式 <td>的rowspan和colsoan分别定义单元格跨行的行数、跨列的列数 <rowspan>合并几列 <colspan>合并几行<table border="1" c

2017-07-10 20:58:56 508

原创 HTML列表标签

先看Word之间的列表江西河南浙江江苏序列列表牛奶面包豆浆油条有序列表 3.1无序列表 unordered li定义一个无序列表 list item定义一个列表项快捷键：ctrl+D(duplicate) 复制当前行 li*3+Tad Type属性指定无序列表的符号，取值有： Disc：空心的圆点 Circle：空心的圆圈 Square:实心的正方形

2017-07-09 15:25:09 390

原创 HTML 表单4

4.1表单什么是表单？收集用户填写的信息并将其提交到后台服务器。（表单的标签） action属性：指定提交的地址； method属性：指定提交的方式、get/post。 get和post方式的区别：长度的限制，不能大于2KB；安全性，get方式提交的数据会直接呈现在地址栏，敏感数据容易被截获（（1）get传送的数据量较小，不能

2017-07-09 15:20:12 488

原创 HTML基础1

1.1 什么是计算机语言？人与人之间是通过语言交流，那么计算机之间是如何交流呢？计算机只知道‘0’和‘1’，所以我们就通过“0”和“1”这种语系来和计算机交流，这就是机器语言。机器语言对于人来讲太难理解了，编程程序太困难。 101011100001110001101010100011（3+6运算）为了解决这一问题，我们将一串特定的“01”进行符

2017-07-09 14:32:10 223

原创 HTML 基础标签

标题标签标题（header）标签用于显示页面的标题信息，既包含了格式信息,同时提供了语义信息--段落标签段落标签标示页面的一个段落、自动换行。白日依山尽黄河入海流欲穷千里目，更上一城楼。链接标签（1）页面跳转你好，菜鸟">菜鸟网链接标签的作用是跳转，包括页间跳转和页外跳转Herf属性这顶链接的目标URL地址；target属性指

2017-07-07 08:37:46 278

欢迎您的到来