【前端13_JS】对象及操作、ES5中的“类”的创建、‘类’方法、继承
Object 对象操作简介面向对象的三大特征：封装、继承、多态，但是 js 没有多态，所以它不是纯面向对象的语言
增、删、减、改
增加就是赋值 obj.属性 = 属性值
123456789101112131415161718192021222324252627282930//ES6 的对象简写模式function simpleWrite() { let name = "斯蒂芬库里"; let str = "string"; let functionName = "realFunName"; let obj = { name, //简写，key为name，value为斯蒂芬库里 [str]: "key值放变量", //这里的key可以放个变量了 ["a" + "bc"]: "key值放运算", //key值很自由了，可以运算，所以可以通过循环生成一组key了 [functi ...
【前端12_Sass】Ruby下载安装 、Sass和WebStorm 的适配 & Sass 基础语法
Ruby 引入下载去官网 https://rubyinstaller.org/downloads/可能会比较慢，国外的
安装然后安装(尽量不要安装在系统盘)，注意选择第一项
安装 sass打开 cmd,快捷键 window + R，然后输入 cmd检查是否安装好 Ruby：输入 ruby -v，如果你成功安装好 Ruby 的话，就会在下面弹出版本号在 cmd 中输入gem install sass 等待几分钟
WebStorm 环境的配置
Sass 操作概念
Sass 是一种 预处理语言官网上给的是这样的：“世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言！”
Less 也是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
这里我用的是 Sass
声明 & 使用变量用 $变量名:值; 来写变量
12345//示例$pink:hotpink;div{ color:$pink;}
值的运算Sass 中的编译可以使用运算了！！
12345.box{ margin:(1 ...
【前端11】两个数的置换、浮点数取整、表格插入、内嵌页、旋转
杂项两个数的置换在算法里呢！
取整 （骚操作）取反取反
123var a = 1.999;/*取整*/console.log(~~a);
表格中插入前提：body 中已经写好了 tr 和 td重要知识点：
12345678910<script> for(var i = 0;i < $("tr").length;i++){ var obj = Object.keys(arr[i]); /*tr[0].children.length();这个是找到此节点中的所有元素*/ for(var j = 0;j < $("tr")[i].children.length;j++){ /*这个是Object.keys(obj) 这个是提取出来所有 key 并且是数组*/ $("tr")[i].children[j].innerText = arr[i][obj[j]]; ...
【前端10_JQ】隐式迭代、多库共存、JQ 相关操作：样式修改、类操作、添加属性、克隆、移除/创建节点、插入节点、获取盒子模型的四个值、JQ 动画
初步！
https://jquery.com/ 来这个网站，下载好之后放到你的项目中，和 Bootstrap 的导入原理是一样的哦?(在你的项目中新建一个 JS 文件夹，然后把你的 JQ 导入到程序中，注意做好文件的分类！)
重要理念JQuery 对象要用 JQuery 方法 ！！！ 一定是 方法Dom 对象 要用 Dom 方法
隐式迭代意思 ：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用
jQuery 中会帮我们做好 循环 的工作
比方说我想给很多 li 增加点击事件，如果用原生的话，就要用循环 (例如 for) 给所有的 li 增加点击事件。然而 JQuery 源码中已经帮我们干好了这类 循环 ，直接用 $("li").click() 就可以把所有的 li 增加点击事件了
1234567891011121314151617<body> <div> <ul> <li>这是1</li> ...
【前端09_CSS框架】Bootstrap、栅格系统、响应式、屏幕阅读器、和 JS 组合使用的插件
Bootstrap *
首先要知道，Bootstrap 相当于一个装潢公司，==他是 CSS 框架==，样式他们已经写好了，你只需要会正确合理的调用他们写好的 类 就可以了
也叫 BS
这个工具的用法，官网解释的很清楚，这里我只写一些主要的点，和官网漏掉的点
优点
栅格系统 （同样是快速布局）
响应式工具（可以适应不同尺寸的屏幕）
下载 & 导入
https://www.bootcss.com/ 这是官网
接着选用于生产环境的 BS
将你下载好的文件解压，里面分别有 css、fonts、js 文件夹，把这三个文件夹 复制 到你的项目中即可
要把装潢公司领进家，导入到页面中，方法很多，可以手打，也可以直接拖拽
栅格系统https://v3.bootcss.com/css/#grid 这是官网教程，这里只记录我的心得
首先要导入 css 文件！！！
系统会自动分为最多 12 列
有四个等级的屏幕划分，由大到小分别是 lg、md、sm、xs
注意：BootStrap3 的栅格用的是浮动，而BootStrap4的栅格用的是flex弹 ...
【前端08_JS_Dom】监听、冒泡与捕获、IE兼容处理、JS 内置对象*、异常抛出、计时器及清除
Dom 事件流dom 事件流分三个阶段
事件捕获阶段
处于目标阶段
事件冒泡阶段
参考文章 https://www.cnblogs.com/Leophen/p/11405579.html
监听首先这里不需要写 onclick，on 代表执行,而后面的名字代表事件名可以在元素上用监听来添加多个事件
第一种形式： div.addEventListener("click",function () {});IE 的是这个：div.attachEvent("onclick",text); 教育，学校，军工，必须要兼容 ie6，7，8
这里常用的有三个参数，分别是 什么事件，处理函数， 冒泡/捕捉
冒泡第三个参数 冒泡/捕捉 中，默认值为冒泡 false，从小到大，当父亲和儿子都有点击事件，点击儿子，会顺序触发儿子，父亲的监听事件
捕获true 捕获，从大到小，当父亲和儿子都有点击事件，点击儿子，会触发父亲，儿子
优先级优先捕获
如果中间有个不一样的，比方说 body 和 son 是冒泡，而 fa 是捕获 ...
【前端06_JS_ECMA 语法标准】声明变量、数据类型、tupeof返回值、输入输出、运算、循环、条件、函数、事件
概述以下简称 JS，首先 JS 跟 java 是两个东西，JS 是专门用来做 功能 的，有如下功能：
表单验证，减轻服务端的压力
添加页面动画效果，等等
在 body 外建立 <script></script> 所有的 JS 代码都写在这里。
js 是一种 弱 类型语言，语句之后是否加分号都不影响运行，==但是要养成加分号的习惯==
它由以下三个内容构成：
ECMAScript 语法标准
Dom 文档对象模型
Bom 浏览器对象模型
ECMA 语法标准现在学的版本是 ECMA 5，南方开始用 ECMA 6
声明变量
声明变量，用来 保存数据
变量名可以由 字母、数字、下划线、$符号 组成
变量名必须以 字母、下划线或 $ 开头
不可以用中文起名字
严格区分大小写，也就是大小写起的变量名字，变量都是不一样的
int 它也可以做变量名字，在别的语言里 int 是关键字，但是在 JS 里没事，但是 var 不行。
这里编辑器可能会在声明变量的单词 var 下有下划线，解决方法如下：https://blog.csd ...
如何向本地 PAC 中添加网站
# 问题起因最近上 http://nipponcolors.com/ 没上去，什么 DNS 污染啥的都试过了，最后是改本地 PAC 才好使得，大家可以用全局先看一下
解决办法
添加如下连两行代码即可
【前端07_JS_Dom】节点创建、插入、替换、删除、克隆、获取及修改节点属性
概述通过 Dom 可以找到 Html 里的所有内容，并实现相应的操作
节点操作创建我们可以通过 document.createElement("tagName"); 来创建一个 游离 的标签。所谓的游离，是没有固定的位置，需要我们插入到页面中
插入插入分很多种位置
在指定节点之前插入 insertBefore
12345678910111213141516171819<body> <ul> <li id="li1">0</li> <li id="li2">1</li> </ul></body><script> var creat_li = document.createElement("li"); var ul = document.querySelector("ul"); var li1 = document.querySelector("# ...
WebStore中JS里，声明变量下有波浪的解决办法
问题描述：var 下有波浪问题解决：
File-Setting
点 Language & Framework 中的 JavaScript
改成 ECMA 5.1的即可
问题分析：
新版本的是6，新加的其他语法，定义的方法不一样。
