![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5、CSS3、JS前端技术应用训练
之昂张啊
这个作者很懒,什么都没留下…
展开
-
Flex布局
1.flex-direction<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .obox { width: 800px;原创 2020-08-06 19:39:11 · 70 阅读 · 0 评论 -
jQuery
1.jQuery介绍与基本使用第一步:先导入jQuery文件第二步:定义网页属性第三步:如果js代码写在页面头部,可执行以下任意一种代码会使页面执行完后再加载js或者将js代码写在body里最下面: //1.jQuery的简洁入口 $(function(){ $("h1").css("color","green"); //获取id属性值为bid的按钮并绑定点击事件。 $("#bid").click(原创 2020-08-06 09:43:15 · 502 阅读 · 0 评论 -
JavaScript正则表达式
匹配与搜索//正则的使用 var str = "wert45678yuiytrew"; //使用正则匹配子串str中的数字 console.log(str.match(/[0-9]+/));//使用RegExp创建一个正则对象 var pat = new RegExp("[0-9]+"); console.log(str.match(pat)); console.log(pat.exec(str)); //以上三个返回结果一致:["45678",原创 2020-08-04 16:55:44 · 239 阅读 · 0 评论 -
JavaScript事件处理应用小实例
1.计数器 <h1>JavaScript语言实例--定时器</h1> <h2 id="hid">计数器:0</h2> <button onclick="doStop()">停止</button>var m=0,mytime=null; function doRun(){ m++; document.getElementById("hid").innerHTML = "原创 2020-08-03 15:53:29 · 144 阅读 · 0 评论 -
JavaScript对象
1.自定义对象的定义和使用 //1.使用原始的方式创建对象 var obj = new Object(); obj.name = "zhangsan"; //为obj对象添加属性 obj.age = 20; obj.say = function(){ //添加功能(函数/方法) console.log(this.name,":",this.age); } //测试 console.log原创 2020-08-03 10:56:01 · 113 阅读 · 0 评论 -
五、函数的使用
1.定义方式标准格式://1.标准式 function demo1(){ console.log("hello demo1"); }demo1(); //2.使用function构造函数定义 var demo2 = new Function('console.log("hello demo2");');demo2(); //3.使用表达式的方式定义(匿名函数) var demo3=function(){原创 2020-08-02 10:06:41 · 330 阅读 · 0 评论 -
运算符
一、二、三元运算符● 一元运算符delete:用于删除对象中属性,如: delete o. name; //删除o对象中的name属性++ --:一元加法和一元减法1. 算术运算符 console.log('10'+20);//1020 console.log('10'+20+30);//102030 console.log(10+'20'+30);//102030 console.log(10+20+'30');//3030 console.log(true原创 2020-08-01 10:31:32 · 81 阅读 · 0 评论 -
整数的二八十六进制转换
整数的二八十六进制转换十进制转换二/八/十六进制二/八/十六进制转换十进制面试题十进制转换二/八/十六进制var num = 220; console.log(num.toString()); console.log(num.toString(2)); console.log(num.toString(8)); console.log(num.toString(16));二/八/十六进制转换十进制console.log(parseInt('11011100',2));原创 2020-07-31 16:21:55 · 176 阅读 · 0 评论 -
值类型与引用类型的区别
1.undefined和null的区别//null和undefined的值相等,但是类型不同 console.log(typeof undefined); console.log(typeof null); console.log(null===undefined);//判断类型false console.log(null==undefined);//判断值为true2.数据类型●值类型(基本类型):字符串(String) 、数字(Number)、 布尔(Boolea原创 2020-07-31 17:33:34 · 105 阅读 · 0 评论