- 博客(7)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 bootstrap 栅格系统
cdn:网络代码托管 优点：减少服务器请求 容器类名：box/wrap/wrapper/content/container 栅格系统的容器： 固定宽居中：container 0-768移动端 768-992pad端 992-1200pc端 1200-pc端宽屏 xs sm md lg 100% ...
2019-12-31 11:27:15
98
原创 js编写一个十六进制转十进制的方法
function fn(par) { var arr = par.split(’’); var num = 0; for (var i = 0; i < arr; i++) { switch (arr[i]) { case’a’: arr[a] = 10; break; case’b’: arr[b] = 11; break; case’c’: arr[c] = 12; break; cas...
2019-12-17 19:41:42
564
原创 js编写一个十六进制转十进制的方法
unction fn(par) { var arr = par.split(’’); var num = 0; for (var i = 0; i < arr; i++) { switch (arr[i]) { case’a’: arr[a] = 10; break; case’b’: arr[b] = 11; break; case’c’: arr[c] = 12; break; case...
2019-12-17 19:37:44
612
原创 js基础
js的基础 js是什么：JavaScript是一个脚本语言 js的引入方式： 外部： 内嵌： js的格式： 语句结束要有分号“;”（语句结束需要标识符 ；） 变量：字面意思：可以变化的量 书面意思：用于存储数据的容器 声明方法：var 能直接赋值的直接赋值，不能直接赋值的就先赋一个初始值， 而初始值的内容是将来赋值的数据类型的基础值（数字的基础是为0）（字符串为空的引号‘’） 对象{}、数组[...
2019-12-13 18:49:49
90
原创 js逻辑题
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 for (a = 0; a < 6; a++){ for (i = 0; i < 6 - a; i++){ document.write(1 + ’ ‘) } document.write(’’); } for (a = 0; a < 6; a++){ for (i = 6; i >...
2019-12-13 18:48:39
111
原创 js
// 请输入1-7中的任意数字，判断是星期几。（例如：输入5，弹出“星期五”） /* var a = prompt(); /!* switch (a) { case “1”: alert(‘星期一’); break; case “2”: alert(‘星期二’); break; case “3”: alert(‘星期三’); break; case “4”: alert(‘星期四’); br...
2019-12-13 18:47:08
412
原创 js
数据类型：基本类型：数字number、字符串：string、布尔：boolean、null、undefined 引用类型：数组：array、对象：object、函数：function 转成数字对象：强类型、显示转换：强制转换成数字类型。Number() 隐式型、弱类型转换：+ - * / (运算符) undefined 转数字：NaN null 转成数字：0 true 转数字：1 false...
2019-12-10 19:48:30
70
05练习.html逻辑题练习
// 请输入1-7中的任意数字，判断是星期几。（例如：输入5，弹出“星期五”）
/* var a = prompt();
/!* switch (a) {
case "1":
alert('星期一');
break;
case "2":
alert('星期二');
break;
case "3":
alert('星期三');
break;
case "4":
alert('星期四');
break;
case "5":
alert('星期五');
break;
case "6":
alert('星期六');
break;
case "7":
alert('星期日');
break;
default:
}*!/
a === '1'? alert('星期一'):
a === '2'? alert('星期二'):
a === '3'? alert('星期三'):
a === '4'? alert('星期四'):
a === '5'? alert('星期五'):
a === '6'? alert('星期六'):
a === '7'? alert('星期日'):'';*/
// 40、这次考试一共40道题，答对36道及以上，就是优秀，
// 24道及以上，不到36道的就是合格，其余的为不及格（用三目运算的形式做，答对的题用a表示）
// var a = prompt('答对的题数');
/*if (a>36 && a<=40){
document.write('优秀')
}else if (a>24 && a<=36){
document.write('合格')
}else if (a < 24){
document.write('不合格')
}*/
/* a>36 && a<=40 ? document.write('优秀'):
a>24 && a<=36 ? document.write('合格'):
a > 0 && a < 24 ? document.write('不合格'): + '';*/
//10、求s=a+aa+aaa+aaaa+aa...a的值，其中a是一个数字。例如2+22+222+2222+22222
/* var num = prompt('输入数字');
var count = Number(prompt('输入位数'));
var sum = 0;
var str = '';
for (var i = 0; i < count ; i++){
str += num;
sum += Number(str);
}
document.write(sum);*/
// 34/21 55/34
//11、有一分数序列：2/1，3/2，5/3，8/5，13/8，21/13...求出这个数列的前20项之和
/*var sum = 0;
var sub = 1;
var sup = 2;
var num = 0;
for (var i =0; i < 20;i++){
sum += sup/sub;
num = sup;
sup += sub;
sub = num;
}
console.log(sum);*/
// 12、一个数如果恰好等于它的因子之和，这个数就称为"完数"。例如6=1＋2＋3.编程 找出1000以内的所有完数。
// 12 ? 1 2 3 4 6
/*for (var i = 1; i < 1000; i++){
var a = 0;
for (var b = 1; b < i;b++){
if (i % b ===0){
a += b;
}
}
if (a === i){
console.log(a);
}
}*/
/*
* 15、将一个正整数分解质因数。例如：输入90,打印出90=2*3*3*5
* 质因数 只能被1和它本身整除的数就是质数
* 2 3 5 7 11 13 17 19 23 27
* 16 2 2 2 2
* 10 2 5
* 15 3 5
* 12 2 2 3
* */
/* var num = Number(prompt()); //15
var a = '';
var sun = num;
for (var i = 2; i <= num; i++) {
if (num % i === 0 && num !== i) {
a += i + '*';
num /= i;
i--;
} else if (num === i) {
a += i;
break;
}
}
document.write(sun + '=' + a);*/
/*
* 开关 if else
* var boo =true;
if (boo){
boo = false
} else if (boo){
boo = true;
}
* */
// 14、用户输入任意数字，判断是否是闰年，并打印出接下来的20个闰年。
/*var num = Number(prompt());
if (num % 4 === 0 && num % 100 !== 0 || num % 400 === 0) {
alert('您输入的是闰年');
} else {
alert('您输入的不是闰年');
}
var count = 0;
for (var i = 1; i <= 84; i++) {
if ((num + i) % 4 === 0 && (num + i) % 100 !== 0 || (num + i) % 400 === 0) {
count++;
document.write(num + i + ' ' + count + '<br>');
if (count === 20) break;
}
}*/
/*
*
* 16、编写函数寻找水仙花数
* （三位数各位数字的立方和恰巧是该数本身）
*
* 1、找数（三位数）
* 2、各位数
* 3、立方和
*
* */
/* for (var i = 100; i<1000;i++){
var a = i%10;
var b = parseInt(i/10%10);
var c = parseInt(i/10);
if (a*a*a+b*b*b+c*c*c===i){
document.write(i);
}
}*/
// for (var i=1; i<10;i++ ){
// for (var j=0; j<10;j++){
// for (var t=0; t<10;t++) {
// if (i*i*i+j*j*j+t*t*t===i*100+j*10+t) {
// document.write(i*100+j*10+t+'<br>');
// }
// }
// }
// }
/* for (var i=1; i<10;i++ ){
for (var j=0; j<10;j++){
for (var t=0; t<10;t++) {
if (i*i*i+j*j*j+t*t*t===i*100+j*10+t) {
document.write(i*100+j*10+t+'<br>');
}
}
}
}*//*
*
*17、有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？
*123 231
* */
/* var count = 0;
for (var a = 1; a < 5;a++){
for (var b = 1; b< 5;b++){
for (var c = 1; c < 5;c++){
if (a !== b && b !== c && a !== c){
count++;
console.log(a * 100 + b * 10 + c)
}
}
}
}
document.write(count);*/
// 18、用户输入任意数字，打印所有该数字内的素数。（只能整除1和自己的数）
// 20 1
2019-12-13
练习2.html逻辑题图案
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
for (a = 0; a < 6; a++){
for (i = 6; i > a ; i--){
document.write(1 + ' ')
}
document.write('<br>');
}
1
1 1
1 1 1
1 1 1 1
1 1 1 1 1
1 1 1 1 1 1
for (a = 0; a < 6; a++){
for (i = 0; i < 1 + a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1
1 1
1 1 1
1 1 1 1
1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1 1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 6 - a ; i++){
document.write(' ');
}
for (i = 0; i < 1 + a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 1 + a ; i++){
document.write(' ');
}
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 3 * a; i++){
document.write(' ');
}
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
!-!-!-!
!-!-!
!-!
!
!-!
!-!-!
!-!-!-!
for (a = 0; a < 4; a++){
for ( var i = 0; i < 1 * a; i++){
document.write(' ');
}
for ( var i = 0; i < 3 - a; i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
for (a = 0; a < 3; a++){
for ( var i = 0; i < 2 - a; i++){
document.write(' ');
}
for ( var i = 0; i < a + 1; i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
for (var a = 0; a < 7; a++){
for ( var i = 0; i <(a < 4 ? a : 6-a); i++){
document.write(' ');
}
for ( var i = 0; i < (a < 4 ? 3 - a : -3 + a); i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
*
* *
* * *
* * * *
* * * * *
* * * * * *
* * * * *
* * * *
* * *
* *
*
for (var a = 0; a < 6; a++){
for (var i = 0; i < 5 - a; i++){
document.write(' ');
}
for ( var i = 0; i < 1 + a; i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 5; a++){
for (var i = 0; i < 1 + a; i++){
document.write(' ');
}
for ( var i = 0; i < 5 - a; i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 11; a++){
for ( var i = 0; i <(a < 6 ? 5 - a : a - 5); i++){
document.write(' ');
}
for ( var i = 0; i < (a < 6 ? 1 + a : 11 - a); i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 11; a++){
for ( var i = 6; i >( a >4 ? 11 - a: a + 1) ; i--){
document.write(' ');
}
for ( var i = 12; i >( a > 5 ? 1 + a : 11 - a) ; i--) {
document.write('*' + ' ');
}
document.write('<br>');
}
2019-12-13
05练习.html 逻辑题图案
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
for (a = 0; a < 6; a++){
for (i = 6; i > a ; i--){
document.write(1 + ' ')
}
document.write('<br>');
}
1
1 1
1 1 1
1 1 1 1
1 1 1 1 1
1 1 1 1 1 1
for (a = 0; a < 6; a++){
for (i = 0; i < 1 + a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1
1 1
1 1 1
1 1 1 1
1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1 1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 6 - a ; i++){
document.write(' ');
}
for (i = 0; i < 1 + a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 1 + a ; i++){
document.write(' ');
}
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
1 1 1 1 1 1
1 1 1 1 1
1 1 1 1
1 1 1
1 1
1
for (a = 0; a < 6; a++){
for ( var i = 0; i < 3 * a; i++){
document.write(' ');
}
for (i = 0; i < 6 - a; i++){
document.write(1 + ' ')
}
document.write('<br>');
}
!-!-!-!
!-!-!
!-!
!
!-!
!-!-!
!-!-!-!
for (a = 0; a < 4; a++){
for ( var i = 0; i < 1 * a; i++){
document.write(' ');
}
for ( var i = 0; i < 3 - a; i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
for (a = 0; a < 3; a++){
for ( var i = 0; i < 2 - a; i++){
document.write(' ');
}
for ( var i = 0; i < a + 1; i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
for (var a = 0; a < 7; a++){
for ( var i = 0; i <(a < 4 ? a : 6-a); i++){
document.write(' ');
}
for ( var i = 0; i < (a < 4 ? 3 - a : -3 + a); i++) {
document.write('!' + '-');
}
document.write('!<br>');
}
*
* *
* * *
* * * *
* * * * *
* * * * * *
* * * * *
* * * *
* * *
* *
*
for (var a = 0; a < 6; a++){
for (var i = 0; i < 5 - a; i++){
document.write(' ');
}
for ( var i = 0; i < 1 + a; i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 5; a++){
for (var i = 0; i < 1 + a; i++){
document.write(' ');
}
for ( var i = 0; i < 5 - a; i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 11; a++){
for ( var i = 0; i <(a < 6 ? 5 - a : a - 5); i++){
document.write(' ');
}
for ( var i = 0; i < (a < 6 ? 1 + a : 11 - a); i++) {
document.write('*' + ' ');
}
document.write('<br>');
}
for (var a = 0; a < 11; a++){
for ( var i = 6; i >( a >4 ? 11 - a: a + 1) ; i--){
document.write(' ');
}
for ( var i = 12; i >( a > 5 ? 1 + a : 11 - a) ; i--) {
document.write('*' + ' ');
}
document.write('<br>');
}
2019-12-13
01 基础.html
js是什么：JavaScript是一个脚本语言
js的引入方式：
外部：<script src=""></script>
内部：<script><!--这里输入内容--></script>
内嵌：
<!--组织a标签跳转-->
<a href="javascript:void(0);"></a>
js的格式：
语句结束要有分号“;”（语句结束需要标识符 ；）
变量：字面意思：可以变化的量
书面意思：用于存储数据的容器
声明方法：var
能直接赋值的直接赋值，不能直接赋值的就先赋一个初始值，
而初始值的内容是将来赋值的数据类型的基础值（数字的基础是为0）（字符串为空的引号‘’）
对象{}、数组[]、function(){}
变量的命名：关键字和保留字不能作为变量名
命名的规则：组成：英文qer 数字123 下划线_ 和$（数字不能作为变量名的开头(首字母)）
匈牙利命名法：先写数据类型(数据类型的缩写)，在写名字
驼峰命名法：大驼峰（每个单词首字母大写）
小驼峰（每个单词首字母大写，除了第一个单词首字母小写）
先动词后名词：获取：get、设置：set
注释：HTML注释：<!-- --> css注释：/* */
js注释：单行注释：//（ctrl+/） 多行注释：/* */ （ctrl+shift+/）
数据类型：基本类型：数字number、字符串：string、布尔：boolean、null、undefined
引用类型：数组：array、对象：object、函数：function
检测数据类型：typeof-基本类型
区别：
内存：堆-》基本类型->副本
栈-》引用类型->指针
内存泄漏：变量使用后没有及时收回，使得它一直占用内存，造成该内存成为野内存
后果：浏览器的卡顿
内存污染：变量的命名由于重名发生冲突
后果：bug
内存溢出：变量存储数据的大小超出了预先分配的内存的大小
后果：浏览器卡死
垃圾回收机制：把使用后的内存及时收回
标记清除：在变量使用结束时做个标记 = null(例：oBox = null;)
引用计数：通过使用次数来判断是否使用，当声明了一个变量并将一个引用类型赋值给该变量时
则这个值得引用次数就是1，相反如果包含这个值引用的变量又取得了另一个值则这个值得引用
次数就减1当这个引用次数变成0时，他就会释放那些引用次数为0的值所占的内存。
2019-12-10
02 数据类型的转换.html
数据类型：基本类型：数字number、字符串：string、布尔：boolean、null、undefined
引用类型：数组：array、对象：object、函数：function
转成数字对象：强类型、显示转换：强制转换成数字类型。Number()
隐式型、弱类型转换：+ - * / (运算符)
undefined 转数字：NaN
null 转成数字：0
true 转数字：1
false 转成数字：0
数字除以0结果是infinity
例：var a = 'null';
var b = '5';
console.log( b / a);
数字类型：非数字NaN。NaN和任何数都不相等包括他自己
非数字和任何数字类型计算时，除了加(+)以外，其他运算结果都是NaN
字符串转数字对象时需注意：！！！科学计数法(2e3)e代表0 e后面数字是几就代表有几个0 十六进制(0x)
十六进制(0x)
a = 10 16
b = 11 17
c = 12 18
d = 13 19
e = 14 20
f = 15 21
例：var a = '2';
var b = '0x1e';
console.log(Number(b));
<!-- var ab = 'true';//只要不是纯数字转换成的都是NaN
console.log(ab * 5);-->
布尔：true真、false假
转换方法：Boolean()
一切非空的对象转换成布尔时都是true真、空对象都是false假
！！！注意：引用类型转换布尔时，都是true：数组[] 对象{}
空的对象：数字0 字符'' null undefined
字符串的转换：String()
不管什么类型都相当于在之前的基础上加了一个引号“”
2019-12-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人