代码片段笔记

javascript 语言区分大小写，所以在写关键词的时候不能出错。

Textarea ；是一个可以自由放大缩小的大小 Div 标签 ，很好用！

Ajax : Asynchronous JavaScript And XML 和异步的 JavaScript 和 XML

xampp:admin; localhost/phpmyadmin

觅知网 有很多图片素材

上面这个 js 加上之后就可用响应式和 viewport 实现手机端适配了

<script>
    (function () {
        var targetW = 375;
        var vpWidth = document.documentElement.clientWidth;
        var scale = vpWidth/targetW;

        document.querySelector("meta[name=viewport]").content = "initial-scale=" + scale;
    })()
</script>

这段代码可以实现与 a 相同的功能页面跳转

function atz() {
  window.location.href = "ej/2.html";
}

这段代码可以实现元素横向排布并可以左右拖动

  display: flex;
  overflow-y: hidden;
  flex-wrap: nowrap;
  //这项加在需要横向排布的元素上
  white-space: nowrap;

这的代码是 tab 切换，用原生 js 写的，通过遍历实现的。

<script type="text/javascript">
    //获取点击的对象
    var oTitle = document.getElementById('title');
    var aSpan = oTitle.getElementsByTagName('span');
    //获取需要更改显隐的等等属性的box
    var oCon = document.getElementById('con');
    var aUl = oCon.getElementsByTagName('ul');
    //初始化处理
    var i = 0;
    //遍历先使所有的变成默认的样式、然后再用this.给当前点击的对象更改属性。函数可以更改
    //这是原生js
    for (i = 0; i < aSpan.length; i++) {
        aSpan[i].index = aUl[i].index = i;
        aSpan[i].onclick = function () {
            for (i = 0; i < aSpan.length; i++) {
                aSpan[i].className = '';
                aUl[i].className = '';
            }
            this.className = 'on';
            aUl[this.index].className = 'on';
        }
    }
</script>

这的代码是给 title 前面加图片的

<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico" />

javascript 选择器

document.getElementById(“demo”);//圆括号里面要用引号套住 id 名字
document.getElementsByTagName(“li”);//圆括号里面放标签名字
document.getElementsByClassName(“li”);//圆括号里面放类名

javascript 有三种对象

​ 用户定义对象：由程序员自行创建的对象。
​ 内建对象：内建在 javascript 语言里的对象，如 Array、Math 等。
​ 宿主对象：由浏览器提供的对象，如 window（通常称为 Bom）。

getAttribute()方法返回指定属性名的属性值。

<div id="test" custom="hello">111</div>
<script type="text/javascript">
    var div = document.getElementById('test');
    //获取的div是[object HTMLDivElement]
    alert(div.getAttribute('custom'));
</script>

关于隐藏元素

css
visibility='hidden'
//显示隐藏用这个少用 display 不正规

Interval 无限循环函数

使用：注意缓存溢出
需要清除

javascript
begin = setInterval(function() {
  hello();
  clearInterval(begin);
}, 1000);

c gcc 编译带有数学库的时候要用 gcc xxx.c -lm

详见

js 自执行函数

(function(){})()

rem 布局

是相对于根元素计算的单位

一般根节点设置为10px 方便计算

em 布局

是相对于父辈元素计算的单位