发表于： 2018-05-14 23:40:56
1 609
今天完成的事
撸菜鸟教程的js
get 新的知识点
感觉js 没有想像中那么难
可能就是潜入而已
还要慢慢发掘 就像css 学完之后觉得挺简单的 然后今天师兄讲了一个
简单的 margin 和padding 这两个属性 竟然后那么多的知识点
真是学无止境
向师兄学习
明天的计划
明天 把剩余的js 撸完
然后构思任务1 争取明天把任务1撸出来
争取吧 明天还要搞 请假检查的事
也不知道能不能顺利弄好任务1
任务一他们说就是一天就搞好了
我都用了2天了~~~
不管了 明天奋勇学习 不和别人比了就既然比不过
先给自己定目标吧
遇到的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击按钮，测试带有 break 语句的循环。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
if (i==3){
break;
}
x=x + "该数字为 " + i + "<br>"; 按我的理解 是输出 该数字为0 该数字为0该数字为1 该数字为0 该数字为1 该数字为2
结果是 该数字为0
该数字为1
该数字为2 后来研究发现 是我理解错了 其实他就是一行字符串 并不是3个值
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
收获
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="18" /> 这行代码id 选择器对应下边的不知道什么选择器 是demo选择器吧
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button> 这行代码onclick 后面的myFunction() 是自己起的名字
<p id="demo"></p>
<script>
function myFunction() 对应上面的button 里的onclick
{
var age,voteable; var是变量声明 后面是两个变量名
age=document.getElementById("age").value; 引号里的age 对应 input里面的 类名 最前面的age对应 上边变量和下边的 age<18里的 age 都是自己起的
voteable=(age<18)?"年龄太小":"年龄已达到"; voteable对应变量 它=（age<18）? 那么就说明 它的值是 后面两个引号里的值 也就是真假 值 就是 ture 和另一个忘了怎么拼写了 就是假 就这两个值 属于判断语句 然后得值 只能取一个
document.getElementById("demo").innerHTML=voteable; 对应 id-demo 的p标签里面的值 点击按钮后输出
}
</script>
</body>
</html>
JavaScript 数据类型
在 JavaScript 中有 5 种不同的数据类型：
- string 字符串
- number 数字吧
- boolean 布尔
- object 对象
- function 函数
3 种对象类型：
- Object 对象
- Date 日期
- Array 数组
2 个不包含任何值的数据类型：
- null 可以清空对象 什么都没有 类型为对象 可以通过 设置undefined 改变成为 undefined类型
- undefined 没有值的变量 类型就是 他本身就是一个类型 可以给变量设置为这个值 改变类型为 undefined 不知道有啥用
css任务12总结
任务耗时1天
对比分析
通过使用编译器编写css 代码
使用起来越来越熟练了
而且比css 编写要快捷简单的多
接下来的任务就是 第一熟练使用这个编译器
然后学习编译器的引用
自己组建引用库
然后把页面组件话
遇到的问题
使用less 有时候会有一些写法 在less 里无法被正常翻译
需要加~“”
才行
还有就是带参数的混和
带入的时候
括号前不能有空格
具体哪里的空格 看这个日报 遇到的问题详解
css任务13总结
预计时间1天
对比分析
编译器用多了以后 现在就是开始拓展用法
虽然越用越熟练
发现师兄弟 还用了很多我没用到的方法
还有很多属性我都不知道
所以现在就是 基本操作会
然后巩固 加学习更多新的知识点
比如样式服用
组件
样式库 和 常用类名库 和默认样式重置 等库
都要拆分出来 能复用的复用 减少代码重复输入
遇到的问题
使用less 有时候会有一些写法 在less 里无法被正常翻译
需要加~“”
才行
还有就是带参数的混和
带入的时候
括号前不能有空格
具体哪里的空格 看这个日报 遇到的问题详解
返回列表
评论